.prototype-stage-toolbar{border-bottom:1px solid var(--studio-line,#dce1e8);flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;display:flex}.prototype-stage-toolbar button{background:0 0;border-color:#0000;padding:6px 12px;font-size:12px}.prototype-stage-toolbar button[aria-pressed=true]{color:var(--studio-accent,#245c92);background:var(--studio-selected,#eaf0f8);border-color:var(--studio-input,#cbd9eb)}.prototype-stage-toolbar>span{color:var(--studio-muted,#657188);margin-left:auto;font-size:11px}.prototype-stage-view{flex:1;min-height:0;display:flex;overflow:hidden}.prototype-stage-view[hidden]{display:none}.prototype-stage-view>iframe{flex:1}.prototype-source{background:var(--studio-surface,#fff);flex:1;min-width:0;min-height:0;display:flex}.prototype-source-files{border-right:1px solid var(--studio-line,#dce1e8);background:var(--studio-wash,#f6f8fb);flex-direction:column;flex-shrink:0;width:170px;overflow:auto;gap:4px!important;padding:16px 10px!important;display:flex!important}.prototype-source-files>span{color:var(--studio-muted,#657188);padding:0 8px 10px;font-size:11px}.prototype-source-files button{text-align:left;white-space:nowrap;background:0 0;border-color:#0000;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.prototype-source-files button>span{color:var(--studio-muted,#526781);font-size:9px}.prototype-source-files button[aria-pressed=true]{background:var(--studio-selected,#e7edf6);border-color:var(--studio-input,#cbd9eb)}.prototype-source-editor{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.prototype-source-editor>header{border-bottom:1px solid var(--studio-line,#e4e8ef);flex-shrink:0;align-items:center;gap:14px;padding:10px 16px;font-size:12px;display:flex}.prototype-source-editor>header>span{color:var(--studio-muted,#657188);font-size:11px}.prototype-source-editor>header>button{margin-left:auto;padding:5px 10px;font-size:11px}.prototype-code-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.prototype-code-scroll pre{tab-size:2;width:max-content;min-width:100%;min-height:100%;margin:0;padding:16px;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.prototype-code-number{text-align:right;width:44px;color:var(--studio-muted,#8691a1);-webkit-user-select:none;user-select:none;padding-right:16px;display:inline-block}.prototype-source-message{padding:24px}.prototype-source-copy{background:var(--studio-success-wash,#edf5ef);margin:0;padding:6px 16px;font-size:12px}@media (max-width:650px){.prototype-source{flex-direction:column}.prototype-source-files{border-right:0;border-bottom:1px solid var(--studio-line,#dce1e8);flex-direction:row;width:auto;padding:6px!important}.prototype-source-files>span,.prototype-source-editor>header>span{display:none}.prototype-stage-toolbar>span{text-align:right;max-width:45%}.prototype-code-scroll pre{font-size:11px}.collab-page:has(.prototype-stage-view:not([hidden]) .prototype-source){height:auto;min-height:100dvh;overflow:visible}.studio-build-workspace:has(.prototype-stage-view:not([hidden]) .prototype-source){flex:auto;min-height:520px}.studio-preview-pane:has(.prototype-stage-view:not([hidden]) .prototype-source){min-height:500px}.prototype-studio:has(.prototype-stage-view:not([hidden]) .prototype-source){flex:none;min-height:auto}.prototype-studio:has(.prototype-stage-view:not([hidden]) .prototype-source)>.prototype-brief{flex:none;min-height:auto}.studio-build:has(.prototype-stage-view:not([hidden]) .prototype-source){flex:none;min-height:auto}}.prototype-stage-view>.brand-loading{flex:1;width:100%}