.website-preview-dialog{box-sizing:border-box;width:min(1600px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;margin:auto;padding:0;border:1px solid #39475c;background:#10151f;color:#e6edf5;box-shadow:0 25px 100px #0009;overflow:hidden;font-family:Inter,Arial,sans-serif;color-scheme:dark}
.website-preview-dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}
.website-preview-dialog[open]{display:flex;flex-direction:column}
.website-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;border-bottom:1px solid #39475c;flex-shrink:0}
.website-preview-label{display:block;font:10px/1.5 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#9dbbf0}
.website-preview-toolbar h2{margin:2px 0 0;font:600 17px/1.3 Inter,Arial,sans-serif;letter-spacing:0;color:#fff}
.website-preview-actions{display:flex;gap:8px;flex-shrink:0}
.website-preview-actions button{appearance:none;border:1px solid #50617b;background:#ffffff08;color:#fff;padding:9px 12px;cursor:pointer;font:500 12px/1.3 Inter,Arial,sans-serif;min-height:40px}
.website-preview-actions button:hover{background:#26354b}.website-preview-actions button:focus-visible{outline:2px solid #9dbbf0;outline-offset:3px}
.website-preview-stage{position:relative;flex:1;min-height:0;background:#f8f7f3}.website-preview-host{width:100%;height:100%}
.website-preview-host iframe{display:block;width:100%;height:100%;border:0;background:#f8f7f3}
.website-preview-status{position:absolute;z-index:1;left:0;right:0;top:0;margin:0;padding:14px 20px;background:#10151ff2;color:#e6edf5;text-align:center;font:13px/1.5 Inter,Arial,sans-serif;pointer-events:none}
.website-preview-status[hidden]{display:none}.website-preview-status.is-error{background:#481c26;color:#fff}
@media(max-width:600px){.website-preview-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0}.website-preview-toolbar{padding:10px 12px;gap:10px}.website-preview-toolbar h2{font-size:14px}.website-preview-label{font-size:8px}.website-preview-actions{gap:5px}.website-preview-actions button{padding:9px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.website-preview-dialog::backdrop{backdrop-filter:none}}