.myv-web-preview {
    width: min(1300px, calc(100vw - 32px));
    height: min(800px, calc(100vh - 32px));
    max-width: none;
    max-height: none;
    padding: 0;
    border: 1px solid #61718a;
    border-radius: 10px;
    background: #fff;
    color: #162033;
    box-shadow: 0 20px 70px #0008;
    overflow: hidden;
}
.myv-web-preview[open] { display: flex; flex-direction: column; }
.myv-web-preview::backdrop { background: #000b; }
.myv-web-preview-toolbar {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 12px 16px;
    border-bottom: 1px solid #d8e0e9;
    background: #f5f7fa;
    flex-shrink: 0;
}
#myv-web-preview .myv-web-preview-toolbar h2 { margin: 0; padding: 0; border: 0; color: #162033 !important; font-size: 18px; flex: 1; }
#myv-web-preview .myv-web-preview-toolbar a { color: #125eab !important; font-size: 14px; }
#myv-web-preview .myv-web-preview-toolbar button { padding: 7px 14px; border: 1px solid #61718a; border-radius: 4px; background: #fff; color: #162033 !important; cursor: pointer; }
#myv-web-preview .myv-web-preview-status { margin: 0; padding: 8px 16px; color: #162033 !important; font-size: 14px; }
.myv-web-preview-status[hidden] { display: none; }
.myv-web-preview-content { flex: 1; min-height: 0; }
.myv-web-preview-content iframe { display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 600px) {
    .myv-web-preview { width: calc(100vw - 12px); height: calc(100vh - 12px); }
    .myv-web-preview-toolbar { gap: 10px; padding: 10px; }
    #myv-web-preview .myv-web-preview-toolbar h2 { font-size: 16px; }
}