*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-2\.5{height:.625rem}.min-h-screen{min-height:100vh}.w-2\.5{width:.625rem}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:.75rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.bg-\[\#07090E\]{--tw-bg-opacity:1;background-color:rgb(7 9 14/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.p-8{padding:2rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-sm{font-size:.875rem;line-height:1.25rem}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Space Grotesk Fallback;src:local("Arial"),local("Helvetica"),local("Liberation Sans"),local("DejaVu Sans");size-adjust:97.9%;font-display:swap}:root{color-scheme:light;--paper:#eeeee8;--paper-light:#f8f8f2;--paper-strong:#e3e4dc;--ink:#1c2422;--ink-soft:#35413d;--muted:#525b57;--line:#c9cec7;--line-strong:#797f79;--tomato:#e85339;--tomato-text:#bc432e;--cobalt:#3853c7;--citrus:#d8e563;--on-citrus:#1c2422;--forest:#335c4d;--display:"Space Grotesk Variable","Space Grotesk Fallback","Arial Narrow",sans-serif;--body:"IBM Plex Sans Variable","Trebuchet MS",sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--radius-small:5px;--radius-medium:9px;--content-width:1440px;--space-1:4px;--space-2:8px;--space-3:14px;--space-4:22px;--space-5:36px;--motion-fast:140ms;--ease-standard:cubic-bezier(0.2,0.7,0.3,1);--surface-card:var(--paper-light);--surface-sunken:#dfe2dc;--overlay:rgb(28 36 34/42%);--shadow-card:5px 5px 0 rgb(51 92 77/12%);--header-bg:rgb(238 238 232/94%);--surface-raised:#ffffff;--input-bg:#ffffff;--grid-line:rgb(28 36 34/4%);--skeleton:rgb(28 36 34/7%);--checker-a:#dcddd4;--checker-b:#cfd0c7;--panel-dark:#202725;--panel-dark-alt:#1b2120;--panel-dark-ink:#eef0e7;--panel-dark-line:#3e4a45;--panel-dark-muted:#939a93;--code-bg:rgb(28 36 34/82%);--code-ink:#f6f7ef;--code-border:rgb(248 248 242/60%);--code-chip:rgb(28 36 34/72%);--danger-bg:#f7e7e3;--danger-border:#e4a79d;--danger-ink:#852b1b;--pass-bg:#e6efe4;--pass-border:#a9c7af;--pass-ink:#315342;--warn-bg:#f6f1d8;--warn-border:#c9b458;--warn-ink:#6b5c14;--cobalt-wash:rgb(56 83 199/12%);--tomato-wash:rgb(232 83 57/8%);--forest-wash:rgb(51 92 77/10%);--scrim:rgb(0 0 0/60%);--shadow-lift:0 12px 36px rgb(0 0 0/25%);--shadow-modal:0 24px 60px rgb(0 0 0/22%);--shadow-wide:0 18px 46px rgb(28 36 34/16%);--ink-wash:rgb(28 36 34/12%)}[data-theme=dark]{color-scheme:dark;--paper:#12171a;--paper-light:#1b2226;--paper-strong:#252e33;--ink:#e8ede9;--ink-soft:#c7d1cb;--muted:#93a09a;--line:#2c363b;--line-strong:#7c8681;--tomato:#ff7f61;--tomato-text:#ff9077;--cobalt:#93aaff;--citrus:#d8e563;--on-citrus:#14201a;--forest:#79b89c;--surface-card:#1f282c;--surface-sunken:#0d1214;--overlay:rgb(4 8 10/62%);--shadow-card:5px 5px 0 rgb(0 0 0/28%);--header-bg:rgb(18 23 26/88%);--surface-raised:#212a2f;--input-bg:#182023;--grid-line:rgb(232 237 233/5%);--skeleton:rgb(232 237 233/9%);--checker-a:#26302f;--checker-b:#1e2726;--panel-dark:#0f1517;--panel-dark-alt:#141b1d;--panel-dark-ink:#e2e8e3;--panel-dark-line:#2b353a;--panel-dark-muted:#8b968f;--code-bg:rgb(6 9 11/90%);--code-ink:#e2e8e3;--code-border:rgb(232 237 233/20%);--code-chip:rgb(232 237 233/12%);--danger-bg:#2c1a16;--danger-border:#7a4033;--danger-ink:#ffb39f;--pass-bg:#16241c;--pass-border:#3a5c46;--pass-ink:#a9d6b8;--warn-bg:#2a2413;--warn-border:#6d5a25;--warn-ink:#e7c46f;--cobalt-wash:rgb(147 170 255/16%);--tomato-wash:rgb(255 127 97/12%);--forest-wash:rgb(121 184 156/14%);--scrim:rgb(4 8 10/72%);--shadow-lift:0 12px 36px rgb(0 0 0/45%);--shadow-modal:0 24px 60px rgb(0 0 0/55%);--shadow-wide:0 18px 46px rgb(0 0 0/40%);--ink-wash:rgb(232 237 233/12%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);font-family:var(--body);font-size:.9375rem;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}::-moz-selection{background:var(--citrus);color:var(--ink)}::selection{background:var(--citrus);color:var(--ink)}a{color:inherit}.app-body{display:flex;min-height:100vh;flex-direction:column}.app-content{flex:1}.site-header{position:sticky;z-index:30;top:0;border-bottom:1px solid var(--line);background:var(--header-bg);backdrop-filter:blur(14px)}.site-header__inner{display:flex;width:min(100% - 56px,var(--content-width));height:70px;align-items:center;justify-content:space-between;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand__mark{display:grid;width:28px;height:28px;grid-template:repeat(2,1fr) /repeat(2,1fr);gap:3px;transform:rotate(-8deg)}.brand__mark i{display:block;border-radius:2px;background:var(--ink)}.brand__mark i:nth-child(2){background:var(--tomato)}.brand__mark i:nth-child(3){background:var(--cobalt)}.brand__word,.footer-brand{font-family:var(--display);font-size:20px;font-weight:700}.brand__period,.footer-brand span{color:var(--tomato)}.site-footer__links,.site-header__actions,.site-nav{display:flex;align-items:center}.site-nav{height:100%;gap:30px}.site-nav__link{position:relative;display:inline-flex;height:100%;align-items:center;color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;transition:color .14s ease}.site-nav__link.is-active,.site-nav__link:hover{color:var(--ink)}.site-nav__link.is-active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--tomato);content:""}.site-header__actions{gap:18px}.agent-link,.header-cta,.site-footer__links a{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none}.agent-link{color:var(--muted)}.agent-link:hover,.site-footer__links a:hover{color:var(--cobalt)}.header-cta{min-height:36px;padding:0 13px;border-radius:var(--radius-small);background:var(--ink);color:var(--paper-light)}.header-cta:hover{background:var(--cobalt)}.menu-toggle,.mobile-nav{display:none}.skip-link{position:absolute;z-index:60;top:8px;left:8px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-small);background:var(--paper-light);color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.theme-toggle{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:var(--radius-small);background:transparent;color:var(--ink-soft);cursor:pointer}.theme-toggle:hover{border-color:var(--line-strong);color:var(--ink)}.command-trigger{display:none;min-height:34px;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-small);background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.command-trigger:hover{border-color:var(--line-strong);color:var(--ink)}.command-trigger kbd{padding:2px 5px;border:1px solid var(--line);border-radius:3px;background:var(--surface-sunken);color:var(--muted);font-family:var(--mono);font-size:9px}.command-backdrop{position:fixed;z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:12vh 20px 20px;background:var(--overlay);inset:0}.command{display:flex;width:min(100%,580px);max-height:70vh;flex-direction:column;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-medium);background:var(--paper-light);box-shadow:var(--shadow-modal)}.command__field{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--muted)}.command__input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}.command__input::-moz-placeholder{color:var(--muted)}.command__input::placeholder{color:var(--muted)}.command__results{overflow-y:auto;margin:0;padding:6px;list-style:none}.command__option{display:flex;align-items:baseline;gap:10px;padding:9px 10px;border-radius:var(--radius-small);cursor:pointer}.command__option.is-active{background:var(--cobalt-wash)}.command__name{font-family:var(--display);font-size:14px;font-weight:600;white-space:nowrap}.command__hint{min-width:0;overflow:hidden;flex:1;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.command__option svg{flex:0 0 auto;color:var(--muted)}.command__empty{padding:18px 10px;color:var(--muted);font-size:13px}.command__footer{display:flex;gap:16px;padding:9px 14px;border-top:1px solid var(--line);margin:0;color:var(--muted);font-size:11px}.command__footer span{display:inline-flex;align-items:center;gap:4px}.command__footer kbd{padding:1px 4px;border:1px solid var(--line);border-radius:3px;background:var(--surface-sunken);font-family:var(--mono);font-size:9px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:-1px;white-space:nowrap}.site-footer{border-top:1px solid var(--line);margin-top:64px}.site-footer__inner{display:flex;width:min(100% - 56px,var(--content-width));min-height:82px;align-items:center;justify-content:space-between;gap:24px;margin:0 auto}.footer-brand{text-decoration:none}.site-footer p{margin:0;color:var(--muted);font-size:12px}.site-footer__links{gap:18px}.site-footer__links a{color:var(--muted)}.catalog-page,.detail-page,.learning-page,.lesson-page{width:min(100% - 56px,var(--content-width));margin:0 auto}.catalog-intro{padding:46px 0 23px;border-bottom:1px solid var(--line-strong)}.catalog-intro__baseline,.catalog-intro__topline,.category-row,.detail-actions,.detail-breadcrumb,.detail-stats,.frame-status,.learning-heading__topline,.lesson-actions,.lesson-meta,.lesson-step__heading,.library-toolbar,.workbench-section-heading,.workbench-tabs{display:flex;align-items:center}.catalog-intro__baseline,.catalog-intro__topline{justify-content:space-between}.catalog-intro__baseline,.catalog-intro__note,.catalog-section-label,.category-row__count,.detail-breadcrumb,.detail-stats,.empty-catalog__index,.eyebrow,.footer-label,.frame-status,.learning-kicker,.lesson-meta,.lesson-step__number{font-family:var(--mono);font-size:10px;letter-spacing:.02em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--forest);font-weight:600}.catalog-intro__note{color:var(--muted);text-transform:none}.catalog-intro__main{display:flex;align-items:end;justify-content:space-between;gap:56px;padding:26px 0 31px}.catalog-intro__copy{min-width:0}.catalog-intro h1,.detail-title,.learning-heading h1,.lesson-heading h1{margin:0;font-family:var(--display);font-size:clamp(42px,5.2vw,76px);font-weight:600;line-height:.98}.catalog-intro h1 span{color:var(--tomato)}.catalog-intro__main p{max-width:340px;margin:0 0 4px;color:var(--muted);font-size:15px;line-height:1.55}.timeline-signal{width:min(38vw,405px);flex:0 1 405px;padding:13px 15px 11px;border:1px solid var(--line-strong);border-radius:4px;background:var(--paper-light);box-shadow:var(--shadow-card)}.timeline-signal__caption,.timeline-signal__readout{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:.045em;text-transform:uppercase}.timeline-signal__readout{color:var(--muted)}.timeline-signal__readout b{color:var(--forest);font-weight:500}.timeline-signal__rail{position:relative;display:grid;height:33px;grid-template-columns:repeat(12,1fr);align-items:end;gap:3px;padding:0 2px 6px;border-bottom:1px solid var(--ink-soft);margin:9px 0 7px}.timeline-signal__rail i{height:8px;border-radius:1px 1px 0 0;background:var(--line-strong)}.timeline-signal__rail i:nth-child(3),.timeline-signal__rail i:nth-child(4),.timeline-signal__rail i:nth-child(5),.timeline-signal__rail i:nth-child(6){height:16px;background:var(--cobalt)}.timeline-signal__rail i:nth-child(7),.timeline-signal__rail i:nth-child(8),.timeline-signal__rail i:nth-child(9){height:12px;background:var(--tomato)}.timeline-signal__rail em{position:absolute;bottom:-5px;left:54%;width:2px;height:34px;background:var(--ink)}.timeline-signal__rail em:before{position:absolute;top:-3px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--citrus);content:""}.timeline-signal__caption{color:var(--muted)}.catalog-intro__baseline{justify-content:flex-start;gap:31px;color:var(--muted)}.catalog-intro__baseline b{margin-right:7px;color:var(--cobalt);font-weight:500}.catalog-section{padding:25px 0 30px}.library-browser{min-width:0}.library-toolbar{flex-direction:column;align-items:stretch;gap:0}.search-field{display:flex;width:min(100%,580px);min-height:48px;align-items:center;gap:11px;padding:0 13px;border:1px solid var(--line-strong);border-radius:var(--radius-small);background:var(--paper-light);color:var(--muted);margin-bottom:var(--space-3)}.search-field:focus-within{border-color:var(--cobalt);box-shadow:0 0 0 2px var(--cobalt-wash)}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-field input::-moz-placeholder{color:var(--muted)}.search-field input::placeholder{color:var(--muted)}.search-field input:focus-visible{outline:0}.search-field kbd{flex:0 0 auto;color:var(--muted);font-family:var(--mono);font-size:9px}.category-row{min-height:61px;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);margin-bottom:21px}.category-chip{min-height:30px;padding:0 11px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:600}.category-chip:hover{border-color:var(--line);color:var(--ink)}.category-chip.is-selected{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.category-row__count{margin-left:auto;color:var(--muted);text-transform:none}.gallery-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin:-8px 0 var(--space-3)}.gallery-filter-row label{display:inline-flex;gap:7px;align-items:center;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.03em;text-transform:uppercase}.gallery-filter-row select{min-height:30px;border:1px solid var(--line);border-radius:3px;background:var(--paper-light);color:var(--ink-soft);font-family:var(--body);font-size:11px}.gallery-filter-clear{display:inline-flex;min-height:30px;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--line-strong);border-radius:3px;background:transparent;color:var(--ink-soft);cursor:pointer;font-size:10px;font-weight:600}.gallery-filter-clear:hover{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.gallery-tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:-8px 0 var(--space-3)}.gallery-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--line);border-radius:2px;background:var(--surface-card);color:var(--muted);cursor:pointer;font-size:10px}.gallery-tag em{color:var(--forest);font-family:var(--mono);font-size:8px;font-style:normal}.gallery-tag:hover{border-color:var(--line-strong);color:var(--ink)}.gallery-tag.is-selected{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.gallery-tag.is-selected em{color:var(--citrus)}.component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);transition:opacity var(--motion-fast) var(--ease-standard)}.component-grid[aria-busy=true]{opacity:.62}.component-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface-card);transition:border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.component-card:focus-within,.component-card:hover{border-color:var(--ink-soft);transform:translateY(-2px)}.component-card__media{position:relative;overflow:hidden;aspect-ratio:16/9;max-height:280px;border-bottom:1px solid var(--line);background-color:var(--surface-sunken);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:16px 16px}.component-card__media>div:not(.component-card__progress-rail),.component-card__poster{position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.component-card__media>.component-card__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--panel-dark-muted);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:var(--panel-dark-alt);overflow:hidden}.component-card__placeholder-reticle{position:absolute;inset:18%;border:1px dashed var(--panel-dark-line);border-radius:var(--radius-small);pointer-events:none}.component-card__placeholder-label{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--panel-dark-line);border-radius:9999px;background:var(--panel-dark);color:var(--panel-dark-muted)}.component-card__placeholder-pulse{width:6px;height:6px;border-radius:50%;background:var(--citrus);box-shadow:0 0 8px var(--citrus)}.component-card__stamp{position:absolute;right:var(--space-1);bottom:var(--space-1);padding:4px 7px;border-radius:2px;background:var(--code-bg);color:var(--code-ink);font-size:8px}.component-card__play{position:absolute;top:50%;left:50%;display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--code-border);border-radius:50%;background:var(--code-chip);color:var(--citrus);cursor:pointer;transform:translate(-50%,-50%)}.component-card__body{display:flex;min-width:0;flex:1;flex-direction:column;padding:var(--space-3) 15px 13px}.component-card__category{width:-moz-fit-content;width:fit-content;padding:2px 6px;border:1px solid var(--line);border-radius:2px;color:var(--forest);font-family:var(--mono);font-size:8px;letter-spacing:.05em;text-transform:uppercase}.component-card__title{margin:9px 0 0;font-family:var(--display);font-size:19px;font-weight:600;line-height:1.2}.component-card__title a{text-decoration:none}.component-card__title a:hover{color:var(--cobalt)}.component-card__summary{display:-webkit-box;min-height:37px;overflow:hidden;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.component-card__actions{display:flex;min-width:0;align-items:center;gap:var(--space-2);padding-top:10px;border-top:1px solid var(--line);margin-top:auto}.component-card__install{overflow:hidden;color:var(--ink-soft);font-family:var(--mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.compare-check{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;color:var(--muted);cursor:pointer;font-size:10px;white-space:nowrap}.compare-check input{width:14px;height:14px;margin:0;accent-color:var(--cobalt);cursor:inherit}.compare-check:hover{color:var(--ink)}.compare-check:has(input:disabled){cursor:not-allowed;opacity:.45}.compare-bar{position:fixed;z-index:40;right:0;bottom:0;left:0;display:flex;align-items:center;gap:var(--space-2);padding:10px max(16px,calc((100% - var(--content-width)) / 2));border-top:1px solid var(--line-strong);background:var(--header-bg);backdrop-filter:blur(14px)}.compare-bar__list{display:flex;min-width:0;flex:1;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.compare-bar__list li{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 9px;border:1px solid var(--line);border-radius:3px;background:var(--paper-light);font-size:11px}.compare-bar__list button{display:grid;width:18px;height:18px;place-items:center;border:0;border-radius:2px;background:transparent;color:var(--muted);cursor:pointer}.compare-bar__cta,.compare-bar__list button:hover{background:var(--ink);color:var(--paper-light)}.compare-bar__cta{display:inline-flex;min-height:36px;flex:0 0 auto;align-items:center;gap:7px;padding:0 14px;border:1px solid var(--ink);border-radius:var(--radius-small);cursor:pointer;font-size:12px;font-weight:600;text-decoration:none}.compare-bar__cta.is-disabled{border-color:var(--line-strong);background:transparent;color:var(--muted);cursor:not-allowed}.compare-bar__clear{flex:0 0 auto;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;text-decoration:underline}.compare{display:flex;flex-direction:column;gap:var(--space-4)}.compare__notice{padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper-light);color:var(--ink-soft);font-size:12px}.compare-transport{position:sticky;z-index:20;top:70px;border:1px solid var(--line-strong);border-radius:var(--radius-small);background:var(--paper-light)}.compare-transport__rate select{border:0;background:transparent;color:inherit;font-family:var(--mono);font-size:11px}.compare__shared{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper-light)}.compare__shared-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.compare__columns{display:grid;gap:var(--space-3);grid-template-columns:repeat(var(--compare-count,2),minmax(0,1fr))}.compare-column{display:flex;min-width:0;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper-light)}.compare-column__stage{position:relative;overflow:hidden;height:280px;border-radius:3px;background-color:var(--surface-sunken);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:16px 16px}.compare-column__media{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.compare-column__head h2{margin:7px 0 0;font-family:var(--display);font-size:20px;line-height:1.2}.compare-column__head h2 a{text-decoration:none}.compare-column__head h2 a:hover{color:var(--cobalt)}.compare-column__head p{display:-webkit-box;overflow:hidden;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.compare-column__props summary{padding:9px 0;border-top:1px solid var(--line);cursor:pointer;font-size:11px;font-weight:600}.compare-column__foot,.compare-column__props .prop-controls{padding-top:var(--space-2)}.compare-column__foot{display:flex;align-items:center;gap:var(--space-2);border-top:1px solid var(--line);margin-top:auto}.component-card__copy{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;margin-left:auto;padding:5px 8px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink-soft);cursor:pointer;font-size:10px}.component-card__copy:hover{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.gallery-mark{padding:0 1px;border-radius:2px;background:var(--citrus);color:var(--ink)}.component-card.is-skeleton{pointer-events:none}.component-card.is-skeleton .component-card__media{aspect-ratio:16/9;border-bottom:1px solid var(--line)}.component-card__line{display:block;height:9px;margin-top:8px;border-radius:2px;background:linear-gradient(90deg,var(--skeleton),var(--ink-wash),var(--skeleton));background-size:200% 100%;animation:skeleton-sweep 1.4s var(--ease-standard) infinite}.component-card__line--title{width:62%;height:15px;margin-top:11px}.component-card__line--short{width:78%}.component-card.is-skeleton .component-card__category{border-color:transparent;background:var(--skeleton)}@keyframes skeleton-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.catalog-message{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius-small);color:var(--muted);font-size:13px}.catalog-message--error{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-ink)}.empty-catalog{display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--line-strong);border-radius:6px;text-align:center}.empty-catalog__index{color:var(--tomato)}.empty-catalog h2{margin:13px 0 0;font-family:var(--display);font-size:27px}.empty-catalog p{margin:8px 0 16px;color:var(--muted);font-size:13px}.load-more,.text-action{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:9px;padding:0 14px;border:1px solid var(--ink);border-radius:var(--radius-small);background:transparent;color:var(--ink);cursor:pointer;font-size:12px;font-weight:600}.load-more:hover,.text-action:hover{background:var(--ink);color:var(--paper-light)}.load-more{display:flex;min-width:215px;margin:28px auto 0}.load-more span{color:var(--tomato);font-size:17px;line-height:1}@media (max-width:1000px){.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare__columns{grid-template-columns:minmax(0,1fr)}.compare-transport{position:fixed;z-index:35;top:auto;right:0;bottom:0;left:0;border-radius:0}.compare{padding-bottom:130px}.compare-column__stage{height:220px}}@media (max-width:700px){.catalog-page,.detail-page,.learning-page,.lesson-page,.site-footer__inner,.site-header__inner{width:min(100% - 32px,var(--content-width))}.site-header__inner{height:auto;min-height:62px;flex-wrap:wrap;padding-top:8px}.site-nav{order:3;display:flex;width:100%;flex:0 0 100%;height:41px;justify-content:space-around;gap:0;border-top:1px solid var(--line)}.agent-link,.header-cta{display:none}.site-nav__link{min-height:41px;justify-content:center;font-size:11px}.catalog-intro{padding-top:29px}.catalog-intro__note{display:none}.catalog-intro__main{display:block;padding:24px 0}.catalog-intro h1,.detail-title,.learning-heading h1,.lesson-heading h1{font-size:clamp(42px,13vw,66px)}.catalog-intro__main p{margin-top:13px;font-size:14px}.timeline-signal{width:100%;margin-top:24px}.catalog-intro__baseline{flex-wrap:wrap;gap:8px 16px;font-size:9px}.library-toolbar{display:block}.search-field{width:100%;min-height:46px}.search-field kbd{display:none}.category-row{flex-wrap:nowrap;overflow-x:auto;padding:12px 0;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto}.category-row__count{display:none}.component-grid{grid-template-columns:minmax(0,1fr);gap:13px}.component-card__media{max-height:220px}.compare-bar{flex-wrap:wrap}.compare-bar__list{flex:1 0 100%;order:1}.compare-bar__cta{order:2}.compare-bar__clear{order:3;margin-left:auto}.site-footer{margin-top:38px}.site-footer__inner{min-height:130px;flex-wrap:wrap;justify-content:flex-start;gap:8px 20px;padding:20px 0}.site-footer p{width:100%;order:1}.site-footer__links{gap:12px;margin-left:auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.detail-page{padding-top:24px}.trust-signals{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.trust-signal{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:var(--mono);font-size:10px}.trust-signal.is-passed{border-color:var(--forest);background:var(--forest-wash);color:var(--forest)}.trust-signal.is-author{border-color:transparent;padding-left:0}.trust-signal.is-author img{width:18px;height:18px;border-radius:50%}.trust-signal b{color:var(--ink);font-weight:600}.gate-issues{margin:0;padding:0;list-style:none}.gate-issue{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-top:1px solid var(--line);font-size:12px}.gate-issue b{font-family:var(--mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase}.gate-issue.is-error b{color:var(--tomato)}.gate-issue.is-warning b{color:var(--cobalt)}.gate-issue em{color:var(--muted);font-style:normal}.gate-issue small{color:var(--line-strong);font-family:var(--mono);font-size:9px}.detail-shell{padding-bottom:14px}.detail-breadcrumb{flex-wrap:wrap;gap:9px;color:var(--muted);font-size:9px}.detail-breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);text-decoration:none}.detail-breadcrumb a:hover{color:var(--cobalt)}.detail-breadcrumb__current{color:var(--ink)}.detail-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:30px 0 21px}.detail-heading__copy{max-width:760px}.detail-category{display:inline-flex;margin-bottom:11px;color:var(--tomato);font-family:var(--mono);font-size:10px;text-transform:uppercase}.detail-title{font-size:clamp(40px,5vw,64px)}.detail-heading__copy>p{max-width:660px;margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.6}.detail-actions{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.action-primary,.action-secondary{display:inline-flex;min-height:39px;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--ink);border-radius:var(--radius-small);cursor:pointer;font-size:11px;font-weight:600}.action-primary{background:var(--ink);color:var(--paper-light)}.action-primary:hover:not(:disabled){border-color:var(--cobalt);background:var(--cobalt)}.action-primary:disabled,.icon-action:disabled{cursor:not-allowed;opacity:.45}.action-secondary{background:transparent;color:var(--ink)}.action-secondary:hover{background:var(--paper-strong)}.frame-bench__stage,.lesson-workbench,.workbench-panel{min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--paper-light)}.frame-bench__stage{padding:10px}.frame-canvas-wrap,.lesson-player-wrap{overflow:hidden;padding:12px;border:1px solid var(--line);background-color:var(--surface-sunken);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:16px 16px}.frame-canvas .remotion-player,.frame-canvas>div{height:100%}.detail-preview-empty{display:flex;min-height:280px;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--panel-dark-ink);text-align:center}.detail-preview-empty__mark{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--panel-dark-line);border-radius:50%;color:var(--citrus);font-family:var(--display);font-size:23px}.detail-preview-empty h2{margin:14px 0 0;font-family:var(--display);font-size:19px;font-weight:500}.detail-preview-empty p{max-width:290px;margin:6px 0 0;color:var(--panel-dark-muted);font-size:12px;line-height:1.55}.suitability-list--muted span{border-color:var(--line);background:transparent;color:var(--muted)}.workbench-panel{overflow:hidden}.workbench-tabs{min-height:47px;gap:3px;padding:6px;border-bottom:1px solid var(--line);background:var(--paper)}.workbench-tabs button{min-width:0;min-height:33px;flex:1;border:0;border-radius:3px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;font-weight:600}.workbench-tabs button:hover{color:var(--ink)}.workbench-tabs button.is-active{background:var(--ink);color:var(--paper-light)}.workbench-content{min-height:436px;padding:17px 16px}.workbench-section-heading{justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}.panel-kicker{display:block;color:var(--tomato);font-family:var(--mono);font-size:8px;text-transform:uppercase}.use-content h2,.workbench-section-heading h2{margin:4px 0 0;font-family:var(--display);font-size:18px;font-weight:600}.icon-action{display:grid;width:33px;height:33px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink-soft);cursor:pointer}.icon-action:hover:not(:disabled){border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.prop-controls{display:grid;gap:17px;padding:17px 0}.prop-control__label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:var(--ink-soft);font-size:11px;font-weight:600}.prop-control__label code{overflow:hidden;color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:400;text-overflow:ellipsis}.prop-color input[type=text],.prop-control>input,.prop-control>select,.prop-number input[type=number]{width:100%;min-height:36px;border:1px solid var(--line);border-radius:3px;background:var(--surface-raised);color:var(--ink);font-size:12px}.prop-color,.prop-number,.prop-toggle{display:flex;align-items:center;gap:9px}.prop-color input[type=color]{width:40px;height:36px;padding:3px;border-radius:3px;background:var(--surface-raised)}.prop-color input[type=text]{padding:0 8px;font-family:var(--mono)}.panel-empty,.panel-footnote,.prop-toggle span{color:var(--muted);font-size:11px}.panel-footnote{padding-top:12px;border-top:1px solid var(--line);line-height:1.5}.panel-empty{padding:20px 0;line-height:1.55}.lesson-code,.source-content pre{max-height:490px;overflow:auto;padding:13px;border-radius:3px;margin:14px 0 0;background:var(--panel-dark);color:var(--panel-dark-ink);font-family:var(--mono);font-size:10px;line-height:1.65;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.lesson-code code,.source-content code{white-space:pre}.install-command{overflow-x:auto;padding:12px 10px;border:1px solid var(--line);border-radius:3px;background:var(--paper)}.install-command code{color:var(--ink-soft);font-family:var(--mono);font-size:10px;white-space:nowrap}.use-copy{width:100%;margin-top:10px}.lesson-link{display:flex;align-items:center;gap:9px;padding:15px 0 0;margin-top:23px;border-top:1px solid var(--line);color:var(--cobalt);font-size:11px;font-weight:600;text-decoration:none}.lesson-link__arrow{margin-left:auto;transform:rotate(180deg)}.learning-page,.lesson-page{padding-top:29px}.learning-heading{position:relative;padding:20px 0 31px;border-bottom:1px solid var(--line-strong)}.learning-heading__topline{display:flex;align-items:center;justify-content:space-between}.learning-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--forest)}.learning-heading__count{color:var(--muted);font-family:var(--mono);font-size:9px}.learning-heading h1{margin-top:23px;font-size:clamp(46px,6vw,82px)}.learning-heading h1 span{color:var(--cobalt)}.learning-heading>p{max-width:490px;margin:16px 0 0;color:var(--muted);font-size:15px;line-height:1.6}.learning-curriculum{padding:29px 0 0}.curriculum-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:16px}.curriculum-heading h2{max-width:560px;margin:8px 0 0;font-family:var(--display);font-size:26px;font-weight:600}.curriculum-heading__note{color:var(--muted);font-size:11px}.lesson-list{padding:0;border-top:1px solid var(--line-strong);margin:0;list-style:none}.lesson-list li{border-bottom:1px solid var(--line)}.lesson-row{display:grid;min-height:91px;grid-template-columns:64px minmax(0,1fr) 180px 24px;align-items:center;gap:15px;text-decoration:none;transition:background .13s ease,padding .13s ease}.lesson-row:hover{padding:0 10px;background:var(--surface-raised)}.lesson-row__sequence{color:var(--tomato);font-family:var(--mono);font-size:15px}.lesson-row__main{display:grid;gap:5px}.lesson-row__title{font-family:var(--display);font-size:19px;font-weight:600}.lesson-row__summary{color:var(--muted);font-size:12px}.lesson-row__meta{display:grid;justify-items:end;gap:6px;color:var(--muted);font-family:var(--mono);font-size:9px;text-transform:uppercase}.lesson-row__meta>span:last-child{display:inline-flex;align-items:center;gap:5px}.lesson-row__arrow{color:var(--cobalt)}.learning-footer-band{display:flex;min-height:150px;align-items:center;gap:22px;padding:24px 0;border-top:1px solid var(--line);margin-top:46px}.learning-footer-band__mark{display:grid;width:60px;height:60px;flex:0 0 auto;place-items:center;border:1px solid var(--ink);border-radius:50%;color:var(--tomato);font-family:var(--display);font-size:21px;font-weight:600}.learning-footer-band h2{margin:6px 0 0;font-family:var(--display);font-size:20px}.learning-footer-band__link{gap:6px;margin-left:auto;color:var(--cobalt);font-size:12px;font-weight:600}.back-link,.learning-footer-band__link{display:inline-flex;align-items:center;text-decoration:none}.back-link{gap:7px;color:var(--muted);font-size:11px}.back-link:hover{color:var(--cobalt)}.lesson-heading{max-width:820px;padding:27px 0 25px}.lesson-meta{flex-wrap:wrap;gap:10px;color:var(--muted);font-size:9px}.lesson-meta i{width:4px;height:4px;border-radius:50%;background:var(--tomato)}.lesson-meta span:last-child{display:inline-flex;align-items:center;gap:5px}.lesson-heading h1{margin-top:16px;font-size:clamp(42px,5.5vw,72px)}.lesson-heading>p{max-width:600px;margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.6}.lesson-focus{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px;color:var(--muted);font-family:var(--mono);font-size:9px;text-transform:uppercase}.lesson-focus b{color:var(--forest);font-weight:500}.lesson-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);align-items:start;gap:34px;padding-top:17px;border-top:1px solid var(--line)}.lesson-reading{padding-top:4px}.lesson-section{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;padding:18px 0;border-bottom:1px solid var(--line)}.lesson-section__number{padding-top:4px;color:var(--tomato);font-family:var(--mono);font-size:10px}.lesson-section h2{margin:0;font-family:var(--display);font-size:18px;font-weight:600}.lesson-section p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.lesson-component-link{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:var(--cobalt);font-size:11px;font-weight:600;text-decoration:none}.lesson-component-link svg{transform:rotate(180deg)}.lesson-workbench{overflow:hidden}.lesson-workbench__stage{padding:10px;border-bottom:1px solid var(--line)}.lesson-player-wrap>div{overflow:hidden;border-radius:3px;background:var(--panel-dark)}.lesson-workbench__notes{padding:14px}.lesson-workbench__notes .workbench-section-heading h2{font-size:16px}.lesson-code{max-height:unset;margin-top:11px}.lesson-exercise{padding:14px 0 2px;margin-top:14px;border-top:1px solid var(--line)}.lesson-exercise p{margin:8px 0 0;color:var(--ink-soft);font-size:12px;line-height:1.6}.lesson-pagination{display:flex;justify-content:center;gap:6px;padding-top:27px}.lesson-pagination a{display:grid;width:33px;height:33px;place-items:center;border:1px solid var(--line);border-radius:3px;color:var(--muted);font-family:var(--mono);font-size:10px;text-decoration:none}.lesson-pagination a.is-current,.lesson-pagination a:hover{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}@media (max-width:1050px){.frame-bench{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.lesson-layout{grid-template-columns:minmax(0,1fr) minmax(320px,1.1fr);gap:22px}.collections-grid{grid-template-columns:minmax(0,1fr)}.collection-player__stage{height:240px;aspect-ratio:auto;max-height:none}.collection-player__controls{flex-wrap:wrap}.collection-player__command{flex:1 0 100%;order:3}.agent-link{display:none}.command-trigger{display:inline-flex}.command-trigger kbd,.command-trigger span{display:none}}@media (max-width:820px){.detail-heading{display:block}.detail-actions{justify-content:flex-start;margin-top:17px}.frame-bench,.lesson-layout{grid-template-columns:minmax(0,1fr)}.workbench-content{min-height:0}.lesson-workbench{order:-1}.site-nav{display:none}.menu-toggle{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:var(--radius-small);background:transparent;color:var(--ink-soft);cursor:pointer}.mobile-nav{display:flex;flex-direction:column;padding:0 28px;max-height:0;overflow:hidden;border-bottom:0;background:var(--paper-light);visibility:hidden;pointer-events:none;transition:max-height .2s ease,padding .2s ease}.mobile-nav.is-open{max-height:500px;padding:6px 28px 14px;border-bottom:1px solid var(--line);visibility:visible;pointer-events:auto}.mobile-nav__link{display:flex;min-height:44px;align-items:center;gap:6px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:14px;font-weight:600;text-decoration:none}.mobile-nav__link:last-child{border-bottom:0}.mobile-nav__link.is-active{color:var(--tomato-text)}.header-cta{min-height:40px;padding:0 12px}.theme-toggle{width:40px;height:40px}}@media (max-width:600px){.detail-page,.learning-page,.lesson-page{padding-top:18px}.detail-heading{padding-top:22px}.detail-heading__copy>p{font-size:13px}.detail-actions{display:grid;grid-template-columns:1fr 1fr}.action-primary,.action-secondary{min-height:42px;padding:0 8px;font-size:10px}.detail-stats{display:grid;grid-template-columns:1fr 1fr;padding:8px 0}.detail-stats span{padding:6px 8px;border-right:0}.detail-stats span:first-child{padding-left:8px}.frame-bench{gap:12px;padding-top:12px}.frame-bench__stage,.frame-canvas-wrap,.lesson-player-wrap{padding:7px}.detail-suitability{grid-template-columns:minmax(0,1fr);gap:15px}.learning-heading{padding:15px 0 24px}.curriculum-heading{display:block}.curriculum-heading h2{font-size:22px}.curriculum-heading__note{display:block;margin-top:8px}.lesson-row{min-height:85px;grid-template-columns:34px minmax(0,1fr) 20px;gap:9px}.lesson-row__meta{display:none}.lesson-row__title{font-size:16px}.lesson-row__summary{display:-webkit-box;overflow:hidden;font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.learning-footer-band{align-items:flex-start;gap:13px;margin-top:30px}.learning-footer-band__mark{width:42px;height:42px;font-size:16px}.learning-footer-band h2{font-size:17px}.learning-footer-band__link{align-self:end;margin-left:0;font-size:10px}.lesson-heading{padding:22px 0 19px}.lesson-heading>p{font-size:13px}.lesson-layout{gap:14px}.lesson-workbench__stage{padding:7px}}.upload-page{width:min(100% - 56px,980px);padding-top:26px;margin:0 auto}.upload-heading{max-width:700px;padding:25px 0 24px;border-bottom:1px solid var(--line-strong)}.upload-heading h1{margin:17px 0 0;font-family:var(--display);font-size:clamp(44px,5.5vw,72px);font-weight:600;line-height:.98}.upload-heading h1 span{color:var(--tomato)}.upload-heading>p{max-width:540px;margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.upload-standards{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(0,1fr));gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.upload-prereqs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:22px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-medium);overflow:hidden}.upload-prereq{display:grid;align-content:start;gap:6px;padding:17px 18px 18px;background:var(--paper-light)}.upload-prereq>span{color:var(--tomato);font-family:var(--mono);font-size:9px}.upload-prereq b{font-family:var(--display);font-size:15px;font-weight:600}.upload-prereq p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.55}.upload-prereq code{font-family:var(--mono);font-size:10.5px;padding:1px 4px;border-radius:3px;background:var(--paper-strong)}.upload-prereq a{display:inline-flex;align-items:center;gap:4px;justify-self:start;margin-top:3px;color:var(--cobalt);font-size:11.5px;font-weight:700;text-decoration:none}.upload-prereq a:hover{text-decoration:underline}.upload-gate,.upload-process{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:26px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line-strong)}.upload-gate__heading>span{color:var(--tomato);font-family:var(--mono);font-size:9px}.upload-gate__heading h2{margin:8px 0 0;font-family:var(--display);font-size:clamp(20px,2.4vw,27px);font-weight:600;line-height:1.1}.upload-gate__heading p{margin:10px 0 0;max-width:46ch;color:var(--muted);font-size:12px;line-height:1.6}.upload-gate__list{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.upload-gate__list li{display:grid;gap:3px;padding:11px 0;border-bottom:1px solid var(--line)}.upload-gate__rejects{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink)}.upload-gate__rejects svg{flex:0 0 auto;color:var(--tomato)}.upload-gate__because{padding-left:19px;color:var(--muted);font-size:11.5px;line-height:1.5}.upload-steps{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:step;border-top:1px solid var(--line)}.upload-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.upload-steps__num{font-size:21px;line-height:1;color:var(--line-strong)}.upload-steps b,.upload-steps__num{font-family:var(--display);font-weight:600}.upload-steps b{display:block;font-size:14.5px}.upload-steps p{margin:3px 0 0}.upload-process__note,.upload-steps p{color:var(--muted);font-size:11.5px;line-height:1.55}.upload-process__note{grid-column:2;display:flex;align-items:flex-start;gap:7px;margin:14px 0 0;padding:11px 13px;border:1px dashed var(--line-strong);border-radius:var(--radius-small)}.upload-process__note svg{flex:0 0 auto;margin-top:2px}@media (max-width:720px){.upload-gate,.upload-prereqs,.upload-process{grid-template-columns:minmax(0,1fr)}.upload-process__note{grid-column:1}}.upload-standards__title{display:grid;align-content:center;gap:5px}.upload-standards__title span{color:var(--tomato);font-family:var(--mono);font-size:8px}.upload-standards__title b{font-family:var(--display);font-size:14px}.upload-standards>p{display:flex;align-items:flex-start;gap:7px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.upload-standards>p svg{flex:0 0 auto;color:var(--forest)}.upload-form{display:grid;gap:25px;padding:23px 0 0}.upload-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid;border-radius:var(--radius-small);font-size:12px}.upload-notice--error{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-ink)}.upload-notice--success{border-color:var(--pass-border);background:var(--pass-bg);color:var(--pass-ink)}.upload-notice svg{flex:0 0 auto;margin-top:1px}.upload-notice p{margin:0;font-weight:600}.upload-notice span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.upload-notice a{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:var(--cobalt);font-weight:600;text-decoration:none}.upload-section{display:grid;gap:16px;padding-bottom:23px;border-bottom:1px solid var(--line)}.upload-section__heading{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;align-items:start;padding-bottom:9px}.upload-section__heading>span{padding-top:3px;color:var(--tomato);font-family:var(--mono);font-size:10px}.upload-section__heading h2{margin:0;font-family:var(--display);font-size:20px;font-weight:600}.upload-section__heading p{margin:4px 0 0;color:var(--muted);font-size:11px}.upload-fields{display:grid;gap:14px}.upload-fields--two{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-fields--metadata{grid-template-columns:minmax(0,1.15fr) minmax(0,1.5fr) repeat(4,minmax(84px,.65fr))}.upload-field{display:grid;min-width:0;gap:7px;color:var(--ink-soft);font-size:11px;font-weight:600}.upload-field>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.upload-field small{color:var(--muted);font-family:var(--mono);font-size:8px;font-weight:400}.upload-field input,.upload-field select,.upload-field textarea{width:100%;min-width:0;min-height:40px;padding:9px 10px;border:1px solid var(--line-strong);border-radius:3px;background:var(--paper-light);color:var(--ink);font-size:12px;font-weight:400}.upload-field textarea{min-height:unset;resize:vertical;line-height:1.55}.upload-field input::-moz-placeholder,.upload-field textarea::-moz-placeholder{color:var(--panel-dark-muted)}.upload-field input::placeholder,.upload-field textarea::placeholder{color:var(--panel-dark-muted)}.upload-field input:focus,.upload-field select:focus,.upload-field textarea:focus{border-color:var(--cobalt);outline:0}.validation-panel{padding:13px 14px;border:1px solid;border-radius:var(--radius-small);font-size:11px}.validation-panel.is-valid{border-color:var(--pass-border);background:var(--pass-bg);color:var(--pass-ink)}.validation-panel.has-errors{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-ink)}.validation-panel__heading{display:flex;align-items:center;gap:8px}.validation-panel__heading strong{font-size:11px}.validation-panel__heading>span:last-child{margin-left:auto;color:var(--muted);font-family:var(--mono);font-size:9px}.validation-indicator{width:8px;height:8px;border-radius:50%;background:var(--forest)}.has-errors .validation-indicator{background:var(--tomato)}.validation-panel p,.validation-panel ul{margin:9px 0 0;color:var(--ink-soft);line-height:1.5}.validation-panel ul{padding-left:18px}.validation-panel .validation-warnings{color:var(--warn-ink)}.upload-source-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-field__caption{color:var(--ink-soft);font-size:11px;font-weight:600}.file-picker{position:relative;display:inline-flex;min-height:33px;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:3px;color:var(--ink-soft);cursor:pointer;font-size:10px}.file-picker:hover{border-color:var(--ink)}.file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%)}.upload-code{width:100%;min-width:0;padding:13px;border:1px solid var(--panel-dark-line);border-radius:3px;background:var(--panel-dark);color:var(--panel-dark-ink);font-family:var(--mono);font-size:10px;line-height:1.65;resize:vertical;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.upload-code:focus{border-color:var(--cobalt);outline:2px solid var(--cobalt-wash)}.upload-json{margin-top:1px}.upload-submit-row{display:grid;gap:12px;padding-top:1px}.upload-submit-row__action{display:flex;align-items:center;justify-content:space-between;gap:16px}.upload-status:empty{display:none}.upload-status__line{display:flex;align-items:flex-start;gap:9px;margin:0;padding:12px 14px;border:1px solid;border-radius:var(--radius-small);font-size:12px;line-height:1.5}.upload-status__line svg{flex:0 0 auto;margin-top:1px}.upload-status__line span{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}.upload-status__line--error{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-ink)}.upload-status__line--success{border-color:var(--pass-border);background:var(--pass-bg);color:var(--pass-ink)}.upload-status__line a{display:inline-flex;align-items:center;gap:4px;color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.upload-footnote,.upload-submit-row p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.submissions-page{width:min(100% - 56px,980px);padding-top:26px;margin:0 auto}.submissions-heading{padding:25px 0 22px;border-bottom:1px solid var(--line-strong)}.submissions-heading h1{margin:16px 0 0;font-family:var(--display);font-size:clamp(40px,5vw,64px);font-weight:600;line-height:.98}.submissions-heading h1 span{color:var(--tomato)}.submissions-heading p{max-width:56ch;margin:13px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.submissions{display:grid;gap:16px;padding:22px 0 0}.submissions__who{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--paper-light)}.submissions__who b{font-family:var(--display);font-size:15px;font-weight:600}.submissions-signout{margin-left:auto;padding:5px 11px;border:1px solid var(--line-strong);border-radius:3px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px;font-weight:600}.submissions-signout:hover{border-color:var(--tomato);color:var(--tomato)}.submissions-state{margin:0;padding:30px 0;color:var(--muted);font-size:13px}.submissions-state h2{margin:0 0 8px;font-family:var(--display);font-size:22px;font-weight:600;color:var(--ink)}.submissions-state a{color:var(--cobalt)}.submissions-signin{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:9px 14px;border-radius:3px;background:var(--ink);color:var(--paper-light);font-size:12px;font-weight:600;text-decoration:none}.submissions-notice{margin:0;padding:11px 13px;border:1px solid var(--pass-border);border-radius:var(--radius-small);background:var(--pass-bg);color:var(--pass-ink);font-size:12px}.submissions-notice--error{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-ink)}.submissions-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.submissions-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:15px 16px;border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius-small);background:var(--paper-light)}.submissions-item.is-pending_review{border-left-color:var(--warn-border)}.submissions-item.is-published{border-left-color:var(--forest)}.submissions-item.is-archived{border-left-color:var(--line-strong)}.submissions-item__main{display:grid;gap:5px;min-width:0;flex:1 1 340px}.submissions-item__title{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.submissions-item__title b{font-family:var(--display);font-size:16px;font-weight:600}.submissions-item__slug{font-family:var(--mono);font-size:10.5px;color:var(--muted)}.submissions-item__main p{margin:0;max-width:62ch;color:var(--muted);font-size:12px;line-height:1.5}.submissions-item__hint{color:var(--muted);font-size:11px}.submissions-item__actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.submissions-item__actions a,.submissions-item__actions button{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:1px solid var(--line-strong);border-radius:3px;background:transparent;color:var(--ink);cursor:pointer;font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap}.submissions-item__actions button:hover:not(:disabled){border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.submissions-item__actions button:disabled{opacity:.5;cursor:not-allowed}.status-pill{justify-self:start;padding:3px 9px;border-radius:999px;border:1px solid;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.status-pill--pending_review{border-color:var(--warn-border);background:var(--warn-bg);color:var(--warn-ink)}.status-pill--published{border-color:var(--pass-ink);background:var(--pass-bg);color:var(--pass-ink)}.status-pill--archived{border-color:var(--line-strong);background:var(--paper-strong);color:var(--muted)}.submissions-footnote{padding:26px 0;color:var(--muted);font-size:12px}.submissions-footnote a{color:var(--cobalt);text-decoration:none}.upload-submit-row button{display:inline-flex;min-height:42px;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--ink);border-radius:3px;background:var(--ink);color:var(--paper-light);cursor:pointer;font-size:11px;font-weight:600}.upload-submit-row button:hover:not(:disabled){border-color:var(--cobalt);background:var(--cobalt)}.upload-submit-row button:disabled{cursor:not-allowed;opacity:.48}.spin-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.upload-footnote{padding-bottom:25px;text-align:right}.upload-footnote a{color:var(--cobalt);text-decoration:none}.upload-footnote a:hover{text-decoration:underline}@media (max-width:900px){.upload-standards{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-standards__title{grid-column:1/-1}.upload-fields--metadata{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.upload-page{width:min(100% - 32px,980px);padding-top:18px}.upload-heading{padding-top:21px}.upload-standards{grid-template-columns:minmax(0,1fr);gap:9px}.upload-standards__title{grid-column:auto;margin-bottom:3px}.upload-fields--metadata,.upload-fields--two{grid-template-columns:minmax(0,1fr)}.upload-submit-row__action{flex-direction:column-reverse;align-items:stretch;gap:12px}.upload-submit-row__action button{width:100%}.upload-footnote{text-align:left}}.contributor-receipt{display:grid;gap:12px;width:100%;padding:16px 18px;border:1px solid var(--forest);border-radius:var(--radius-small);background:var(--pass-bg);color:var(--ink)}.contributor-receipt__header{display:flex;align-items:center;gap:9px;color:var(--forest)}.contributor-receipt__header strong{font-family:var(--display);font-size:15px}.contributor-receipt__tag{margin-left:auto;padding:3px 8px;border-radius:999px;background:var(--forest);color:var(--paper-light);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.05em}.contributor-receipt__meta{display:grid;gap:4px;font-size:12px;color:var(--ink-soft)}.contributor-receipt__meta code{font-family:var(--mono);background:var(--ink-wash);padding:2px 4px;border-radius:2px}.contributor-receipt__note{margin:8px 0 0;font-size:11.5px;line-height:1.5;color:var(--muted)}.contributor-receipt__link{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--forest);text-decoration:underline}.submission-timeline{display:flex;align-items:center;gap:6px;margin:8px 0 4px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper-strong);overflow-x:auto}.submission-timeline.is-archived{background:var(--panel-dark-ink)}.submission-timeline__archived-badge{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase}.timeline-node{display:flex;align-items:center;gap:6px;flex:0 0 auto}.timeline-node__dot{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;border:1px solid var(--line-strong);background:var(--paper-light);color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:700}.timeline-node.is-complete .timeline-node__dot{border-color:var(--forest);background:var(--forest);color:var(--paper-light)}.timeline-node.is-current .timeline-node__dot{border-color:var(--cobalt);color:var(--cobalt);box-shadow:0 0 0 2px var(--cobalt-wash)}.timeline-node.is-failed .timeline-node__dot{border-color:var(--danger-ink);background:var(--danger-ink);color:var(--paper-light)}.timeline-node__label{font-size:11px;font-weight:600;color:var(--muted)}.timeline-node.is-complete .timeline-node__label,.timeline-node.is-current .timeline-node__label{color:var(--ink)}.timeline-node.is-failed .timeline-node__label{color:var(--danger-ink)}.timeline-line{flex:1 1 20px;min-width:14px;height:2px;background:var(--line)}.timeline-line.is-active{background:var(--forest)}.submissions-item__author{font-size:11px;color:var(--muted)}.submissions-item__meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.submissions-item__error-box{display:grid;gap:4px;padding:8px 12px;border:1px solid var(--danger-border);border-radius:4px;background:var(--danger-bg);color:var(--danger-ink);font-size:11.5px}.action-verify{border-color:var(--forest)!important;color:var(--forest)!important}.action-verify:hover{background:var(--forest)!important;color:var(--paper-light)!important}.action-inspect{border-color:var(--cobalt)!important;color:var(--cobalt)!important}.action-inspect:hover{background:var(--cobalt)!important;color:var(--paper-light)!important}.source-inspector-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:24px}.source-inspector-modal__inner{display:flex;flex-direction:column;width:min(100%,860px);max-height:85vh;border-radius:6px;background:var(--paper-light);border:1px solid var(--line-strong);box-shadow:var(--shadow-lift);overflow:hidden}.source-inspector-modal__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--paper-strong)}.source-inspector-modal__header code{font-family:var(--mono);color:var(--cobalt)}.source-inspector-modal__header button{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--line-strong);border-radius:3px;background:transparent;cursor:pointer;font-size:11px}.source-inspector-modal__code{margin:0;padding:16px;overflow:auto;font-family:var(--mono);font-size:11px;line-height:1.55;background:var(--ink);color:var(--paper-light)}.workbench-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(320px,2fr);gap:18px;align-items:start}.workbench-stage{position:sticky;top:86px;display:grid;gap:10px}.workbench-canvas{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-medium);padding:16px;min-height:260px}.workbench-canvas.bg-light{background:var(--paper-light)}.workbench-canvas.bg-dark{background:var(--panel-dark-alt)}.workbench-canvas.bg-checker{background-color:var(--paper-strong);background-image:linear-gradient(45deg,var(--checker-a) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-a) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-a) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-a) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.workbench-canvas>*{max-width:100%}.workbench-frame{width:min(100%,calc(var(--frame-max-height) * var(--frame-scale)));max-height:var(--frame-max-height);aspect-ratio:var(--frame-ratio);box-shadow:var(--shadow-wide);--frame-max-height:min(62vh,640px)}.safe-area{position:absolute;inset:16px;pointer-events:none}.safe-area__box{position:absolute;border:1px dashed var(--tomato-text)}.safe-area__box--action{inset:5%;border-color:var(--cobalt)}.safe-area__box b{position:absolute;top:-8px;left:8px;padding:0 4px;background:var(--code-bg);color:var(--surface-raised);font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.player-controls{display:grid;gap:9px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--paper-light)}.player-controls__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.player-controls__play{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid var(--ink);border-radius:50%;background:var(--ink);color:var(--paper-light);cursor:pointer}.player-controls__play:hover{background:var(--ink-soft)}.player-controls__scrubber{flex:1 1 180px;min-width:120px;accent-color:var(--tomato)}.player-controls__time{display:flex;align-items:baseline;gap:4px;font-family:var(--mono);font-size:11px;color:var(--muted)}.player-controls__time span{color:var(--ink);font-size:12px}.player-controls__time i{font-style:normal;opacity:.5}.player-controls__time em{margin-left:6px;font-style:normal;opacity:.75}.player-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink-soft);font-size:11px;cursor:pointer}.player-chip:hover{border-color:var(--line-strong);background:var(--paper-strong)}.player-chip.is-on{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.player-chip.is-static{cursor:default;opacity:.6}.player-chip__swatch{width:11px;height:11px;border:1px solid var(--line-strong);border-radius:3px}.player-chip.is-bg-light .player-chip__swatch{background:var(--paper-light)}.player-chip.is-bg-dark .player-chip__swatch{background:var(--panel-dark-alt)}.player-chip.is-bg-checker .player-chip__swatch{background-color:var(--paper-strong);background-image:linear-gradient(45deg,var(--checker-b) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-b) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-b) 75%);background-size:6px 6px;background-position:0 0,0 3px,3px -3px,-3px 0}.workbench-canvas__meta{display:flex;flex-wrap:wrap;gap:6px 14px;padding:0 3px;color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.04em}.shortcut-help{margin-bottom:16px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--paper-light)}.shortcut-help__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px}.shortcut-help__head button{border:0;background:none;color:var(--muted);cursor:pointer;transform:rotate(45deg)}.shortcut-help dl{display:grid;gap:7px;margin:0}.shortcut-help dl>div{display:flex;align-items:center;gap:12px}.shortcut-help dt{min-width:128px}.shortcut-help kbd{display:inline-block;padding:3px 7px;border:solid var(--line-strong);border-width:1px 1px 2px;border-radius:4px;background:var(--paper);font-family:var(--mono);font-size:10px}.shortcut-help dd{margin:0;color:var(--muted);font-size:12px}.aspect-switch{display:flex;flex-wrap:wrap;gap:7px;padding:14px 0 0}.aspect-switch button{display:grid;gap:1px;padding:6px 11px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper);color:var(--ink-soft);font-family:var(--mono);font-size:11px;text-align:left;cursor:pointer}.aspect-switch button em{font-style:normal;font-size:9px;opacity:.65}.aspect-switch button:hover{border-color:var(--line-strong)}.aspect-switch button.is-active{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.workbench-note{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;padding:9px 11px;border:1px solid var(--tomato-text);border-radius:var(--radius-small);background:var(--tomato-wash);color:var(--ink-soft);font-size:11.5px;line-height:1.55}.workbench-note svg{flex:none;margin-top:2px;color:var(--tomato)}.workbench-section-heading__actions{display:flex;gap:6px}.prop-field{display:grid;gap:6px}.prop-field__label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px;font-weight:500}.prop-field__label code{color:var(--muted);font-family:var(--mono);font-size:9.5px;font-weight:400}.prop-field__hint{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.prop-field__error{display:block;margin:0;color:var(--tomato);font-size:11px;line-height:1.45}.prop-field.has-error input,.prop-field.has-error select,.prop-field.has-error textarea{border-color:var(--tomato)}.prop-field input[type=number],.prop-field input[type=text],.prop-field select,.prop-field textarea{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper-light);color:var(--ink);font-family:var(--body);font-size:12.5px}.prop-field textarea{resize:vertical;line-height:1.5}.prop-field select{cursor:pointer}.prop-color{display:flex;gap:7px;align-items:center}.prop-color input[type=color]{width:36px;height:30px;flex:none;padding:2px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper-light);cursor:pointer}.prop-switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer}.prop-switch input{position:absolute;width:1px;height:1px;opacity:0}.prop-switch__track{display:block;width:38px;height:21px;padding:2px;border-radius:999px;background:var(--line-strong);transition:background .14s ease}.prop-switch__thumb{display:block;width:17px;height:17px;border-radius:50%;background:var(--paper-light);transition:transform .14s ease}.prop-switch input:checked+.prop-switch__track{background:var(--forest)}.prop-switch input:checked+.prop-switch__track .prop-switch__thumb{transform:translateX(17px)}.prop-switch input:focus-visible+.prop-switch__track{outline:3px solid var(--cobalt);outline-offset:2px}.prop-switch__label{color:var(--muted);font-size:11.5px}.prop-slider{display:flex;gap:9px;align-items:center}.prop-slider input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--tomato)}.prop-slider input[type=number]{width:78px;flex:none;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper-light);font-size:12.5px}.prop-list,.prop-object{display:grid;gap:7px}.prop-list__row{display:flex;gap:5px;align-items:center}.prop-list__row input{flex:1 1 auto;min-width:0;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper-light);font-size:12px}.prop-list__index{min-width:16px;color:var(--muted);font-family:var(--mono);font-size:10px;text-align:right}.prop-list__row button{display:grid;width:26px;height:26px;flex:none;place-items:center;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper);color:var(--muted);cursor:pointer}.prop-list__row button:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink)}.prop-list__row button:disabled{opacity:.35;cursor:not-allowed}.prop-list__add,.prop-list__restore{justify-self:start;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px dashed var(--line-strong);border-radius:var(--radius-small);background:none;color:var(--muted);font-size:11px;cursor:pointer}.prop-list__add:hover,.prop-list__restore:hover{color:var(--ink);border-color:var(--ink)}.prop-list__empty{margin:0;color:var(--muted);font-size:11.5px}.prop-object__row{display:grid;grid-template-columns:minmax(74px,34%) 1fr;gap:9px;align-items:center}.prop-object__row>label{color:var(--muted);font-family:var(--mono);font-size:10px;overflow-wrap:anywhere}.prop-object__row input[type=number],.prop-object__row input[type=text]{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper-light);font-size:12px}.prop-object__row input[type=checkbox]{width:17px;height:17px;accent-color:var(--forest);cursor:pointer}.prop-json{display:grid;gap:5px}.prop-json textarea{font-family:var(--mono);font-size:11px}.source-viewer{display:grid;gap:9px}.source-viewer__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-family:var(--mono);font-size:10px}.source-viewer__scroll{max-height:520px;overflow:auto;border-radius:var(--radius-small);background:var(--panel-dark)}.source-code{margin:0;padding:12px 0;color:var(--panel-dark-ink);font-family:var(--mono);font-size:11px;line-height:1.65;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.source-code__line{display:flex;gap:12px}.source-code__number{flex:none;width:34px;padding-right:9px;color:var(--muted);text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.source-code__text{white-space:pre}.tok--comment{color:var(--muted);font-style:italic}.tok--string{color:var(--citrus)}.tok--keyword{color:var(--tomato-text)}.tok--remotion{color:var(--cobalt);font-weight:600}.tok--jsx{color:var(--pass-ink)}.tok--number{color:var(--warn-ink)}.install-box{display:grid;gap:12px;padding-top:4px}.install-box__tabs{display:flex;flex-wrap:wrap;gap:5px}.install-box__tabs button{padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font-size:11px;cursor:pointer}.install-box__tabs button:hover{border-color:var(--line-strong);color:var(--ink)}.install-box__tabs button.is-active{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.install-box__note{margin:0;color:var(--muted);font-size:11.5px;line-height:1.6}.install-box__code{padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--panel-dark);color:var(--panel-dark-ink);font-family:var(--mono);font-size:10.5px;line-height:1.65}.install-box__code pre{max-height:230px;margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.install-box__code code{overflow-wrap:anywhere}.install-box__action{justify-self:start}.guidance-json,.install-box__usage{border-top:1px solid var(--line);padding-top:10px}.guidance-json summary,.install-box__usage summary{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11.5px;cursor:pointer}.guidance-json pre,.install-box__usage pre{max-height:300px;margin:9px 0 0;overflow:auto;padding:11px 12px;border-radius:var(--radius-small);background:var(--panel-dark);color:var(--panel-dark-ink);font-family:var(--mono);font-size:10.5px;line-height:1.6}.guidance-section{padding-top:14px}.guidance-section h2{margin:0 0 8px;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.guidance-section ul{display:grid;gap:6px;margin:0;padding-left:17px;color:var(--ink-soft);font-size:12.5px;line-height:1.55}.guidance-section--muted ul{color:var(--muted)}@media (max-width:960px){.workbench-layout{grid-template-columns:minmax(0,1fr)}.workbench-stage{position:static}.workbench-frame{--frame-max-height:min(48vh,420px)}}@media (max-width:620px){.workbench-canvas{padding:10px}.player-controls__time em{display:none}.player-chip{font-size:10.5px}}.prop-object-list{display:grid;gap:9px}.prop-group{display:grid;gap:7px;margin:0;padding:10px 12px 12px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper)}.prop-group>legend{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:0 2px;color:var(--muted);font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase}.prop-group__actions{display:flex;gap:3px}.prop-group__actions button{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--line);border-radius:3px;background:var(--paper-light);color:var(--muted);cursor:pointer}.prop-group__actions button:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink)}.prop-group__actions button:disabled{opacity:.3;cursor:not-allowed}.collections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.collection-card{display:flex;min-width:0;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface-card)}.collection-card h2{margin:0;font-family:var(--display);font-size:24px}.collection-card h2 a{text-decoration:none}.collection-card h2 a:hover{color:var(--cobalt)}.collection-card>p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.collection-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--muted);font-family:var(--mono);font-size:9px}.collection-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line);margin-top:auto}.collection-card__actions .collection-player__command{min-width:0;flex:1 1 140px}.collection-card__link{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--cobalt);font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap}.collection-heading{padding:26px 0 var(--space-4);border-bottom:1px solid var(--line-strong);margin-bottom:var(--space-4)}.collection-heading h1{margin-top:10px;font-size:clamp(34px,4.5vw,56px)}.collection-heading>p{max-width:660px;margin-top:10px;color:var(--muted);font-size:14px;line-height:1.6}.collection-player{display:flex;max-width:920px;margin-inline:auto;flex-direction:column;gap:var(--space-2)}.collection-player__stage{position:relative;overflow:hidden;aspect-ratio:16/9;max-height:520px;background-color:var(--surface-sunken)}.collection-player__controls,.collection-player__stage{border:1px solid var(--line);border-radius:var(--radius-small)}.collection-player__controls{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-card)}.collection-player__command{min-width:0;overflow:hidden;color:var(--ink-soft);font-family:var(--mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.collection-player__controls .component-card__copy{margin-left:auto}.collection-scenes{margin-top:var(--space-5)}.collection-scenes__heading{margin-bottom:var(--space-2);color:var(--muted);font-family:var(--mono);font-size:9px}.collection-scenes__heading h2{margin:6px 0 0;color:var(--ink);font-family:var(--display);font-size:24px}.collection-items{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.collection-items li{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--line)}.collection-items__index{color:var(--tomato);font-family:var(--mono);font-size:10px}.collection-items__body{min-width:0;flex:1}.collection-items__name{font-family:var(--display);font-size:17px;font-weight:600;text-decoration:none}.collection-items__name:hover{color:var(--cobalt)}.collection-items__body p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.collection-items__duration{color:var(--muted);font-family:var(--mono);font-size:10px}.not-found{display:flex;width:min(100% - 56px,640px);min-height:62vh;flex-direction:column;justify-content:center;margin:0 auto;padding:40px 0}.not-found__code{color:var(--tomato-text);font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.12em}.not-found h1{margin:10px 0 0;font-family:var(--display);font-size:clamp(34px,5vw,58px);font-weight:600;line-height:1.02}.not-found>p{margin:14px 0 0;color:var(--muted);font-size:15px;line-height:1.6}.not-found__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:var(--space-3)}.not-found__actions .header-cta{display:inline-flex;min-height:40px;align-items:center;padding:0 16px;text-decoration:none}.not-found__actions .text-action{display:inline-flex;align-items:center;gap:6px;color:var(--cobalt);font-size:13px;font-weight:600;text-decoration:none}.not-found .panel-footnote{margin-top:var(--space-5)}.not-found kbd{padding:2px 6px;border:1px solid var(--line);border-radius:3px;background:var(--surface-sunken);font-family:var(--mono);font-size:10px}.catalog-hero-timeline-wrap{margin-bottom:var(--space-4);width:100%}.hero-timeline{background:var(--panel-dark,#0b0f14);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-medium,8px);padding:16px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 32px -8px rgba(0,0,0,.6);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-timeline__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.hero-timeline__tally{display:inline-flex;align-items:center;gap:8px}.hero-timeline__dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;animation:pulse-dot 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.hero-timeline__status{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--panel-dark-muted,#94a3b8)}.hero-timeline__readout{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px}.hero-timeline__frame{color:var(--panel-dark-muted,#94a3b8)}.hero-timeline__frame b{color:#f1f5f9;font-weight:700}.hero-timeline__timecode{color:#38bdf8;font-weight:700;background:rgba(56,189,248,.1);padding:2px 6px;border-radius:4px;border:1px solid rgba(56,189,248,.2)}.hero-timeline__fps{color:#a855f7;font-weight:600}.hero-timeline__play-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#f1f5f9;font-family:var(--mono);font-size:11px;font-weight:600;cursor:pointer;transition:all .12s ease}.hero-timeline__play-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}.hero-timeline__rail-container{position:relative;height:48px;background:#06090d;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden;cursor:crosshair;touch-action:none}.hero-timeline__track{position:absolute;inset:0;display:flex;height:100%}.hero-timeline__beat-zone{height:100%;display:flex;align-items:flex-end;padding:4px 8px;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.04em;border-right:1px solid rgba(255,255,255,.12);transition:background .15s ease}.hero-timeline__beat-zone--1{background:rgba(99,102,241,.12);color:#818cf8}.hero-timeline__beat-zone--2{background:rgba(6,182,212,.12);color:#22d3ee}.hero-timeline__beat-zone--3{background:rgba(245,158,11,.12);color:#fbbf24}.hero-timeline__beat-zone--4{background:rgba(16,185,129,.12);color:#34d399}.hero-timeline__ticks{position:absolute;top:0;left:0;right:0;height:14px;display:flex;justify-content:space-between;padding:0 2px;pointer-events:none}.hero-timeline__ticks i{width:1px;background:rgba(255,255,255,.15)}.hero-timeline__ticks i.tick-major{height:10px;background:rgba(255,255,255,.35)}.hero-timeline__ticks i.tick-minor{height:5px}.hero-timeline__playhead{position:absolute;top:0;bottom:0;transform:translateX(-50%);pointer-events:none;z-index:5}.hero-timeline__playhead-head{width:11px;height:11px;background:#f43f5e;clip-path:polygon(0 0,100% 0,50% 100%);margin-left:-5px}.hero-timeline__playhead-line{width:2px;height:100%;background:#f43f5e;box-shadow:0 0 8px #f43f5e}.hero-timeline__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.hero-timeline__current-beat{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:#e2e8f0}.hero-timeline__spark{color:#fbbf24}.hero-timeline__shortcuts{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.hero-timeline__shortcuts-label{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--panel-dark-muted,#64748b);letter-spacing:.05em}.hero-timeline__chip{padding:3px 8px;border-radius:4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:11px;color:var(--panel-dark-muted,#94a3b8);cursor:pointer;transition:all .12s ease}.hero-timeline__chip small{color:var(--panel-dark-muted,#64748b);margin-left:2px}.hero-timeline__chip:hover{color:#f1f5f9;border-color:rgba(255,255,255,.2)}.hero-timeline__chip.is-active{background:rgba(56,189,248,.12);border-color:#38bdf8;color:#38bdf8;font-weight:600}.hero-timeline__chip.is-active small{color:#7dd3fc}.component-card__progress-rail{position:absolute;left:0;right:0;bottom:0;top:auto;height:2px;max-height:2px;background:rgba(255,255,255,.08);z-index:20;pointer-events:none}.component-card__progress-bar{height:100%;max-height:2px;background:#38bdf8;box-shadow:0 0 6px rgba(56,189,248,.6);transition:width 40ms linear}.component-card__thumbnail-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0d1117}.component-card__topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.component-card__cli-chip{display:inline-flex;align-items:center;gap:6px;position:relative;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:4px 8px;font-family:var(--mono);font-size:11px;color:var(--ink-soft,#94a3b8);cursor:pointer;transition:all .12s ease;width:100%;text-align:left}.component-card__cli-chip:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#f1f5f9}.component-card__cli-chip.is-copied{border-color:#10b981;background:rgba(16,185,129,.1);color:#10b981}.component-card__cli-prefix{color:#64748b;font-weight:700}.component-card__cli-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-card__cli-icon{display:inline-flex;align-items:center;color:#64748b}.component-card__cli-toast{position:absolute;right:8px;background:#10b981;color:#04100b;font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px}.library-toolbar__search-bar{display:flex;align-items:center;gap:12px;width:100%}.library-toolbar__search-bar .search-field{flex:1}.hover-autoplay-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-small,4px);font-family:var(--mono);font-size:11px;color:var(--panel-dark-muted,#94a3b8);cursor:pointer;white-space:nowrap;transition:all .12s ease}.hover-autoplay-toggle:hover{background:rgba(255,255,255,.08);color:#f1f5f9}.hover-autoplay-toggle__indicator{width:24px;height:14px;background:rgba(255,255,255,.15);border-radius:7px;position:relative;transition:background .15s ease}.hover-autoplay-toggle__dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;position:absolute;top:2px;left:2px;transition:transform .15s ease,background .15s ease}.hover-autoplay-toggle.is-active .hover-autoplay-toggle__indicator{background:rgba(16,185,129,.3)}.hover-autoplay-toggle.is-active .hover-autoplay-toggle__dot{transform:translateX(10px);background:#10b981;box-shadow:0 0 6px #10b981}.category-chip__count{font-family:var(--mono);font-size:11px;opacity:.7}.studio-shell{display:flex;flex-direction:column;gap:24px;width:100%;max-width:var(--content-width,1440px);margin:0 auto;padding:16px 24px 64px}.studio-topbar{justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.studio-topbar,.studio-topbar__left{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.studio-breadcrumb{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px}.studio-breadcrumb__link{color:var(--muted,#94a3b8);text-decoration:none}.studio-breadcrumb__link:hover{color:#f1f5f9}.studio-breadcrumb__sep{color:rgba(255,255,255,.2)}.studio-breadcrumb__cat{color:#38bdf8;text-transform:capitalize}.studio-breadcrumb__current{color:#f1f5f9;font-weight:700}.studio-topbar__nav-btns{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden}.studio-nav-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(255,255,255,.04);color:var(--muted,#94a3b8);text-decoration:none;font-family:var(--mono);font-size:11px;transition:all .12s ease}.studio-nav-btn:hover{background:rgba(255,255,255,.1);color:#f1f5f9}.studio-kbd{font-family:var(--mono);font-size:10px;padding:1px 4px;border-radius:2px;background:rgba(255,255,255,.08);color:#64748b}.studio-topbar__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-action-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:12px;color:#f1f5f9;cursor:pointer;transition:all .12s ease}.studio-action-chip:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}.studio-action-chip.is-copied{border-color:#10b981;background:rgba(16,185,129,.1);color:#10b981}.studio-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .12s ease}.studio-btn--accent{background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.3);color:#38bdf8}.studio-btn--accent:hover{background:rgba(56,189,248,.2);border-color:#38bdf8}.studio-btn--ghost{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--muted,#94a3b8)}.studio-btn--ghost:hover{background:rgba(255,255,255,.08);color:#f1f5f9}.studio-btn--primary{background:#38bdf8;color:#041018;border:none;justify-content:center;font-weight:700}.studio-btn--primary:hover{background:#7dd3fc}.workbench-grid{display:grid;grid-template-columns:7fr 3fr;gap:24px;align-items:start}@media (max-width:1080px){.workbench-grid{grid-template-columns:1fr}}.workbench-stage-column{display:flex;flex-direction:column;gap:12px}.workbench-canvas-wrapper{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#06090d;box-shadow:0 20px 48px -12px rgba(0,0,0,.8)}.workbench-canvas-wrapper,.workbench-viewport{width:100%;display:flex;align-items:center;justify-content:center}.workbench-viewport{height:100%}.studio-transport{background:var(--panel-dark,#0b0f14);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.studio-transport__scrubber-area{position:relative;height:28px;background:#06090d;border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden;display:flex;align-items:center}.studio-transport__beat-track{position:absolute;inset:0;display:flex;pointer-events:none}.beat-marker{height:100%;display:flex;align-items:center;padding:0 6px;font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.04em;border-right:1px solid rgba(255,255,255,.1)}.beat-marker--1{background:rgba(99,102,241,.15);color:#818cf8}.beat-marker--2{background:rgba(6,182,212,.15);color:#22d3ee}.beat-marker--3{background:rgba(245,158,11,.15);color:#fbbf24}.beat-marker--4{background:rgba(16,185,129,.15);color:#34d399}.studio-transport__slider{position:relative;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:2}.studio-transport__controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.studio-transport__step-group{display:inline-flex;align-items:center;gap:4px}.studio-btn--step{padding:4px 6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--muted,#94a3b8);font-family:var(--mono);font-size:11px}.studio-btn--play,.studio-btn--step:hover{background:rgba(255,255,255,.08);color:#f1f5f9}.studio-btn--play{padding:6px 12px;border:1px solid rgba(255,255,255,.15)}.studio-btn--play.is-playing{background:rgba(56,189,248,.15);border-color:#38bdf8;color:#38bdf8}.studio-transport__readout{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-variant-numeric:tabular-nums}.readout-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:#06090d;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:11px}.readout-label{color:var(--panel-dark-muted,#64748b);font-weight:700;font-size:9px;letter-spacing:.05em}.readout-value{color:#f1f5f9}.readout-pill--smpte .readout-value{color:#38bdf8}.readout-pill--fps .readout-value{color:#a855f7}.studio-transport__aux-group{display:inline-flex;align-items:center;gap:6px}.studio-btn--toggle{padding:4px 8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--muted,#94a3b8);font-family:var(--mono);font-size:11px}.studio-btn--toggle.is-active{background:rgba(16,185,129,.12);border-color:#10b981;color:#10b981}.studio-segmented{display:inline-flex;border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden;background:#06090d}.studio-segmented__item{padding:4px 8px;background:transparent;border:none;font-family:var(--mono);font-size:11px;color:var(--muted,#64748b);cursor:pointer;transition:all .12s ease}.studio-segmented__item:hover{color:#f1f5f9}.studio-segmented__item.is-active{background:rgba(255,255,255,.1);color:#38bdf8;font-weight:600}.studio-btn--icon{padding:4px 6px;background:rgba(255,255,255,.04);color:var(--muted,#94a3b8)}.props-panel,.studio-btn--icon{border:1px solid rgba(255,255,255,.08)}.props-panel{background:var(--panel-dark,#0b0f14);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:16px}.props-panel__header{display:flex;align-items:center;justify-content:space-between}.props-panel__kicker{font-family:var(--mono);font-size:10px;font-weight:700;color:#38bdf8;letter-spacing:.08em}.props-panel__headline{font-size:16px;font-weight:700;color:#f1f5f9;margin:0}.props-panel__reset-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:4px;font-family:var(--mono);font-size:10px;color:var(--muted,#94a3b8);cursor:pointer}.props-panel__reset-btn:hover{color:#f1f5f9;border-color:rgba(255,255,255,.2)}.brand-palette-section{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#06090d;border:1px solid rgba(255,255,255,.06);border-radius:6px}.brand-palette-section__label{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--panel-dark-muted,#94a3b8);letter-spacing:.05em}.brand-palette-swatches{display:flex;flex-wrap:wrap;gap:6px}.palette-swatch{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:11px;color:#cbd5e1;cursor:pointer;transition:all .12s ease}.palette-swatch:hover{border-color:rgba(255,255,255,.2);color:#f1f5f9}.palette-swatch.is-active{border-color:#38bdf8;background:rgba(56,189,248,.1);color:#38bdf8;font-weight:600}.palette-swatch__dot{width:8px;height:8px;border-radius:50%}.props-controls-list{display:flex;flex-direction:column;gap:12px;max-height:480px;overflow-y:auto;padding-right:4px}.props-controls-list::-webkit-scrollbar{width:4px}.props-controls-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:2px}.workbench-tabs-section{display:flex;flex-direction:column;gap:16px;background:var(--panel-dark,#0b0f14);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:20px}.studio-tabs-bar{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px;flex-wrap:wrap}.studio-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:4px;background:transparent;border:1px solid transparent;font-size:13px;font-weight:500;color:var(--muted,#94a3b8);cursor:pointer;transition:all .12s ease}.studio-tab:hover{color:#f1f5f9;background:rgba(255,255,255,.04)}.studio-tab.is-active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#f1f5f9;font-weight:600}.tab-pane{display:flex;flex-direction:column;gap:16px}.tab-pane__header h3{font-size:15px;font-weight:700;color:#f1f5f9;margin:0 0 4px}.tab-pane__header p{font-size:13px;color:var(--muted,#94a3b8);margin:0}.api-table-wrapper{overflow-x:auto;border:1px solid rgba(255,255,255,.08);border-radius:6px}.api-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.api-table th{background:#06090d;padding:10px 14px;font-family:var(--mono);font-size:11px;color:var(--panel-dark-muted,#94a3b8);border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.05em}.api-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.04);color:#cbd5e1}.api-table tr:last-child td{border-bottom:none}.api-table code{font-family:var(--mono);color:#38bdf8;background:rgba(56,189,248,.08);padding:2px 6px;border-radius:3px;font-size:12px}.api-type-badge{color:#a855f7}.api-default,.api-type-badge{font-family:var(--mono);font-size:11px}.api-default{color:#94a3b8}.motion-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.motion-spec-card{padding:14px;background:#06090d;border:1px solid rgba(255,255,255,.08);border-radius:6px}.motion-spec-card__label{font-family:var(--mono);font-size:10px;font-weight:700;color:#38bdf8;letter-spacing:.06em}.motion-spec-card__val{font-size:16px;font-weight:700;color:#f1f5f9;margin:6px 0 4px}.motion-spec-card__desc{font-size:12px;color:var(--muted,#94a3b8);margin:0}.choreography-beats-card{padding:16px;background:#06090d;border:1px solid rgba(255,255,255,.08);border-radius:6px}.choreography-beats-card h4{font-size:14px;font-weight:700;color:#f1f5f9;margin:0 0 12px}.choreography-list{display:flex;flex-direction:column;gap:10px;margin:0;padding-left:20px}.choreography-list li{font-size:13px;color:#cbd5e1}.choreography-list b{display:block;color:#f1f5f9;margin-bottom:2px}.choreography-list span{color:var(--muted,#94a3b8)}.related-components-section{display:flex;flex-direction:column;gap:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.related-components-section__header{display:flex;align-items:flex-end;justify-content:space-between}.related-components-section__header h2{font-size:20px;font-weight:700;color:#f1f5f9;margin:4px 0 0}.related-components-section__view-all{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#38bdf8;text-decoration:none;font-weight:600}.related-components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.related-card{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--panel-dark,#0b0f14);border:1px solid rgba(255,255,255,.08);border-radius:6px;text-decoration:none;transition:all .14s ease}.related-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2);box-shadow:0 8px 24px -4px rgba(0,0,0,.6)}.related-card__media{position:relative;width:100%;aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:#06090d}.related-card__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.related-card__stamp{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);color:#f1f5f9;font-family:var(--mono);font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;border:1px solid rgba(255,255,255,.1)}.related-card__category{font-family:var(--mono);font-size:10px;font-weight:700;color:#38bdf8;text-transform:uppercase;letter-spacing:.05em}.related-card__title{font-size:14px;font-weight:700;color:#f1f5f9;margin:0}.related-card__summary{font-size:12px;color:var(--muted,#94a3b8);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}