:root{color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#06111f;color:#f4f8ff;font-family:system-ui,"Malgun Gothic","Apple SD Gothic Neo",sans-serif}
button,input{font:inherit}
.preview-shell-v08147{min-height:100vh;display:grid;grid-template-rows:auto 1fr}
.preview-toolbar-v08147{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:12px 16px;border-bottom:1px solid #25445f;background:rgba(7,21,37,.97)
}
.preview-brand-v08147{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:900}
.preview-brand-v08147 img{width:30px;height:30px}
.preview-copy-v08147{min-width:180px}
.preview-copy-v08147 strong{display:block;font-size:14px}
.preview-copy-v08147 small{display:block;margin-top:2px;color:#85a0ba;font-size:11px}
.preview-path-v08147{flex:1 1 240px;min-width:180px;padding:8px 10px;border:1px solid #2d516f;border-radius:9px;background:#0a1b2f;color:#cbe0f2;font:12px/1.4 Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-actions-v08147{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.preview-actions-v08147 button{
  min-height:38px;padding:7px 10px;border:1px solid #355d7e;border-radius:9px;background:#102a46;color:#dcecff;font-weight:800;cursor:pointer
}
.preview-actions-v08147 button[aria-pressed="true"]{background:#315ee8;border-color:#7d9cff;color:#fff}
.preview-actions-v08147 button:hover{border-color:#7da5c8}
.preview-actions-v08147 button:focus-visible{outline:3px solid #9cacff;outline-offset:2px}
.preview-stage-v08147{
  min-width:0;display:grid;place-items:start center;padding:24px;
  background:
    radial-gradient(circle at 50% 0%,rgba(45,89,132,.2),transparent 38%),
    #071421
}
.preview-device-v08147{
  --device-width:390px;
  width:calc(var(--device-width) + 20px);
  max-width:100%;
  padding:10px;border:1px solid #3a5d7d;border-radius:28px;
  background:#02070d;box-shadow:0 26px 70px rgba(0,0,0,.48)
}
.preview-device-top-v08147{height:24px;display:grid;place-items:center}
.preview-device-top-v08147::before{content:"";width:72px;height:6px;border-radius:999px;background:#263443}
.preview-frame-v08147{
  display:block;width:var(--device-width);max-width:100%;height:min(78vh,900px);
  border:0;border-radius:18px;background:#08111f
}
.preview-status-v08147{width:min(720px,100%);margin:16px auto 0;padding:10px 12px;border:1px solid #294b67;border-radius:10px;background:#0b1d31;color:#9db4ca;font-size:12px;line-height:1.55}
.preview-status-v08147[data-state="error"]{border-color:#9c5656;background:#2a171d;color:#ffc4c4}
.preview-note-v08147{width:min(720px,100%);margin:10px auto 0;color:#7893ac;font-size:11px;line-height:1.6;text-align:center}
@media(max-width:700px){
  .preview-toolbar-v08147{padding:10px}
  .preview-stage-v08147{padding:12px 6px}
}