body:has(.learn-studio-root)>#content{min-height:calc(100vh - var(--meokko-shell-header-height))}body:has(.learn-studio-root)>.dev-footer{display:none}.learn-studio-root{--learn-track-bar-height:60px;min-height:calc(100vh - var(--meokko-shell-header-height));color:var(--meokko-foreground);background:var(--meokko-background);font-family:var(--meokko-font-sans)}.learn-studio-root *{box-sizing:border-box}.learn-studio-root button{color:inherit;font:inherit}.learn-studio-root .report-submit{color:#fff}.studio-skip-link{z-index:100;color:var(--meokko-inverse-foreground);background:var(--meokko-inverse);border-radius:var(--meokko-radius-sm);transition:transform var(--meokko-duration-fast) var(--meokko-ease-standard);padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.studio-skip-link:focus{transform:translateY(0)}.learn-track-bar{top:var(--meokko-shell-header-height);z-index:30;height:var(--learn-track-bar-height);background:var(--meokko-surface);border-bottom:1px solid var(--meokko-border-subtle);scrollbar-width:none;align-items:center;gap:4px;padding:8px 24px;display:flex;position:sticky;overflow-x:auto}.learn-track-bar::-webkit-scrollbar{display:none}.learn-track-bar :is(button,a){height:var(--meokko-tap-target);color:var(--meokko-muted-foreground);border-radius:var(--meokko-radius-full);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.learn-track-bar :is(button,a):hover{color:var(--meokko-accent-on-surface);background:var(--meokko-accent-surface)}.learn-track-bar :is(button,a).active{color:var(--meokko-accent-on-surface);background:var(--meokko-accent-surface-strong)}.lesson-mobile-bar{display:none}.learning-workspace{height:calc(100vh - var(--meokko-shell-header-height) - var(--learn-track-bar-height));background:var(--meokko-background);grid-template-columns:240px minmax(430px,.92fr) minmax(540px,1.08fr);align-items:stretch;min-height:560px;display:grid;position:relative;overflow:hidden}.lesson-sidebar{z-index:12;background:var(--meokko-surface);border-right:1px solid var(--meokko-border-subtle);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar-scroll{flex:auto;min-height:0;padding:24px 16px 12px;overflow-y:auto}.sidebar-heading{justify-content:space-between;align-items:start;padding:0 8px 18px;display:flex}.sidebar-heading small{color:var(--meokko-subtle-foreground);text-transform:uppercase;font-size:11px;font-weight:800}.sidebar-heading h2{margin:5px 0 0;font-size:21px}.lesson-group{margin-bottom:16px}.group-title{color:var(--meokko-muted-foreground);text-transform:uppercase;align-items:center;gap:8px;padding:8px;font-size:12px;font-weight:800;display:flex}.lesson-link{width:100%;min-height:44px;color:var(--meokko-muted-foreground);border-radius:var(--meokko-radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:23px 1fr auto;align-items:center;padding:7px 9px;font-size:13px;text-decoration:none;display:grid}.lesson-link>span{color:var(--meokko-subtle-foreground);font-size:11px}.lesson-link.selected{color:var(--meokko-accent-on-surface);background:var(--meokko-accent-surface);font-weight:800}.track-empty{color:var(--meokko-muted-foreground);background:var(--meokko-surface-elevated);border:1px solid var(--meokko-border-subtle);border-radius:var(--meokko-radius-md);margin:8px;padding:18px 14px}.track-empty b{color:var(--meokko-foreground);margin-bottom:8px;font-size:14px;display:block}.track-empty p{margin:0;font-size:13px;line-height:1.6}.track-empty button{min-height:40px;color:var(--meokko-accent-foreground);background:var(--meokko-accent);border-radius:var(--meokko-radius-sm);cursor:pointer;border:0;margin-top:12px;padding:8px 12px}.lesson-sidebar-skeleton{gap:10px;padding:8px;display:grid}.lesson-progress{background:var(--meokko-surface-elevated);border:1px solid var(--meokko-border-subtle);border-radius:var(--meokko-radius-lg);flex:none;margin:12px 18px 16px;padding:15px}.lesson-progress>div:first-child{color:var(--meokko-muted-foreground);justify-content:space-between;font-size:11px;display:flex}.progress-track{background:var(--meokko-border-subtle);border-radius:var(--meokko-radius-full);height:4px;margin-top:10px;overflow:hidden}.progress-track i{background:var(--meokko-accent);height:100%;display:block}.lesson-content{background:var(--meokko-background);border-right:1px solid var(--meokko-border-subtle);padding:38px clamp(34px,4vw,60px) 48px;overflow-y:auto}.lesson-content:focus-visible{outline:2px solid var(--meokko-focus-ring);outline-offset:-2px}.lesson-content.lesson-state{flex-direction:column;justify-content:center;display:flex}.lesson-state .state-kicker{color:var(--meokko-accent-on-surface);font-size:11px;font-weight:900}.lesson-breadcrumb{color:var(--meokko-muted-foreground);align-items:center;gap:8px;font-size:12px;display:flex}.lesson-number{color:var(--meokko-accent-on-surface);margin-top:34px;font-size:10px;font-weight:900}.lesson-content h1{overflow-wrap:break-word;word-break:keep-all;width:100%;font-size:var(--meokko-text-page-title);font-weight:var(--meokko-text-page-title-weight);letter-spacing:var(--meokko-text-page-title-tracking);margin:10px 0 12px;line-height:1.25}.lesson-description{width:100%;color:var(--meokko-muted-foreground);margin:0;font-size:1rem;line-height:1.75}.lesson-reading{border-top:1px solid var(--meokko-border-subtle);width:100%;margin-top:28px;padding-top:24px}.lesson-reading h2{font-size:var(--meokko-text-section-title);font-weight:var(--meokko-text-section-title-weight);margin:0 0 10px}.lesson-reading p{color:var(--meokko-foreground);font-size:var(--meokko-text-body);line-height:var(--meokko-text-body-article-line-height);margin:0 0 12px}.concept-box{background:var(--meokko-accent-surface);border:1px solid var(--meokko-border-subtle);border-radius:var(--meokko-radius-lg);gap:11px;width:100%;margin-top:26px;padding:19px 20px;display:grid}.concept-box>b{margin-bottom:3px;font-size:13px}.concept-box div{color:var(--meokko-foreground);align-items:center;gap:10px;font-size:14px;line-height:1.65;display:flex}.concept-box svg{color:var(--meokko-accent-foreground);background:var(--meokko-accent);border-radius:50%;flex:none;padding:2px}.lesson-warning{width:100%;color:var(--meokko-foreground);background:color-mix(in oklch, var(--meokko-danger) 10%, var(--meokko-surface));border:1px solid color-mix(in oklch, var(--meokko-danger) 35%, var(--meokko-border));margin-top:16px;padding:16px 18px;font-size:13px;line-height:1.65}.lesson-warning b{margin-bottom:5px;display:block}.lesson-warning p{margin:0}.lesson-tip{width:100%;color:var(--meokko-foreground);background:var(--meokko-accent-surface-strong);border:1px solid color-mix(in oklch, var(--meokko-accent) 32%, var(--meokko-border));gap:12px;margin-top:16px;padding:14px 16px;font-size:13px;line-height:1.6;display:flex}.lesson-tip svg{color:var(--meokko-accent-on-surface);flex:none;margin-top:2px}.lesson-tip p{margin:0}.lesson-tip b{margin-bottom:3px;display:block}.lesson-footer{border-top:1px solid var(--meokko-border-subtle);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;margin-top:20px;padding-top:18px;display:grid}.lesson-footer button{background:var(--meokko-surface);border:1px solid var(--meokko-border-subtle);border-radius:var(--meokko-radius-sm);cursor:pointer;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.lesson-footer button:last-child{text-align:right;justify-content:flex-end}.lesson-footer button:disabled{opacity:.38;cursor:not-allowed}.lesson-footer span{flex-direction:column;gap:3px;min-width:0;font-size:12px;font-weight:800;display:flex}.lesson-footer small{color:var(--meokko-subtle-foreground);font-size:10px;font-weight:600}.learning-lab{background:var(--meokko-neutral-950);min-width:0;min-height:0;color:var(--meokko-neutral-50);border-radius:0;flex-direction:column;margin:0;display:flex;overflow:hidden}.lab-toolbar{border-bottom:1px solid var(--meokko-neutral-800);flex:0 0 52px;justify-content:space-between;align-items:center;min-width:0;padding:0 18px;font-size:13px;font-weight:800;display:flex}.lab-toolbar>div:first-child{align-items:center;gap:8px;display:flex}.lab-actions{gap:8px;display:flex}.icon-text-button{border-radius:var(--meokko-radius-sm);white-space:nowrap;cursor:pointer;height:36px;min-height:var(--meokko-tap-target);color:var(--meokko-neutral-300);border:1px solid var(--meokko-neutral-700);background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:800;display:flex}.icon-text-button:hover:not(:disabled){color:var(--meokko-neutral-50);border-color:var(--meokko-neutral-500)}.icon-text-button:disabled{opacity:.55;cursor:wait}.learning-lab{padding-top:9px}.file-tabs{border-bottom:1px solid var(--meokko-neutral-800);flex:0 0 42px;align-items:end;gap:8px;padding-inline:10px;display:flex}.file-tab-scroller{scrollbar-width:none;flex:auto;align-items:end;gap:8px;min-width:0;display:flex;overflow-x:auto}.file-tab-scroller::-webkit-scrollbar{display:none}.file-tabs .lab-actions{flex:none;align-self:center}.file-tabs button{height:var(--meokko-tap-target);color:var(--meokko-neutral-400);cursor:pointer;background:0 0;border:0;flex:none;padding:0 16px;font-size:12px;font-weight:800;position:relative}.file-tabs button.active:after{background:var(--meokko-accent-400);content:"";height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.editor-wrap{flex:1 1 0;min-height:280px;position:relative;overflow:hidden}.editor-loading{height:100%;color:var(--meokko-neutral-300);background:var(--meokko-neutral-950);place-items:center;font-size:13px;display:grid}.preview-heading{color:var(--meokko-neutral-300);background:var(--meokko-neutral-900);border-block:1px solid var(--meokko-neutral-800);flex:0 0 42px;justify-content:space-between;align-items:center;padding:0 15px;font-size:11px;font-weight:800;display:flex}.preview-status{color:var(--meokko-neutral-400);align-items:center;gap:6px;font-weight:500;display:flex}.preview-status i{background:var(--meokko-accent-400);border-radius:50%;width:6px;height:6px}.preview-frame{background:#fff;border:0;flex:1 1 0;width:100%;min-height:260px}.runtime-output{min-height:260px;color:var(--meokko-neutral-100);background:var(--meokko-neutral-950);white-space:pre-wrap;overflow-wrap:anywhere;border:0;flex:1 1 0;margin:0;padding:20px;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.static-preview-badge{color:var(--meokko-neutral-300);background:var(--meokko-neutral-800);border:1px solid var(--meokko-neutral-700);border-radius:var(--meokko-radius-md);padding:5px 9px;font-size:11px;font-weight:700}.framework-source{min-height:280px;color:var(--meokko-neutral-100);background:var(--meokko-neutral-950);tab-size:2;white-space:pre;border:0;flex:1 1 0;margin:0;padding:20px;font:13px/1.72 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.framework-source code{font:inherit}.code-token.comment{color:var(--meokko-neutral-500);font-style:italic}.code-token.string{color:#e7c97b}.code-token.keyword{color:#83c9ff;font-weight:650}.code-token.number{color:#d8a6ff}.code-token.tag{color:#76d7b0}.code-token.decorator{color:#f0a86e}.code-token.attribute{color:#b7d98a}.code-token.type{color:#7dd8cf}.code-token.function{color:#d6c6ff}.code-token.identifier{color:var(--meokko-neutral-200)}.code-token.punctuation{color:var(--meokko-neutral-400)}.studio-icon-button{width:var(--meokko-tap-target);height:var(--meokko-tap-target);border:1px solid var(--meokko-border-subtle);border-radius:var(--meokko-radius-md);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}.mobile-only,.studio-backdrop{display:none}.lab-loading{grid-template-rows:52px 1fr 42%;gap:10px;padding:10px;display:grid}.lab-loading div{background:linear-gradient(90deg, var(--meokko-neutral-800), var(--meokko-neutral-700), var(--meokko-neutral-800));background-size:200% 100%;animation:1.2s infinite studio-lab-loading}@keyframes studio-lab-loading{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.lab-loading div{animation:none}}@media (max-width:1199px){.learn-studio-root{padding-bottom:0}.learn-track-bar{top:var(--meokko-shell-header-height);padding:8px 10px}.lesson-mobile-bar{z-index:18;top:calc(var(--meokko-shell-header-height) + 44px);background:var(--meokko-background);border-bottom:1px solid var(--meokko-border-subtle);justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 14px;display:flex;position:sticky}.lesson-mobile-bar b{min-width:0;max-width:none;color:var(--meokko-foreground);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:13px;overflow:hidden}.learn-studio-root .lesson-menu-button{min-width:132px;height:var(--meokko-tap-target);color:var(--meokko-accent-foreground);background:var(--meokko-accent);border-radius:var(--meokko-radius-sm);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:700;display:flex}.lesson-menu-button:hover{background:var(--meokko-accent-700)}.lesson-menu-button:focus-visible{outline:2px solid var(--meokko-focus-ring);outline-offset:3px}.mobile-only{display:grid}.learning-workspace{background:var(--meokko-background);height:auto;min-height:0;display:block;overflow:visible}.lesson-sidebar{z-index:50;width:286px;height:100dvh;transition:transform var(--meokko-duration-base) var(--meokko-ease-standard);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.lesson-sidebar.open{transform:translate(0)}.studio-backdrop{z-index:45;background:color-mix(in oklch, var(--meokko-inverse) 45%, transparent);border:0;display:block;position:fixed;inset:0}.lesson-progress{margin:12px 18px calc(16px + env(safe-area-inset-bottom))}.lesson-content{border-right:0;padding:34px 20px 42px}.lesson-content h1{font-size:1.75rem}.learning-lab{height:760px;min-height:0;box-shadow:none;border-radius:0;margin:0}.lab-toolbar{padding:0 10px}.lab-actions{gap:6px}.icon-text-button{height:34px;padding:0 10px;font-size:11px}.editor-wrap{min-height:320px}.preview-frame{min-height:300px}.preview-status{display:none}.lesson-footer{grid-template-columns:1fr}.lesson-footer button:last-child{grid-row:1}}.learn-studio-root :where(.learn-track-bar :is(button,a),.sidebar-heading small,.group-title,.lesson-link,.lesson-link>span,.lesson-progress>div:first-child,.lesson-state .state-kicker,.lesson-breadcrumb,.lesson-number,.lesson-footer span,.lesson-footer small,.lab-toolbar,.icon-text-button,.file-tabs button,.editor-loading,.preview-heading,.static-preview-badge,.lesson-mobile-bar b){font-size:var(--meokko-text-meta);line-height:var(--meokko-text-meta-line-height)}.learn-studio-root :where(.track-empty p,.lesson-description,.concept-box div,.lesson-warning,.lesson-tip){font-size:var(--meokko-text-body);line-height:var(--meokko-text-body-line-height)}.learn-studio-root :where(.track-empty b,.concept-box>b){font-size:var(--meokko-text-post-title);line-height:var(--meokko-text-post-title-line-height)}.learn-studio-root .sidebar-heading{align-items:center}.learn-studio-root :where(.sidebar-heading h2,.lesson-content h1){font-weight:700}.learn-studio-root :where(.lesson-content h1){font-size:clamp(2rem, 3vw, var(--meokko-text-page-title));line-height:var(--meokko-text-page-title-line-height);letter-spacing:-.02em}.learn-studio-root :where(.lesson-reading p,.lesson-description,.track-empty p,.lesson-warning,.lesson-tip){font-size:var(--meokko-text-body);line-height:var(--meokko-text-body-line-height);font-weight:var(--meokko-text-body-weight)}.learn-studio-root :where(.track-empty,.lesson-progress,.concept-box,.lesson-warning,.lesson-tip){border-radius:var(--meokko-radius-md)}.learn-studio-root :where(.learn-track-bar :is(button,a),.icon-text-button){font-weight:600}.learn-track-bar :is(button,a){border-radius:0}.learn-track-bar :is(button,a):hover{color:var(--color-text);box-shadow:inset 0 -2px 0 var(--color-neutral-400);background:0 0}.learn-track-bar :is(button,a).active{color:var(--color-text);box-shadow:inset 0 -2px 0 var(--color-accent);background:0 0}.lesson-list a[aria-current=page],.lesson-list button[aria-current=true],.lesson-nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--color-accent);color:var(--color-text);background:0 0;font-weight:700}.lesson-link.selected{color:var(--color-text);box-shadow:inset 3px 0 0 var(--color-accent);background:0 0;border-radius:0}.concept-box{background:var(--color-neutral-100);border-color:var(--color-divider);border-radius:var(--radius-md)}.learn-studio-root{--studio-mono:var(--font-mono)}.learn-track-bar{padding-inline:var(--meokko-space-gutter,26.4px);background:var(--color-bg);border-bottom:1px solid var(--color-divider)}.learn-track-bar :is(button,a){color:var(--color-neutral-600);letter-spacing:-.01em;padding:0 12px;font-size:14px;font-weight:700}.learning-workspace{background:var(--color-bg)}.lesson-sidebar{background:var(--color-bg);border-right:1px solid var(--color-divider)}.sidebar-scroll{padding:28px 18px 12px}.sidebar-heading{padding:0 0 18px}.sidebar-heading small{color:var(--color-accent);font:600 11px/1 var(--studio-mono);letter-spacing:.04em;text-transform:uppercase}.learn-studio-root .sidebar-heading h2{letter-spacing:-.04em;margin-top:8px;font-size:24px;font-weight:800}.lesson-group{margin:0 0 18px}.group-title{color:var(--color-text);border-top:1px solid var(--color-text);letter-spacing:-.01em;text-transform:none;padding:8px 0;font-size:12px;font-weight:800}.lesson-link{min-height:40px;color:var(--color-neutral-700);letter-spacing:-.01em;border-radius:0;grid-template-columns:26px 1fr;padding:6px 0 6px 10px;font-size:13.5px}.lesson-link>span{color:var(--color-neutral-600);font:500 11px/1 var(--studio-mono)}.lesson-link:hover:not(.selected){color:var(--color-text);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.lesson-link.selected>span{color:var(--color-accent)}.lesson-progress{padding:14px 18px calc(16px + env(safe-area-inset-bottom));background:var(--color-bg);border:0;border-top:1px solid var(--color-divider);border-radius:0;margin:0}.lesson-progress>div:first-child{color:var(--color-neutral-600);font-size:11px}.lesson-progress>div:first-child b{color:var(--color-text);font:600 12px/1 var(--studio-mono)}.progress-track{background:var(--color-neutral-200);border-radius:0;height:2px;margin-top:10px}.progress-track i{background:var(--color-text)}.lesson-content{background:var(--color-bg);border-right:1px solid var(--color-divider)}.lesson-breadcrumb{color:var(--color-neutral-600);font:500 11.5px/1 var(--studio-mono);letter-spacing:.01em}.lesson-breadcrumb span{color:var(--color-neutral-300)}.lesson-number{color:var(--color-accent);font:600 12px/1 var(--studio-mono);letter-spacing:.02em;margin-top:30px}.learn-studio-root :where(.lesson-content h1){letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(2rem,3.2vw,2.6rem);font-weight:800;line-height:1.15}.lesson-description{color:var(--color-neutral-700)}.lesson-reading{border-top:1px solid var(--color-text);margin-top:28px;padding-top:22px}.lesson-reading h2{letter-spacing:-.03em;font-size:18px;font-weight:800}.concept-box,.lesson-warning,.lesson-tip{border:0;border-left:3px solid var(--color-text);background:0 0;border-radius:0;margin-top:22px;padding:16px 0 14px 18px}.concept-box{gap:8px}.concept-box>b,.lesson-warning b,.lesson-tip b{color:var(--color-neutral-600);font:600 11px/1 var(--studio-mono);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;display:block}.concept-box>b:before{content:"// "}.lesson-warning b:before{content:"!! "}.lesson-tip b:before{content:">> "}.concept-box div{gap:10px;font-size:14.5px}.concept-box svg{width:16px;height:16px;color:var(--color-bg);background:var(--color-text);border-radius:0;padding:2px}.lesson-warning{border-left-color:var(--color-accent);font-size:14.5px}.lesson-warning b{color:var(--color-accent)}.lesson-tip{gap:0;font-size:14.5px}.lesson-tip p,.lesson-warning p{color:var(--color-text)}.lesson-footer{border-top:1px solid var(--color-text);gap:0;margin-top:28px;padding-top:0}.lesson-footer button{background:0 0;border:0;border-radius:0;min-height:72px;padding:14px 4px}.lesson-footer button:first-child{border-right:1px solid var(--color-divider);padding-right:14px}.lesson-footer button:last-child{padding-left:14px}.lesson-footer button:hover:not(:disabled){background:0 0}.lesson-footer button:hover:not(:disabled) span{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.lesson-footer button:disabled{opacity:.35}.lesson-footer span{letter-spacing:-.02em;gap:5px;font-size:14px;font-weight:800}.lesson-footer small{color:var(--color-neutral-600);font:500 10.5px/1 var(--studio-mono);letter-spacing:.04em;text-transform:uppercase}.lesson-footer svg{color:var(--color-neutral-600);flex:none}.lesson-state .state-kicker{color:var(--color-accent);font:600 11px/1 var(--studio-mono);letter-spacing:.04em}.lesson-state h1{margin-top:10px}.learning-lab{background:var(--color-text);color:var(--color-bg);padding-top:0}.lab-toolbar,.file-tabs{border-bottom-color:var(--color-neutral-800)}.file-tabs{flex-basis:52px;align-items:center;padding-inline:8px}.file-tab-scroller{align-self:stretch;align-items:center}.file-tabs button{height:100%;min-height:var(--meokko-tap-target);color:var(--color-neutral-300);font:600 12px/1 var(--studio-mono);letter-spacing:.02em;padding:0 14px}.file-tabs button.active{color:var(--color-bg)}.file-tabs button.active:after{background:var(--color-accent);bottom:0;left:10px;right:10px}.lab-toolbar{font:600 12px/1 var(--studio-mono);letter-spacing:.02em}.learn-studio-root .icon-text-button{height:36px;min-height:36px;color:var(--color-neutral-200);border:1px solid var(--color-neutral-700);border-radius:var(--radius-control);padding:0 12px;font-size:12px;font-weight:700}.learn-studio-root .icon-text-button:hover:not(:disabled){color:var(--color-bg);border-color:var(--color-neutral-300)}.learn-studio-root .lab-actions .icon-text-button:last-child{color:var(--color-text);background:var(--color-bg);border-color:var(--color-bg)}.learn-studio-root .lab-actions .icon-text-button:last-child:hover:not(:disabled){color:var(--color-bg);background:var(--color-accent);border-color:var(--color-accent)}.learn-studio-root .icon-text-button:active:not(:disabled){transform:translateY(1px)}.preview-heading{color:var(--color-neutral-300);background:var(--color-neutral-900);border-block-color:var(--color-neutral-800);font:600 11px/1 var(--studio-mono);letter-spacing:.03em}.preview-status{color:var(--color-neutral-400,#a39f95);font-weight:500}.preview-status i{background:var(--color-accent)}.static-preview-badge{color:var(--color-neutral-300);border-color:var(--color-neutral-700);border-radius:var(--radius-control);font:600 11px/1 var(--studio-mono);background:0 0}.runtime-output,.framework-source{background:var(--color-text);font-family:var(--studio-mono)}.editor-loading{background:var(--color-text);color:var(--color-neutral-300)}.lab-loading div{background:var(--color-neutral-900);animation:none}.track-empty{border:0;border-left:3px solid var(--color-accent);background:0 0;border-radius:0}.track-empty button{color:var(--color-bg);background:var(--color-text);border-radius:var(--radius-control)}@media (max-width:1199px){.lesson-mobile-bar{background:var(--color-bg);border-bottom-color:var(--color-divider)}.learn-studio-root .lesson-menu-button{color:var(--color-bg);background:var(--color-text);border-radius:var(--radius-control)}.learn-studio-root .lesson-menu-button:hover{background:var(--color-neutral-800)}.lesson-sidebar{background:var(--color-bg)}.lesson-progress{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.learn-studio-root .icon-text-button{height:36px;padding:0 10px}.lesson-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lesson-footer button:last-child{grid-row:auto}.lesson-footer span{font-size:13px}}.editor-fallback{resize:none;background:var(--color-text);width:100%;height:100%;color:var(--color-bg);font-family:var(--font-mono);tab-size:2;white-space:pre;border:0;border-radius:0;margin:0;padding:16px 18px;font-size:14px;line-height:23px;display:block;overflow:auto}.editor-fallback:focus{outline:none}