.preview-toolbar{display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 0;padding:11px;border:1px solid #30394a;border-radius:15px;background:#111827;position:sticky;top:10px;z-index:20;box-shadow:0 12px 32px #0008}
.preview-toolbar b{margin-right:10px}.preview-toolbar button{padding:10px 14px;background:#273142;color:#fff;border:1px solid #3d485b}.preview-toolbar button.active{background:#ffc22d;color:#111;border-color:#ffc22d}
.device-stage{min-height:900px;padding:28px 12px 70px;display:flex;justify-content:center;align-items:flex-start;overflow:auto;background:linear-gradient(135deg,#090d14,#141b27);border:1px solid #2d3748;border-radius:22px}
.device-frame{position:relative;background:#05070a;border:10px solid #252b35;border-radius:30px;box-shadow:0 30px 80px #000b;overflow:hidden;transition:width .2s ease}
.device-frame.mobile{width:390px;max-width:100%;height:844px}.device-frame.tablet{width:768px;max-width:100%;height:1024px;border-radius:24px}
.device-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}.device-camera{position:absolute;top:5px;left:50%;translate:-50% 0;width:72px;height:7px;border-radius:999px;background:#090b0f;z-index:2;pointer-events:none}
body.embedded-sandbox-preview>header,body.embedded-sandbox-preview .ownerbar,body.embedded-sandbox-preview .preview-toolbar{display:none!important}
body.embedded-sandbox-preview{background:#fff}body.embedded-sandbox-preview main{width:100%;max-width:none;margin:0}body.embedded-sandbox-preview .public-site{border-radius:0}
@media(max-width:720px){.preview-toolbar{justify-content:flex-start;overflow:auto}.preview-toolbar b{display:none}.preview-toolbar button{white-space:nowrap}.device-stage{padding-inline:0}.device-frame{border-left-width:4px;border-right-width:4px}}