.ResponsivePreview-module__U8TnUq__tabs{margin-bottom:var(--space-3);gap:6px;display:flex}.ResponsivePreview-module__U8TnUq__tab{border:1px solid var(--c-border,#ffffff1f);background:var(--c-surface,#ffffff0a);color:var(--c-text-2,#ffffffb3);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.76rem;display:flex}.ResponsivePreview-module__U8TnUq__tab:hover{color:var(--c-text,#fff);border-color:var(--c-border-strong,#ffffff38)}.ResponsivePreview-module__U8TnUq__tabActive{color:var(--c-text,#fff);background:#b4a0ff2e;border-color:#b4a0ff99}.ResponsivePreview-module__U8TnUq__frameWrap{padding:var(--space-3);background:#0000004d;border-radius:10px;justify-content:center;align-items:flex-start;display:flex;overflow:auto}.ResponsivePreview-module__U8TnUq__frame{background:#fff;border:none;border-radius:6px;flex-shrink:0}
.StudioLiveCanvas-module__ZUseNW__canvas{border:1px solid var(--glass-border,var(--c-border,#ffffff1a));background:var(--glass-bg,var(--c-surface,#ffffff08));border-radius:12px;flex-direction:column;align-self:start;min-width:0;max-height:calc(100dvh - 96px);display:flex;position:sticky;top:12px;overflow:hidden}.StudioLiveCanvas-module__ZUseNW__bar{border-bottom:1px solid var(--glass-border,var(--c-border,#ffffff1a));align-items:center;gap:10px;padding:8px 10px;display:flex}.StudioLiveCanvas-module__ZUseNW__title{min-width:0;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;color:var(--c-text-muted,#fff6);flex:auto;font-size:.56rem}.StudioLiveCanvas-module__ZUseNW__devices{flex:none;gap:2px;display:flex}.StudioLiveCanvas-module__ZUseNW__deviceBtn{width:24px;height:22px;color:var(--c-text-muted,#ffffff73);cursor:pointer;transition:background var(--anim-hover,.15s) ease, color var(--anim-hover,.15s) ease;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.StudioLiveCanvas-module__ZUseNW__deviceBtn:hover{color:var(--c-text,#ffffffd9);background:var(--c-elevated,#ffffff0f)}.StudioLiveCanvas-module__ZUseNW__deviceBtnActive{color:#dcd2fff2;background:#b4a0ff33;border-color:#b4a0ff4d}.StudioLiveCanvas-module__ZUseNW__close{width:24px;height:22px;color:var(--c-text-muted,#ffffff73);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.StudioLiveCanvas-module__ZUseNW__close:hover{color:var(--c-text,#ffffffe6);background:var(--c-elevated,#ffffff0f)}.StudioLiveCanvas-module__ZUseNW__stage{background:#0a0a0f;flex:auto;min-height:0;position:relative;overflow:auto}.StudioLiveCanvas-module__ZUseNW__frameBox{transform-origin:0 0;position:absolute;top:0;left:0}.StudioLiveCanvas-module__ZUseNW__frame{background:#0a0a0f;border:0;display:block}.StudioLiveCanvas-module__ZUseNW__note{border-top:1px solid var(--glass-border,var(--c-border,#ffffff1a));font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.05em;color:var(--c-text-muted,#ffffff59);margin:0;padding:6px 10px;font-size:.54rem;line-height:1.5}
.StudioEditorShell-module__32tQXG__publishBtn{color:#beebcdf2;height:38px;font-family:var(--font-body);letter-spacing:.06em;cursor:pointer;background:#78c8961a;border:1px solid #78c89659;border-radius:12px;flex-shrink:0;align-items:center;gap:7px;padding:0 18px;font-size:.76rem;transition:background .18s,transform .18s;display:flex}.StudioEditorShell-module__32tQXG__publishBtn:hover:not(:disabled){background:#78c89633;transform:translateY(-1px)}.StudioEditorShell-module__32tQXG__publishBtn:disabled{opacity:.5;cursor:default}.StudioEditorShell-module__32tQXG__workspace{min-width:0;display:block}.StudioEditorShell-module__32tQXG__workspaceSplit{grid-template-columns:minmax(0, calc((1 - var(--canvas-split,.42)) * 100%)) 10px minmax(0, 1fr);align-items:start;gap:0;display:grid}.StudioEditorShell-module__32tQXG__controls{min-width:0}.StudioEditorShell-module__32tQXG__gutter{cursor:col-resize;touch-action:none;background:0 0;border-radius:3px;align-self:stretch;min-height:200px;margin:0 3px;transition:background .15s}.StudioEditorShell-module__32tQXG__gutter:hover,.StudioEditorShell-module__32tQXG__gutterActive{background:#b4a0ff59}.StudioEditorShell-module__32tQXG__gutter:focus-visible{outline-offset:1px;outline:2px solid #b4a0ffb3}@media (max-width:1100px){.StudioEditorShell-module__32tQXG__workspaceSplit{display:block}.StudioEditorShell-module__32tQXG__gutter{display:none}}