html,body,#root{min-height:100%}body{background:#fafafa;margin:0}.web-preview{box-sizing:border-box;scrollbar-width:none;color:#17243b;justify-content:center;width:100%;height:100dvh;padding:24px;font-family:system-ui,sans-serif;display:flex;overflow:auto}.web-preview::-webkit-scrollbar{display:none}.preview-shell{width:min(440px,max(280px,46.0251dvh - 36.8201px));max-width:100%;margin-block:auto}.preview-actions{z-index:1;display:flex;position:fixed;top:12px;right:12px}.preview-actions button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;width:32px;height:36px;padding:0;transition:color .18s;display:inline-flex}.preview-actions button:hover{color:#004dc7}.web-preview button:disabled{opacity:.5;cursor:default}.web-preview button:focus-visible,.preview-message a:focus-visible{outline-offset:3px;outline:3px solid #0753cc}.preview-device{aspect-ratio:440/956;background:#fff;border-radius:13%/6%;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 8px #17202e,0 28px 56px -12px #17243b4d,0 10px 22px -8px #17243b33}.preview-frame{background:#fff;border:0;width:100%;height:100%;display:block}.preview-screen{width:440px;height:956px;transform:scale(var(--preview-scale,1));transform-origin:0 0;flex-direction:column;display:flex;position:relative}.preview-status-bar{z-index:1;box-sizing:border-box;color:#111;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff;flex:0 0 62px;justify-content:space-between;align-items:center;padding:0 38px 2px 48px;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:relative}.preview-screen[data-loading=true] .preview-status-bar{color:#fff;background:#004dc7}.preview-status-time,.preview-status-indicators{align-items:center;gap:6px;display:flex}.preview-status-bar svg{flex-shrink:0;display:block}.preview-status-time{font-variant-numeric:tabular-nums;letter-spacing:-.5px;gap:4px;font-size:19px;font-weight:600;line-height:1}.preview-island{background:#080808;border-radius:24px;width:132px;height:38px;position:absolute;top:11px;left:calc(50% - 66px)}.preview-battery{color:#34c759}.preview-battery text{fill:#fff;font-size:12px;font-weight:700}.preview-content{flex:1;min-height:0;position:relative}@media (prefers-reduced-motion:reduce){.preview-actions button,.preview-status-bar{transition:none}}@media (pointer:coarse){.preview-actions button{width:44px;height:44px}}.preview-message{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;line-height:1.5;display:flex;position:absolute;inset:0}.preview-message p{margin:0}.preview-message a{color:#0753cc;text-underline-offset:3px}.preview-message button{color:#0753cc;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ced8e8;border-radius:12px;padding:10px 16px}@media (width<=520px){.web-preview{padding:0}.preview-shell{width:100%}.preview-actions{display:none}.preview-device{aspect-ratio:auto;height:100dvh;min-height:300px;box-shadow:none;border-radius:0}.preview-screen{width:100%;height:100%;transform:none}.preview-status-bar{display:none}}