:root{--paper:#f2f2f0;--paper-2:#e9e9e6;--ink:#1a222e;--ink-soft:#5a6472;--shu:#e14b42;--shu-soft:#fc8580;--shu-deep:#c73b33;--teal:#5e9391;--term:#141d2b;--term-ink:#e6e9ed;--line:#dcdcd8;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}
:root{--studio-font-sans:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--studio-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--studio-surface:#fbfbfa;--studio-white:#fff;--studio-mobile-slide-min-height:360px;--studio-mobile-workspace-min-height:420px}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:linear-gradient(90deg, #5e93911a 1px, transparent 1px), linear-gradient(180deg, #5e939114 1px, transparent 1px), var(--paper);min-height:100svh;color:var(--ink);font-family:var(--studio-font-sans);background-size:28px 28px;margin:0;line-height:1.7}button,input,select,textarea{font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--shu-soft);outline-offset:3px}@keyframes studio-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.studio-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.studio-app{flex-direction:column;height:100svh;min-height:100svh;display:flex}@supports (height:100dvh){body{min-height:100dvh}.studio-app{height:100dvh;min-height:100dvh}}.studio-topbar{border-bottom:2px solid var(--line);background:var(--studio-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:66px;padding:14px 18px;display:grid}.studio-brand{align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.studio-brand img{flex:none;display:block}.studio-wordmark{letter-spacing:0;font-size:17px;font-weight:700}.studio-tag,.studio-pane-title span{color:var(--shu);font-family:var(--studio-font-mono);letter-spacing:0;font-size:12px;font-weight:700}.studio-subtitle{min-width:0;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.studio-topbar-menu{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.studio-topbar-nav{flex-wrap:wrap;justify-content:flex-end;gap:18px;display:flex}.studio-topbar-nav-link{min-height:0;color:var(--ink-soft);align-items:center;padding:2px 0;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.studio-topbar-nav-link:after{background:var(--shu);content:"";opacity:0;height:2px;transition:opacity .12s var(--ease), transform .12s var(--ease);position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(.35)}.studio-topbar-nav-link:hover,.studio-topbar-nav-link:focus-visible{color:var(--ink)}.studio-topbar-nav-link:hover:after,.studio-topbar-nav-link:focus-visible:after{opacity:1;transform:scaleX(1)}.studio-topbar-actions,.studio-pane-actions,.studio-link-row,.studio-tool-actions,.studio-workspace-tabs,.studio-slide-secondary-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-lesson-main{flex:1;min-height:0;padding:12px;display:flex;overflow:hidden}.studio-split{flex:1;gap:8px;width:100%;min-height:0;display:grid}.studio-split--split{grid-template-columns:minmax(460px, calc(var(--split-ratio) * 100%)) 8px minmax(320px, 1fr)}.studio-split--left-only{grid-template-columns:minmax(0,1fr) 44px}.studio-split--right-only{grid-template-columns:44px minmax(0,1fr)}.studio-split--mobile{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.studio-mobile-pane-tools{gap:6px;min-width:0;display:grid}.studio-mobile-pane-switch{border:2px solid var(--line);background:var(--paper);border-radius:8px;align-items:center;gap:6px;min-width:0;padding:3px;display:flex}.studio-mobile-pane-tab{min-width:0;min-height:34px;color:var(--ink-soft);background:0 0;border-color:#0000;flex:1 1 0;font-size:13px}.studio-mobile-pane-tab[aria-selected=true]{border-color:var(--teal);background:var(--studio-white);color:var(--ink)}.studio-mobile-pane-notice{border:2px solid var(--teal);width:100%;min-height:42px;box-shadow:none;color:var(--ink);cursor:pointer;text-align:left;touch-action:manipulation;background:#5e93911f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:7px 10px;font-weight:700;display:grid}.studio-mobile-pane-notice-label{color:var(--shu);font-family:var(--studio-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden}.studio-mobile-pane-notice strong{color:var(--term);white-space:nowrap;flex:none;font-size:12px;line-height:1.2}.studio-pane,.studio-workbench{border:2px solid var(--ink);background:var(--studio-white);border-radius:8px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-pane[hidden]{display:none}.studio-pane-head{border-bottom:2px solid var(--line);background:var(--studio-surface);justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:9px 10px 9px 14px;display:flex}.studio-pane-title{flex-direction:column;min-width:0;line-height:1.25;display:flex}.studio-pane-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.studio-pane-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;display:flex;overflow:auto}.studio-icon-button,.studio-slide-control-button,.studio-resizer,.studio-rail,.studio-tab-button,.studio-file-tab,.studio-command-button,.studio-chip-link,.studio-chip-button{border:2px solid var(--ink);background:var(--studio-white);min-height:34px;color:var(--ink);cursor:pointer;border-radius:7px;font-weight:700;text-decoration:none}.studio-icon-button{width:38px;min-height:38px;font-family:var(--studio-font-mono);flex:none;place-items:center;padding:0;display:inline-grid}.studio-icon-button:hover,.studio-slide-control-button:hover:not(:disabled),.studio-command-button:hover,.studio-tab-button:hover,.studio-file-tab:hover,.studio-chip-link:hover,.studio-chip-button:hover,.studio-rail:hover{background:var(--paper-2)}.studio-icon-button svg,.studio-slide-control-button svg,.studio-chip-link svg,.studio-chip-button svg,.studio-tab-button svg{flex:none}.studio-resizer{border-color:var(--teal);background:var(--teal);cursor:col-resize;border-radius:99px;width:8px;min-height:0;margin:0;padding:0}.studio-rail{border-color:var(--teal);min-width:0;min-height:0;color:var(--term);writing-mode:vertical-rl;justify-content:space-between;align-items:center;padding:10px 7px;display:flex}.studio-rail strong{color:var(--shu);font-family:var(--studio-font-mono);font-size:11px}.studio-slide-frame,.studio-preview-frame{background:var(--studio-white);border:0;flex:1;width:100%;height:100%;min-height:0}.studio-slide-shell{background:#05080d;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.studio-slide-controls,.studio-slide-loading{border-top:2px solid var(--line);background:var(--studio-surface);justify-content:center;align-items:center;gap:10px;min-height:54px;padding:4px 8px;display:flex}.studio-slide-controls{flex-wrap:nowrap}.studio-slide-loading{color:var(--ink-soft);font-family:var(--studio-font-mono);justify-content:center;font-size:12px;font-weight:800}.studio-slide-nav{background:0 0;border:0;border-radius:0;flex:none;align-items:center;gap:10px;padding:0;display:inline-flex}.studio-slide-control-button{border-color:var(--line);background:var(--studio-white);width:44px;min-height:44px;box-shadow:0 2px 0 var(--line);touch-action:manipulation;place-items:center;padding:0;display:inline-grid}.studio-slide-control-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.35}.studio-slide-fallback{text-align:center;place-content:center;gap:12px;width:100%;padding:24px;display:grid}.studio-text-link{color:var(--shu);font-weight:700}.studio-chip-link,.studio-chip-button{border-color:var(--line);color:var(--ink);align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.studio-chip-button{background:var(--studio-white)}.studio-workbench{border:0;border-radius:0;flex:1;width:100%;overflow:hidden}.studio-memo-pad{background:var(--studio-white);flex-direction:column;width:100%;min-height:0;display:flex}.studio-memo-textarea{resize:none;background:var(--studio-white);width:100%;min-height:0;color:var(--ink);border:0;flex:1;padding:16px;font-size:15px;line-height:1.8}.studio-memo-textarea::placeholder{color:var(--ink-soft)}.studio-memo-textarea:focus{box-shadow:inset 0 0 0 2px var(--shu-soft);outline:0}.studio-memo-footer{border-top:2px solid var(--line);background:var(--studio-surface);justify-content:flex-start;align-items:center;min-height:52px;padding:10px;display:flex}.studio-workbench-head{border-bottom:2px solid var(--line);background:var(--studio-surface);grid-template-columns:minmax(0,1fr) minmax(180px,auto);grid-template-areas:"view template";align-items:center;gap:8px 10px;padding:10px;display:grid}.studio-segmented,.studio-view-switch,.studio-language-tabs{flex-wrap:nowrap;min-width:0;display:flex}.studio-view-switch{border:2px solid var(--line);background:var(--paper);border-radius:8px;grid-area:view;gap:6px;width:fit-content;padding:3px}.studio-view-switch .studio-tab-button{min-height:30px;color:var(--ink-soft);background:0 0;border-color:#0000;gap:5px;padding:4px 9px;font-size:12px}.studio-language-tabs{scrollbar-width:thin;background:#101826;border-bottom:1px solid #e6e9ed2e;gap:0;width:100%;max-width:100%;padding-inline:10px;overflow-x:auto}.studio-template-select{grid-area:template;justify-self:end;align-items:center;gap:8px;min-width:0;display:inline-flex}.studio-template-select span{color:var(--shu);font-family:var(--studio-font-mono);flex:none;font-size:12px;font-weight:700}.studio-template-select select{border:2px solid var(--line);background:var(--studio-white);width:min(230px,100%);min-width:0;min-height:34px;color:var(--ink);border-radius:7px;padding:5px 9px;font-size:13px;font-weight:700}.studio-language-tabs:empty{display:none}.studio-tab-button{border-color:var(--line);justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:13px;display:inline-flex}.studio-file-tab{color:#aeb9c3;min-width:max-content;min-height:36px;font-family:var(--studio-font-mono);background:0 0;border:0;border-right:1px solid #e6e9ed2e;border-radius:0;justify-content:center;align-items:center;padding:7px 13px 6px;font-size:12px;font-weight:800;line-height:1.1;display:inline-flex;position:relative}.studio-file-tab[aria-selected=true]{background:var(--term);color:var(--studio-white)}.studio-file-tab[aria-selected=true]:after{background:var(--shu-soft);content:"";border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:0;left:10px;right:10px}.studio-tab-button[aria-selected=true]{border-color:var(--shu);background:var(--shu);color:var(--studio-white)}.studio-view-switch .studio-tab-button[aria-selected=true]{border-color:var(--teal);background:var(--studio-white);color:var(--ink)}.studio-workspace{background:var(--term);flex:1;min-height:0;display:grid;position:relative;overflow:hidden}.studio-editor-stack,.studio-preview-panel,.studio-quiz-panel{height:100%;min-height:0;display:none}.studio-editor-stack.is-active{grid-template-rows:auto minmax(0,1fr);display:grid}.studio-preview-panel.is-active{flex-direction:column;display:flex}.studio-console{border-top:2px solid var(--line);color:#e6edf3;background:#0d1320;flex:none}.studio-console-head{justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:6px 8px;display:flex}.studio-console-toggle,.studio-console-clear{min-height:30px;color:inherit;font-family:var(--studio-font-mono);background:0 0;border-color:#0000;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:800;line-height:1.1;display:inline-flex}.studio-console-toggle{min-width:0;padding:4px 8px 4px 5px}.studio-console-toggle svg:first-child{transition:transform .12s var(--ease)}.studio-console-toggle[aria-expanded=true] svg:first-child{transform:rotate(180deg)}.studio-console-toggle strong{color:#b9f3d1;background:#ffffff1f;border-radius:999px;justify-content:center;min-width:34px;padding:3px 7px;font-size:11px;display:inline-flex}.studio-console-clear{color:#cbd5df;padding:4px 8px}.studio-console-clear:disabled{cursor:not-allowed;opacity:.42}.studio-console-body{border-top:1px solid #e6e9ed24;max-height:150px;overflow:auto}.studio-console-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.studio-console-line{min-width:0;font-family:var(--studio-font-mono);border-top:1px solid #e6e9ed14;grid-template-columns:54px minmax(0,1fr);gap:8px;padding:7px 10px;font-size:12px;line-height:1.45;display:grid}.studio-console-line:first-child{border-top:0}.studio-console-line span{color:#8ee6ad;font-weight:800}.studio-console-line[data-level=warn] span{color:#ffd37a}.studio-console-line[data-level=error] span{color:#ff9a9a}.studio-console-line code{color:#f5f7fa;overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.studio-quiz-panel.is-active{min-height:0;display:flex}.studio-quiz-empty{background:var(--studio-surface);min-height:0;color:var(--ink-soft);flex:1;place-items:center;padding:18px;font-weight:700;display:grid}.studio-editor-panel{min-height:0;display:none}.studio-editor-panel.is-active{display:block;overflow:hidden}.studio-code-editor{background:var(--term);height:100%;min-height:0}.studio-code-editor .cm-editor{height:100%}.studio-code-editor .cm-scroller{-webkit-overflow-scrolling:touch}.studio-code-editor .cm-cursor{animation:1s step-end infinite studio-caret-blink}.studio-tool-dock{border-top:2px solid var(--line);background:var(--studio-surface);gap:8px;padding:10px;display:grid}.studio-command-button{justify-content:center;align-items:center;padding:7px 11px;font-size:13px;line-height:1.2;display:inline-flex}.studio-command-button.is-primary{border-color:var(--shu);background:var(--shu);color:var(--studio-white)}.studio-next-lesson-button{min-height:34px;padding-inline:10px;font-size:12px}.studio-command-button.is-warn[data-armed=true]{border-color:var(--shu-deep);background:var(--shu-deep);color:var(--studio-white)}.studio-note{color:var(--ink-soft);font-size:12px}.studio-status-notice{border:2px solid var(--line);background:var(--studio-white);width:fit-content;max-width:100%;min-height:30px;color:var(--ink-soft);overflow-wrap:anywhere;box-shadow:0 2px 0 var(--line);border-radius:7px;align-items:center;gap:7px;padding:4px 9px;font-size:12px;font-weight:700;line-height:1.35;display:inline-flex}.studio-status-notice:before{content:"";background:var(--line);border-radius:999px;flex:none;width:8px;height:8px}.studio-status-notice[data-tone=success]{border-color:var(--teal)}.studio-status-notice[data-tone=success]:before{background:var(--teal)}.studio-status-notice[data-tone=warning]{border-color:var(--shu);color:var(--ink)}.studio-status-notice[data-tone=warning]:before{background:var(--shu)}.studio-status-notice[data-tone=error]{border-color:var(--shu-deep);color:var(--shu-deep)}.studio-status-notice[data-tone=error]:before{background:var(--shu-deep)}.studio-slide-progress{min-width:54px;min-height:0;color:var(--ink);font-family:var(--studio-font-mono);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0 4px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.studio-workspace-panel{background:var(--studio-surface);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.studio-workspace-tabs{border-bottom:2px solid var(--line);background:var(--paper);flex:none;padding:10px}.studio-workspace-panel-head{border-bottom:2px solid var(--line);background:var(--paper);gap:4px;padding:14px;display:grid}.studio-workspace-panel-head h2{margin:0;font-size:18px}.studio-workspace-panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;display:flex;overflow:auto}.studio-quiz-workspace{background:var(--studio-surface);-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:14px;overflow:auto}.studio-quiz-hero{border:2px solid var(--ink);background:var(--studio-white);border-radius:8px;gap:4px;margin-bottom:12px;padding:14px;display:grid}.studio-quiz-hero h2{margin:0;font-size:20px;line-height:1.3}.studio-quiz-hero p{color:var(--ink-soft);margin:0;font-weight:700}.studio-quiz-list{gap:12px;display:grid}.studio-quiz-card{border:2px solid var(--line);background:var(--studio-white);border-radius:8px;gap:12px;padding:14px;display:grid}.studio-quiz-card.is-locked{color:var(--ink-soft);background:#f5f4ee}.studio-quiz-card h3,.studio-quiz-card p{margin:0}.studio-quiz-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-quiz-score,.studio-quiz-note,.studio-quiz-total{color:var(--shu);font-family:var(--studio-font-mono);font-size:12px;font-weight:700}.studio-quiz-result-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-quiz-questions{gap:12px;margin:0;padding:0;list-style:none;display:grid}.studio-quiz-question{border:1px solid var(--line);background:#fbfbfa;border-radius:8px;gap:8px;padding:12px;display:grid}.studio-quiz-question p span{color:var(--shu);font-family:var(--studio-font-mono);font-weight:700}.studio-quiz-options{gap:8px;display:grid}.studio-quiz-options.is-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-quiz-option{border:2px solid var(--line);background:var(--studio-white);border-radius:8px;align-items:flex-start;gap:8px;min-height:40px;padding:8px 10px;display:flex}.studio-quiz-option input{accent-color:var(--teal);margin-top:5px}.studio-quiz-number,.studio-quiz-order-choice{border:2px solid var(--line);background:var(--studio-white);width:100%;min-height:40px;color:var(--ink);border-radius:8px;padding:7px 10px}.studio-quiz-order{gap:10px;display:grid}.studio-quiz-order-sequence{background:#5e939114;border:1px dashed #5e93918c;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;min-height:44px;margin:0;padding:8px;display:flex}.studio-quiz-order-placeholder{color:var(--ink-soft);font-size:13px;font-weight:700}.studio-quiz-order-step,.studio-quiz-order-choice,.studio-quiz-order-action{cursor:pointer;font:inherit;font-weight:700}.studio-quiz-order-step{background:var(--teal);min-height:32px;color:var(--studio-white);border:0;border-radius:999px;align-items:center;gap:7px;padding:4px 9px 4px 5px;display:inline-flex}.studio-quiz-order-step span{background:var(--studio-white);width:22px;height:22px;color:var(--teal);font-family:var(--studio-font-mono);border-radius:999px;place-items:center;font-size:11px;display:grid}.studio-quiz-order-step strong{font-size:13px;line-height:1.2}.studio-quiz-order-choices{grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:8px;display:grid}.studio-quiz-order-choice{text-align:left}.studio-quiz-order-choice:hover:not(:disabled){border-color:var(--teal);background:#5e93911a}.studio-quiz-order-choice:disabled{cursor:default;opacity:.45}.studio-quiz-order-actions{flex-wrap:wrap;gap:8px;display:flex}.studio-quiz-order-action{border:0;border-bottom:2px solid var(--line);min-height:30px;color:var(--ink-soft);background:0 0;padding:4px 8px;font-size:12px}.studio-quiz-order-action:hover{color:var(--ink)}.studio-quiz-feedback{color:var(--ink);background:#5e93911f;border-radius:8px;gap:2px;padding:8px 10px;font-size:14px;display:grid}.studio-quiz-feedback[data-correct=false]{background:#df4b3f1a}.studio-quiz-feedback strong{color:var(--shu)}.studio-note{margin:0}.studio-reference-main{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 56px}.studio-reference-hero{border:2px solid var(--ink);background:var(--term);color:var(--term-ink);border-radius:8px;gap:8px;margin-bottom:18px;padding:24px;display:grid}.studio-reference-hero h1{margin:0;font-size:40px;line-height:1.1}.studio-reference-hero p{max-width:720px;color:var(--term-ink);margin:0}.studio-reference-controls{border:2px solid var(--line);background:var(--studio-white);border-radius:8px;gap:12px;margin-bottom:18px;padding:14px;display:grid}.studio-reference-search{gap:6px;display:grid}.studio-reference-search span{color:var(--shu);font-family:var(--studio-font-mono);font-size:12px;font-weight:700}.studio-reference-search input{border:2px solid var(--ink);background:var(--studio-white);width:100%;min-height:42px;color:var(--ink);border-radius:7px;padding:8px 10px}.studio-reference-controls .studio-segmented{border:2px solid var(--line);background:var(--paper);border-radius:8px;width:fit-content;padding:3px}.studio-reference-controls .studio-tab-button{min-height:30px;color:var(--ink-soft);background:0 0;border-color:#0000;padding:4px 9px;font-size:12px}.studio-reference-controls .studio-tab-button:hover{background:var(--studio-white);color:var(--ink)}.studio-reference-controls .studio-tab-button[aria-selected=true]{border-color:var(--teal);background:var(--studio-white);color:var(--ink)}.studio-reference-categories{border:0;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;display:flex}.studio-reference-categories .studio-chip-link{min-height:30px;color:var(--ink-soft);background:0 0;border-color:#0000;padding:4px 8px}.studio-reference-categories .studio-chip-link:hover{border-color:var(--line);background:var(--paper-2);color:var(--ink)}.studio-reference-categories .studio-chip-link[aria-pressed=true]{border-color:var(--teal);color:var(--term);background:#5e93911f}.studio-reference-result-head{color:var(--ink-soft);align-items:baseline;gap:6px;margin:0 0 10px;display:flex}.studio-reference-result-head strong{color:var(--ink);font-family:var(--studio-font-mono);font-size:18px}.studio-reference-grid{gap:12px;display:grid}.studio-reference-card{border:2px solid var(--line);background:var(--studio-white);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,36%);gap:14px;min-width:0;padding:14px;display:grid}.studio-reference-card-main{align-content:start;gap:10px;min-width:0;display:grid}.studio-reference-card-head,.studio-reference-tags{flex-wrap:wrap;gap:6px;display:flex}.studio-reference-kind,.studio-reference-category,.studio-reference-tags span{border:2px solid var(--line);min-height:26px;color:var(--ink-soft);font-family:var(--studio-font-mono);border-radius:7px;align-items:center;padding:3px 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.studio-reference-kind{border-color:var(--shu);color:var(--shu)}.studio-reference-card h2{overflow-wrap:anywhere;margin:0;font-size:26px;line-height:1.15}.studio-reference-card p{color:var(--ink-soft);margin:0}.studio-reference-syntax{border:2px solid var(--ink);background:var(--term);color:var(--term-ink);font-family:var(--studio-font-mono);border-radius:7px;margin:0;padding:10px;font-size:13px;line-height:1.5;overflow-x:auto}.studio-reference-preview{border:2px solid var(--ink);background:var(--studio-white);border-radius:8px;min-width:0;min-height:210px;display:flex;overflow:hidden}.studio-reference-source{border:2px solid var(--line);background:var(--studio-surface);border-radius:8px;grid-column:1/-1;min-width:0}.studio-reference-source summary{cursor:pointer;min-height:38px;color:var(--ink);padding:7px 10px;font-weight:700}.studio-reference-source pre{border-top:2px solid var(--line);background:var(--term);color:var(--term-ink);font-family:var(--studio-font-mono);margin:0;padding:12px;font-size:12px;line-height:1.55;overflow-x:auto}.studio-reference-empty{border:2px solid var(--line);background:var(--studio-white);border-radius:8px;gap:8px;padding:24px;display:grid}.studio-reference-empty h2,.studio-reference-empty p{margin:0}.studio-not-found{border:2px solid var(--ink);background:var(--studio-white);border-radius:8px;gap:14px;width:min(760px,100vw - 32px);margin:48px auto;padding:28px;display:grid}.studio-not-found__eyebrow,.studio-not-found h1{margin:0}.studio-not-found__eyebrow{color:var(--shu);font-family:var(--studio-font-mono);text-transform:uppercase;font-size:13px;font-weight:700}.studio-not-found h1{font-size:28px;line-height:1.25}.studio-not-found__link{border:2px solid var(--ink);background:var(--studio-white);width:fit-content;min-height:38px;color:var(--ink);border-radius:7px;padding:6px 12px;font-weight:700;text-decoration:none}@media (max-width:1180px),(hover:none) and (pointer:coarse){.studio-topbar{grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"brand menu""subtitle subtitle";align-items:center;gap:6px 12px;min-height:48px;padding:10px 12px}.studio-brand{grid-area:brand;gap:8px}.studio-brand img{width:28px;height:28px}.studio-wordmark{font-size:15px}.studio-subtitle{white-space:nowrap;grid-area:subtitle;font-size:12px;line-height:1.35}.studio-topbar-menu{flex-wrap:nowrap;grid-area:menu;justify-content:flex-end;gap:8px;min-width:0}.studio-topbar-nav{flex-wrap:nowrap;gap:10px;min-width:0}.studio-topbar-nav-link{white-space:nowrap;flex:0 auto;font-size:12px}.studio-lesson-main{padding:8px}.studio-split--split{grid-template-rows:minmax(0,1fr) 8px minmax(0,1fr);grid-template-columns:1fr}.studio-split--left-only{grid-template-columns:1fr;grid-template-rows:minmax(var(--studio-mobile-slide-min-height), 1fr) 46px}.studio-split--right-only{grid-template-columns:1fr;grid-template-rows:46px minmax(var(--studio-mobile-workspace-min-height), 1fr)}.studio-split--mobile{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.studio-resizer{cursor:row-resize;width:100%;height:8px;min-height:8px}.studio-rail{writing-mode:horizontal-tb;flex-direction:row;min-height:44px;max-height:46px}.studio-workbench-head{grid-template-columns:minmax(0,1fr) minmax(150px,auto);grid-template-areas:"view template"}.studio-slide-controls{justify-content:center;align-items:center;gap:8px}.studio-slide-nav,.studio-slide-secondary-actions{justify-content:center}.studio-slide-secondary-actions .studio-chip-button{white-space:nowrap;justify-content:center;gap:5px;width:auto;min-height:38px;padding:0 10px;font-size:12px}.studio-template-select{justify-self:stretch;width:100%}.studio-template-select select{width:100%}.studio-reference-card{grid-template-columns:1fr}.studio-reference-hero h1{font-size:32px}}@media (max-width:560px){.studio-mobile-pane-notice{grid-template-columns:minmax(0,1fr) auto}.studio-workbench-head{grid-template-columns:1fr;grid-template-areas:"view""template"}.studio-view-switch{justify-content:center;width:100%}.studio-view-switch .studio-tab-button{flex:1 1 0}}
.demo-app .studio-topbar{background:#fbfbfa}.demo-main{padding:10px}.demo-not-found{text-align:center;flex:1;align-content:center;place-items:center;gap:18px;padding:32px;display:grid}.demo-not-found h1{letter-spacing:0;margin:0;font-size:clamp(28px,5vw,48px)}