.rr-hover{max-width:20rem;padding:8px 10px}.rr-hover-name{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--ink-strong);align-items:center;gap:8px;display:flex}.rr-hover-kind{font-family:var(--font-sans);font-size:var(--text-micro);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.rr-hover-tldr{font-size:var(--text-body-sm);color:var(--ink-body);margin-top:4px;line-height:1.45}.rr-hover-cta{font-size:var(--text-micro);color:var(--primary-ink);margin-top:6px}.rr-completion-info{font-size:var(--text-body-sm);color:var(--ink-body);align-items:center;gap:8px;display:flex}.rr-swatch{width:14px;height:14px;box-shadow:inset 0 0 0 1px rgb(var(--shadow-color) / .12);border-radius:4px;flex:none}.rr-band{transition:background-color var(--duration-slow) var(--ease-out), border-color var(--duration-slow) var(--ease-out)}.rr-check-mark{--draw:24;stroke-dasharray:var(--draw);stroke-dashoffset:var(--draw);animation:rr-draw var(--duration-slower) var(--ease-out) forwards;animation-delay:80ms}@keyframes rr-draw{to{stroke-dashoffset:0}}.rr-pop{animation:rr-pop var(--duration-slower) var(--ease-spring) both}@keyframes rr-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.rr-shake{animation:rr-shake .36s var(--ease-out)}@keyframes rr-shake{10%,90%{transform:translateX(calc(var(--travel-xs) * -1))}20%,80%{transform:translateX(var(--travel-sm))}30%,50%,70%{transform:translateX(calc(var(--travel-sm) * -1.5))}40%,60%{transform:translateX(calc(var(--travel-sm) * 1.5))}}.rr-step-enter{animation:rr-rise var(--duration-slow) var(--ease-out) both}@keyframes rr-rise{0%{opacity:0;transform:translateY(var(--travel-sm));filter:blur(2px)}to{opacity:1;filter:none;transform:none}}.rr-panel-enter{animation:rr-panel var(--duration-slow) var(--ease-out) both}@keyframes rr-panel{0%{opacity:0;transform:translateX(var(--travel-lg));filter:blur(2px)}to{opacity:1;filter:none;transform:none}}.rr-pill{transition:transform var(--duration-base) var(--ease-out)}.rr-stagger>*{animation:rr-rise var(--duration-slower) var(--ease-out) both}.rr-stagger>:first-child{animation-delay:0s}.rr-stagger>:nth-child(2){animation-delay:calc(var(--stagger) * 2)}.rr-stagger>:nth-child(3){animation-delay:calc(var(--stagger) * 4)}.rr-stagger>:nth-child(4){animation-delay:calc(var(--stagger) * 6)}.rr-stagger>:nth-child(5){animation-delay:calc(var(--stagger) * 8)}.rr-frame{transition:height var(--duration-base) var(--ease-out)}@media (prefers-reduced-motion:reduce){.rr-check-mark,.rr-pop,.rr-shake,.rr-step-enter,.rr-panel-enter,.rr-stagger>*{opacity:1;filter:none;stroke-dashoffset:0;transform:none;animation:none!important}}
.studio-app{min-height:100svh;color:var(--ink-strong);font-size:var(--text-body);line-height:var(--text-body--line-height);background:var(--card)}.studio-app button:not([data-slot]),.studio-app input:not([data-slot]),.studio-app select:not([data-slot]){font:inherit}.studio-app button{cursor:pointer}.studio-app button:disabled{cursor:not-allowed;color:var(--ink-muted)}.studio-app :is(button,input,select,summary,a):focus-visible,.studio-word-popover :is(button,input,summary,select):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.studio-app [hidden]{display:none!important}.studio-main{background:var(--card);min-width:0;min-height:100svh;margin-left:224px}.studio-content{max-width:1080px;margin:auto;padding:40px 48px 24px}.studio-page-bar{border-bottom:1px solid var(--border);min-height:52px;color:var(--ink-body);font-size:var(--text-body-sm);justify-content:space-between;align-items:center;gap:16px;padding:10px 28px;display:flex}.studio-page-bar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-bar-divider{color:var(--ink-muted);margin:0 10px}.studio-terms-link{font-size:var(--text-caption);flex-shrink:0;gap:6px}.studio-page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.studio-page-heading p{max-width:64ch;font-size:var(--text-body);color:var(--ink-muted);margin-top:10px;line-height:1.6}.studio-page-meta{color:var(--ink-muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:7px}.studio-search-field{width:min(100%,360px);margin-bottom:28px;position:relative}.studio-search-field>svg{color:var(--ink-muted);pointer-events:none;position:absolute;top:11px;left:11px}.studio-search-input{background:var(--card);height:36px;font-size:var(--text-body-sm);box-shadow:none;padding-left:34px}.studio-list-section{margin-bottom:32px}.studio-list-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;padding:0 12px 10px;display:flex}.studio-list-heading h2{font-size:var(--text-label);color:var(--ink-body);font-weight:500}.studio-list-heading>span{font-size:var(--text-caption);color:var(--ink-muted)}.studio-resource-list{flex-direction:column;display:flex}.studio-resource-list .studio-resource-row{border-radius:var(--radius-md);white-space:normal;align-items:flex-start;gap:16px;padding:18px 12px;display:flex}.studio-resource-icon{color:var(--ink-muted);flex-shrink:0;padding-top:3px}.studio-resource-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.studio-resource-title{color:var(--ink-strong);font-size:var(--text-body);font-weight:400}.studio-resource-description{color:var(--ink-body);font-size:var(--text-body-sm);max-width:70ch;line-height:1.6}.studio-resource-meta{color:var(--ink-muted);font-size:var(--text-caption);margin-top:3px}.studio-row-arrow{color:var(--ink-muted);flex-shrink:0;margin-top:3px}.studio-article-heading{margin:28px 0 32px}.studio-challenge-card{border-radius:var(--radius-lg);box-shadow:none}.studio-brand .studio-brand-caption{color:var(--ink-muted);font-size:var(--text-micro);grid-column:2;font-weight:400}.studio-nav-group{color:var(--ink-muted);font-size:var(--text-caption);margin:16px 8px 6px}.studio-nav-group:first-child{margin-top:0}.studio-app[data-context=true] .studio-nav-group{background:var(--border);height:1px;margin:10px 8px;font-size:0}.studio-app[data-context=true] .studio-nav-group:first-child{display:none}.studio-module-row[data-current=true] .studio-module-number{color:var(--primary-ink);background:var(--primary-subtle)}.studio-module-rows .studio-module-number{background:var(--muted);border-radius:var(--radius-md);width:32px;height:32px;font-size:var(--text-caption);place-items:center;display:grid}@media (max-width:900px){.studio-page-heading{flex-wrap:wrap;gap:8px}.studio-page-meta{padding-top:0}}@media (max-width:700px){.studio-main:not(.is-workspace){padding-top:0}.studio-page-bar{min-height:56px;padding:10px 16px 10px 64px}.studio-search-input{font-size:var(--text-body-lg)}.studio-page-heading{margin:16px 0 24px}.studio-list-heading{padding-inline:4px}.studio-resource-list .studio-resource-row{gap:12px;padding-inline:4px}.studio-module-description,.studio-terms-link span{display:none}.studio-resource-description{font-size:var(--text-body-sm)}}.studio-section-heading{justify-content:space-between;align-items:center;gap:24px;margin:24px 0;display:flex}.studio-section-heading h2{font-size:var(--text-h3);letter-spacing:-.5px;font-weight:500}.studio-section-heading p{color:var(--ink-muted);font-size:var(--text-caption);margin-top:4px}.studio-section-heading>span{font-size:var(--text-micro);color:var(--ink-muted)}.studio-section-heading.large{margin:60px 0 32px}.studio-section-heading h1{letter-spacing:-1.4px;font-size:clamp(28px,3vw,38px);font-weight:400}.studio-section-heading.large p{font-size:var(--text-body);max-width:650px}.studio-page-footer{border-top:1px solid var(--border);font-size:var(--text-caption);color:var(--ink-muted);margin:48px 0 8px;padding-top:20px}.studio-approach{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:16px 0 24px;display:flex}.studio-approach h2{font-size:var(--text-body);color:var(--ink-strong);font-weight:500}.studio-approach p{font-size:var(--text-caption);color:var(--ink-muted);max-width:370px;margin-top:5px}.studio-segment{border:1px solid var(--border);background:var(--muted);border-radius:var(--radius-lg);flex-shrink:0;align-items:center;padding:3px;display:flex}.studio-segment button{border-radius:var(--radius-sm);font-size:var(--text-caption);color:var(--ink-muted);white-space:nowrap;min-height:30px;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;gap:6px;padding:5px 11px;display:flex}.studio-segment button[aria-pressed=true]{background:var(--card);color:var(--ink-strong);box-shadow:var(--shadow-hairline)}.studio-segment button:hover{color:var(--ink-strong)}.studio-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.studio-recipe{text-align:left;border:1px solid var(--border);background:var(--card);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out);padding:8px 8px 18px;overflow:hidden}.studio-recipe:hover{border-color:var(--border-strong)}.studio-recipe-picture{border-radius:var(--radius-lg);background:radial-gradient(at 30% 20%, var(--card), var(--violet-subtle));place-items:center;height:150px;display:grid;overflow:hidden}.recipe-atom{border-radius:var(--radius-lg);color:var(--violet-ink);border:1px solid var(--violet-border);background:var(--card);box-shadow:var(--shadow-raised);font-size:var(--text-caption);padding:9px 16px;transform:rotate(-5deg)}.studio-recipe-meta{color:var(--ink-muted);font-size:var(--text-micro);justify-content:space-between;align-items:center;padding:16px 12px 5px;display:flex}.studio-recipe strong{font-weight:500;font-size:var(--text-body);margin:0 12px;display:block}.studio-recipe p{font-size:var(--text-micro);color:var(--ink-muted);margin:5px 12px 0}.recipe-mini-page{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);width:120px;height:112px;box-shadow:var(--shadow-raised);padding:18px;transform:rotate(-6deg)translateY(20px)}.recipe-mini-page i,.recipe-mini-page b,.recipe-mini-page span{background:var(--muted);border-radius:var(--radius-xs);height:6px;margin:8px 0;display:block}.recipe-mini-page i{background:var(--violet-border);width:50%;height:10px}.recipe-mini-page span{background:var(--primary-subtle);width:40%;height:15px}.studio-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.studio-saved-grid a{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:16px;display:flex;text-decoration:none!important}.studio-saved-grid a>svg{color:var(--violet-ink)}.studio-saved-grid a>svg:last-child{margin-left:auto}.studio-saved-grid strong{font-weight:500;font-size:var(--text-body-sm)}.studio-saved-grid small{font-size:var(--text-micro);color:var(--ink-muted);display:block}.studio-glossary{border-top:1px solid var(--border)}.studio-glossary-item{border-bottom:1px solid var(--border)}.studio-glossary-item h2{margin:0}.studio-glossary .studio-term-trigger{text-align:left;white-space:normal;border-radius:var(--radius-md);gap:16px;width:100%;height:auto;padding:16px 12px;font-weight:400;display:flex}.studio-term-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.studio-term-copy code{font-family:var(--font-mono);font-size:var(--text-body);color:var(--ink-strong)}.studio-term-copy>span{font-size:var(--text-body-sm);color:var(--ink-body);line-height:1.6}.studio-term-kind{font-size:var(--text-caption);color:var(--ink-muted);flex-shrink:0}.studio-term-trigger>svg{color:var(--ink-muted);flex-shrink:0}.studio-term-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.studio-glossary-detail{max-width:75ch;color:var(--ink-body);font-size:var(--text-body);padding:4px 12px 20px;line-height:1.7}.studio-glossary-detail p+p{margin-top:16px}.studio-glossary-detail strong{font-weight:500}.studio-glossary-next{border-bottom:1px solid var(--border);color:var(--ink-body);align-items:center;gap:12px;padding:20px;display:flex}.studio-glossary-next a{gap:8px;margin-left:auto;display:flex}.studio-empty{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-2xl);padding:64px 24px}.studio-empty>svg{color:var(--violet-ink);margin:0 auto 20px}.studio-empty h2{font-size:var(--text-h2);letter-spacing:-.6px}.studio-empty p{color:var(--ink-muted);margin:12px 0 20px}.studio-empty a{align-items:center;gap:10px;display:inline-flex}.studio-review-list article{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:24px;display:flex}.studio-review-list h2{font-size:var(--text-body-lg);font-weight:500}.studio-review-list p{color:var(--ink-body);font-size:var(--text-caption);max-width:600px;margin:6px 0}.studio-review-list small{color:var(--ink-muted);font-size:var(--text-micro)}.studio-review-list a{white-space:nowrap;font-size:var(--text-caption);align-items:center;gap:8px;margin-left:auto;display:flex}.studio-review-icon{color:var(--violet-ink);border-radius:var(--radius-xl);background:var(--violet-subtle);padding:12px}.studio-loading{min-height:70svh;color:var(--ink-muted);place-items:center;display:grid}.studio-notice{background:var(--warning-subtle);color:var(--warning-ink);border-bottom:1px solid var(--warning-border);gap:12px;padding:12px 24px;display:flex}.studio-notice button{margin-left:auto}.studio-mobile-menu{display:none}@media (max-width:1200px){.studio-sidebar{width:202px;padding-inline:10px}.studio-main{margin-left:202px}.studio-content{padding-inline:30px}}@media (max-width:980px){.studio-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-approach{flex-direction:column;align-items:flex-start}}@media (max-width:700px){.studio-main{margin-left:0;padding-top:56px}.studio-mobile-menu{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:38px;height:38px;z-index:var(--z-overlay);place-items:center;display:grid;position:fixed;top:10px;left:14px}.studio-sidebar{width:min(280px,90vw);box-shadow:var(--shadow-floating);padding-top:64px;display:none}.studio-sidebar[data-open=true]{z-index:var(--z-overlay);display:flex}.studio-content{padding:16px 20px}.studio-recipe-grid,.studio-saved-grid{grid-template-columns:minmax(0,1fr)}.studio-section-heading{align-items:flex-start}.studio-section-heading>span{font-size:var(--text-micro);flex-shrink:0}.studio-section-heading.large{margin-top:24px}.studio-review-list article{flex-wrap:wrap;padding:22px 0}.studio-review-list a{margin:0}.studio-glossary-next{flex-wrap:wrap}.studio-glossary-next a{margin:0}.studio-app :is(button:not([role=radio]):not([role=switch]),a,select){min-height:44px}.studio-app .studio-mobile-menu{min-width:44px}.studio-app input[type=range]{min-height:32px}.studio-mobile-menu{z-index:var(--z-toast)}}.studio-path-continue{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:16px;margin-bottom:32px;padding:20px;display:flex}.studio-path-flower{border-radius:var(--radius-md);width:40px;height:40px;color:var(--primary-ink);background:var(--primary-subtle);flex-shrink:0;place-items:center;display:grid}.studio-path-continue>div{min-width:0}.studio-path-continue>div>span{font-size:var(--text-caption);color:var(--ink-muted)}.studio-path-continue h2{font-size:var(--text-body-lg);font-weight:500;line-height:var(--text-body-lg--line-height);margin-top:4px}.studio-path-continue p{font-size:var(--text-caption);color:var(--ink-body);margin-top:3px}.studio-path-cta{flex-shrink:0;margin-left:auto}.studio-app{--studio-nav-width:208px}.studio-app[data-context=true]{--studio-nav-width:64px}.studio-app[data-outline=true]{--studio-nav-width:304px}.studio-app .studio-main{margin-left:var(--studio-nav-width)}.studio-nav-shell{width:var(--studio-nav-width);z-index:var(--z-sticky);display:flex;position:fixed;inset:0 auto 0 0}.studio-nav-shell .studio-sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:208px;padding:12px 10px;display:flex;position:relative;inset:auto;overflow-y:auto}.studio-nav-shell .studio-brand{font-size:var(--text-body);color:var(--ink-strong);flex-shrink:0;grid-template-columns:20px minmax(0,1fr);gap:2px 8px;margin:0 0 20px;padding:8px;display:grid}.studio-nav-shell .studio-brand svg{grid-row:1/3;align-self:center;width:18px;height:18px}.studio-primary-nav,.studio-nav-utilities{flex-direction:column;gap:2px;display:flex}.studio-nav-utilities{margin-top:auto;padding-top:36px}.studio-nav-shell .studio-destination{min-height:34px;font-size:var(--text-body-sm);border-radius:var(--radius-md);gap:10px;padding:7px 8px;font-weight:400}.studio-nav-shell .studio-destination svg{flex-shrink:0;width:16px;height:16px}.studio-app[data-context=true] .studio-sidebar{align-items:center;width:64px;padding-inline:8px}.studio-app[data-context=true] .studio-nav-text{display:none}.studio-app[data-context=true] .studio-destination{justify-content:center;width:40px;padding-inline:0}.studio-app[data-context=true] .studio-brand{min-height:40px;margin-bottom:12px;padding:8px;display:flex}.studio-subsidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;width:240px;min-width:0;display:flex}.studio-subsidebar-heading{justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:12px 12px 12px 16px;display:flex}.studio-subsidebar-heading h2{min-width:0}.studio-subsidebar-scroll{scrollbar-width:thin;flex:1;min-height:0;padding:0 12px 24px;overflow-y:auto}.studio-local-nav{flex-direction:column;gap:4px;display:flex}.studio-subsidebar a{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);white-space:normal;border-radius:var(--radius-md);align-items:flex-start;gap:8px;padding:8px;display:flex}.studio-subsidebar a>svg{flex-shrink:0;margin-top:3px}.studio-outline-back{margin-bottom:16px}.studio-nav-caption{font-size:var(--text-caption);color:var(--ink-muted);margin:20px 8px 8px}.studio-step-number{width:18px;min-height:20px;font:var(--text-code-sm) var(--font-mono);flex-shrink:0;place-items:center;display:grid}.studio-outline-locked{color:var(--ink-muted);font-size:var(--text-body-sm);align-items:flex-start;gap:10px;padding:10px 8px;display:flex}.studio-outline-locked>svg{flex-shrink:0;margin-top:4px;margin-left:auto}.studio-module-rows{flex-direction:column;display:flex}.studio-module-rows .studio-module-row{border-radius:var(--radius-md);align-items:center;gap:16px;width:100%;padding:16px 12px;display:flex}.studio-module-number{width:24px;color:var(--ink-body);font:var(--text-code) var(--font-mono);flex-shrink:0}.studio-module-meta{font-size:var(--text-caption);color:var(--ink-muted);flex-shrink:0;align-items:center;gap:12px;display:flex}.studio-settings-dialog{border:1px solid var(--border);width:min(760px,100vw - 32px);max-width:none;height:min(520px,100svh - 48px);max-height:calc(100svh - 48px);box-shadow:var(--shadow-floating);grid-template-columns:172px minmax(0,1fr);gap:0;padding:0;display:grid;overflow:hidden}.studio-settings-rail{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;gap:20px;padding:26px 12px 18px;display:flex}.studio-settings-rail>span{padding-inline:10px}.studio-settings-rail nav{flex-direction:column;gap:4px;display:flex}.studio-settings-saved{margin-top:auto}.studio-settings-body{min-width:0;padding:28px 32px 20px;overflow-y:auto}.studio-settings-section-title{font-size:var(--text-body-sm);border-bottom:1px solid var(--border);padding-bottom:10px;font-weight:500}.studio-setting-row{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.studio-setting-row p{color:var(--ink-muted);font-size:var(--text-caption);margin-top:4px}.studio-setting-row [data-slot=native-select-wrapper]{flex-shrink:0}.studio-code-stepper{border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;align-items:center;padding:2px;display:flex}.studio-code-stepper output{text-align:center;min-width:46px;font:var(--text-code-sm) var(--font-mono);color:var(--ink-body)}.studio-settings-code{border-radius:var(--radius-md);background:var(--code-background);color:var(--syntax-plain);font-family:var(--font-mono);margin-top:16px;padding:12px;overflow-x:auto}.studio-settings-code>span{color:var(--syntax-keyword)}.studio-settings-dialog [hidden]{display:none}@media (max-width:600px){.studio-settings-dialog{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:calc(100vw - 24px);height:min(640px,100svh - 24px);max-height:calc(100svh - 24px)}.studio-settings-rail{border-right:0;border-bottom:1px solid var(--border);gap:14px;padding:16px 12px 12px}.studio-settings-rail nav{flex-flow:wrap;gap:4px}.studio-settings-rail nav button{font-size:var(--text-caption);padding-inline:8px}.studio-settings-rail nav svg,.studio-settings-saved{display:none}.studio-settings-body{padding:22px 20px}.studio-setting-row{flex-wrap:wrap;gap:12px}}@media (prefers-reduced-motion:reduce){.studio-settings-dialog,[data-slot=dialog-overlay]{transition:none;animation:none}}.studio-app [data-slot=code-block] pre{font-size:var(--studio-code-size)}html[data-studio-motion=reduced] *,html[data-studio-motion=reduced] :before,html[data-studio-motion=reduced] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.studio-quiz-option{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);align-items:center;gap:14px;padding:20px;display:flex}.studio-quiz-option:hover{background:var(--muted-hover)}.studio-quiz-option[data-selected=true]{background:var(--primary-subtle);border-color:var(--primary-border);color:var(--primary-ink)}.studio-quiz-option:has(:focus-visible){outline:2px solid var(--ring);outline-offset:3px}.studio-quiz-feedback{animation:studio-feedback var(--duration-base) var(--ease-out)}.studio-reading-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);overflow:auto}.studio-reading-preview iframe{border:0;width:100%;display:block}@media (max-width:1100px){.studio-app[data-outline=true]{--studio-nav-width:284px}.studio-subsidebar{width:220px}}@media (max-width:700px){.studio-app .studio-main{margin-left:0}.studio-nav-shell{width:min(304px,96vw);box-shadow:var(--shadow-floating);visibility:hidden;transition:transform var(--duration-base) var(--ease-out), visibility var(--duration-base);transform:translate(-100%)}.studio-nav-shell[data-open=true]{visibility:visible;transform:translate(0)}.studio-nav-shell .studio-sidebar{box-shadow:none;visibility:hidden;width:208px;padding-top:64px;transform:none}.studio-nav-shell[data-open=true] .studio-sidebar{visibility:visible}.studio-subsidebar{width:calc(min(304px,96vw) - 64px);padding-top:42px}.studio-subsidebar-heading{padding:16px 12px}.studio-subsidebar-scroll{padding-inline:8px}.studio-nav-shell .studio-brand{margin-bottom:20px}.studio-quiz-option{gap:10px;padding:16px}}@media (prefers-reduced-motion:reduce){.studio-nav-shell,.studio-quiz-option{transition:none}.studio-quiz-feedback{animation:none}}.studio-nav-shell .studio-primary-nav svg{width:16px;height:16px}@keyframes studio-feedback{0%{transform:translateY(var(--travel-sm))}to{transform:translateY(0)}}@media (max-width:700px){.studio-setting-row{flex-wrap:wrap;gap:12px}.studio-setting-row>div:first-child{flex:200px}.studio-module-rows .studio-module-row{flex-wrap:wrap;gap:12px;padding:16px 8px}.studio-module-meta{margin-left:36px}.studio-path-continue{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid}.studio-path-flower{width:32px;height:32px}.studio-path-cta{grid-column:2;justify-self:start;margin-left:0}.studio-app[data-outline=false] .studio-sidebar{align-items:stretch;width:100%}.studio-app[data-outline=false] .studio-nav-text{display:block}.studio-app[data-outline=false] .studio-destination{justify-content:flex-start;width:100%;padding:8px}.studio-app[data-outline=false] .studio-brand{grid-template-columns:20px minmax(0,1fr);gap:2px 8px;display:grid}.studio-app[data-outline=false] .studio-nav-group{height:auto;font-size:var(--text-caption);background:0 0;margin:16px 8px 6px}.studio-app[data-outline=false] .studio-nav-group:first-child{margin-top:0;display:block}}
:root{--panel-open-dur:var(--duration-slow);--panel-close-dur:var(--duration-base);--panel-translate-y:var(--travel-md);--panel-blur:2px;--panel-ease:var(--ease-out);--dropdown-open-dur:var(--duration-slow);--dropdown-close-dur:var(--duration-base);--dropdown-pre-scale:.97;--dropdown-closing-scale:.99;--dropdown-ease:var(--ease-out)}.studio-workspace{background:var(--card);flex-direction:column;height:100svh;min-height:0;display:flex}.studio-wb-header{border-bottom:1px solid var(--border);background:var(--card);flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-height:52px;padding:0 12px 0 8px;display:grid}.studio-wb-lead{align-items:center;gap:6px;min-width:0;display:flex}.studio-wb-title{align-items:baseline;gap:8px;min-width:0;display:flex}.studio-wb-title h1{font-size:var(--text-body);color:var(--ink-strong);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.studio-wb-title span{font-size:var(--text-caption);color:var(--ink-muted);white-space:nowrap}.studio-wb-progress{align-items:center;gap:4px;display:flex}.studio-wb-progress>span:not(.studio-wb-progress-label){background:var(--border);width:28px;height:4px;transition:background-color var(--duration-base) var(--ease-out);border-radius:999px}.studio-wb-progress>span[data-state=done]{background:var(--success)}.studio-wb-progress>span[data-state=current]{background:var(--primary)}.studio-wb-progress-label{font-size:var(--text-caption);color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-left:8px}.studio-wb-tools{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.studio-wb-mobile{display:none}.studio-wb-menu{flex-direction:column;gap:2px;width:300px;display:flex}.studio-wb-menu-title{font-size:var(--text-caption);color:var(--ink-muted);margin-bottom:4px}.studio-wb-menu>button{justify-content:flex-start;width:100%}.studio-wb-menu>p{font-size:var(--text-caption);color:var(--ink-muted);margin-top:8px;line-height:1.6}.studio-system-toggle{border-top:1px solid var(--border);font-size:var(--text-body-sm);color:var(--ink-body);align-items:flex-start;gap:8px;margin-top:6px;padding:8px;display:flex}.studio-system-toggle input{accent-color:var(--primary);margin-top:3px}.studio-system-toggle small{font-size:var(--text-caption);color:var(--ink-muted);margin-top:2px;display:block}.studio-segmented{border:1px solid var(--border);background:var(--muted);border-radius:var(--radius-lg);isolation:isolate;align-items:center;gap:2px;padding:3px;display:inline-flex;position:relative}.studio-segmented-pill{z-index:0;border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-hairline);position:absolute;top:3px;bottom:3px;left:0}.studio-segmented-pill[data-ready=true]{transition:transform var(--duration-fast) var(--ease-out), width var(--duration-fast) var(--ease-out)}.studio-segmented button{z-index:1;border-radius:var(--radius-md);min-height:30px;font-size:var(--text-caption);color:var(--ink-body);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:relative}.studio-segmented[data-size=sm] button{min-height:28px;padding:0 10px}.studio-segmented button[aria-checked=true],.studio-segmented button:hover{color:var(--ink-strong)}.studio-segmented button svg{width:14px;height:14px}.studio-wb-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid;position:relative}.studio-wb-body[data-mode=code],.studio-wb-body[data-mode=canvas]{grid-template-columns:minmax(0,1fr)}.studio-wb-editor,.studio-wb-preview{background:var(--card);flex-direction:column;min-width:0;min-height:0;display:flex}.studio-wb-editor{border-right:1px solid var(--border)}.studio-wb-body[data-mode=code] .studio-wb-editor{border-right:0}.studio-wb-bar{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:0 8px 0 10px;display:flex}.studio-wb-tabs{gap:2px;display:flex}.studio-wb-tabs button{border-radius:var(--radius-md);min-height:30px;font-size:var(--text-caption);color:var(--ink-muted);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.studio-wb-tabs button:hover{color:var(--ink-strong)}.studio-wb-tabs button[aria-selected=true]{color:var(--ink-strong);background:var(--muted)}.studio-wb-tabs button>span{font:var(--text-code-sm) var(--font-mono);color:var(--primary-ink)}.studio-wb-tools-inline{align-items:center;gap:2px;display:flex}.studio-wb-tools-inline>button,.studio-wb-zoom>button{border-radius:var(--radius-md);width:32px;height:32px;color:var(--ink-muted);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);place-items:center;display:grid}.studio-wb-tools-inline>button:hover,.studio-wb-zoom>button:hover{background:var(--muted);color:var(--ink-strong)}.studio-wb-tools-inline>button[aria-pressed=true]{background:var(--selected);color:var(--selected-foreground)}.studio-wb-tools-inline svg,.studio-wb-zoom svg{width:16px;height:16px}.studio-wb-scroll{flex:1;min-height:0;display:flex;overflow:auto}.studio-wb-scroll>div{flex:1;min-width:0;display:flex}.studio-wb-target{display:block}.studio-code-editor{flex:1;min-width:0}.studio-code-editor .cm-editor{min-height:100%}.studio-code-editor .cm-scroller{overflow:auto}.studio-code-editor .cm-content{padding-top:16px}.studio-code-editor .cm-line{padding-left:8px;padding-right:12px}.studio-code-editor .cm-gutters{font-size:var(--text-code-sm)}.studio-wb-foot{border-top:1px solid var(--border);min-height:36px;font-size:var(--text-caption);color:var(--ink-muted);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 6px 0 12px;display:flex}.studio-wb-foot>button{color:var(--ink-body);gap:6px}.studio-wb-foot kbd{font:var(--text-code-sm) var(--font-mono)}.studio-wb-zoom{align-items:center;gap:2px;display:flex}.studio-wb-zoom>button:nth-child(2){width:auto;font-size:var(--text-caption);font-variant-numeric:tabular-nums;padding:0 6px}.studio-inline-hint{border-top:1px solid var(--primary-border);background:var(--primary-subtle);color:var(--primary-ink);font-size:var(--text-caption);flex:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.studio-inline-hint code{font:var(--text-code-sm) var(--font-mono)}.studio-inline-hint p{margin-top:4px}.rr-inline-suggestion{color:var(--ink-muted);border-bottom:1px dotted var(--border);font-style:italic}.studio-wb-preview-title{font-size:var(--text-caption);color:var(--ink-body);align-items:center;gap:8px;display:flex}.studio-live-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.studio-live-dot[data-error=true]{background:var(--danger)}.studio-width{font:var(--text-code-sm) var(--font-mono);color:var(--ink-muted);align-items:center;gap:2px;display:flex}.studio-width input{width:52px;height:28px;font-size:var(--text-caption);text-align:right;background:0 0;padding:0 4px}.studio-width input::-webkit-inner-spin-button{appearance:none}.studio-wb-artboard-scroll{background:var(--card);flex:1;min-height:0;position:relative;overflow:auto}.studio-wb-artboard-scroll[data-design=true]{background-color:var(--background);background-image:radial-gradient(var(--border-strong) .6px, transparent .6px);background-size:16px 16px;padding:32px 24px 24px}.studio-canvas-caption{font:var(--text-code-sm) var(--font-mono);color:var(--ink-muted);pointer-events:none;position:absolute;top:8px;left:12px}.studio-artboard-size{margin:0 auto;position:relative}.studio-artboard{background:0 0;border:0;display:block;position:absolute;inset:0}.studio-wb-artboard-scroll[data-design=true] .studio-artboard-size{outline:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-raised)}.studio-wb-error{border-top:1px solid var(--danger-border);background:var(--danger-subtle);color:var(--danger-ink);font-size:var(--text-body-sm);flex:none;padding:12px 16px;line-height:1.5}.studio-wb-error strong{margin-bottom:2px;font-weight:500;display:block}.studio-wb-error small{font:var(--text-code-sm) var(--font-mono);overflow-wrap:anywhere;margin-top:6px;display:block}.studio-selection-box{outline:1px solid var(--ring);pointer-events:none;z-index:var(--z-raised);position:absolute}.studio-selection-box>span{border-radius:var(--radius-xs);background:var(--primary-subtle);color:var(--primary-ink);font:var(--text-code-sm) var(--font-mono);padding:2px 4px;position:absolute;bottom:calc(100% + 3px);left:0}.studio-selection-box .studio-resize-handle{border:1px solid var(--ring);background:var(--card);cursor:ew-resize;pointer-events:auto;touch-action:none;width:12px;min-width:12px;height:12px;min-height:12px;position:absolute;bottom:-6px;right:-6px}.studio-canvas-inspector{border-top:1px solid var(--border);flex:none;grid-template-columns:150px minmax(0,1fr);max-height:320px;display:grid;overflow:auto}.studio-layers{border-right:1px solid var(--border);background:var(--background);padding:10px 0}.studio-layers h2{font-size:var(--text-caption);color:var(--ink-muted);padding:0 12px 8px}.studio-layers>button{text-align:left;width:100%;min-height:32px;font:var(--text-code-sm) var(--font-mono);align-items:center;gap:6px;padding-right:6px;display:flex}.studio-layers>button[aria-pressed=true]{color:var(--selected-foreground);background:var(--selected)}.studio-layers small{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-micro);color:var(--ink-muted);overflow:hidden}.studio-layers .studio-add-layer{color:var(--ink-muted);font-family:var(--font-sans);margin-top:8px;padding:8px 12px}.studio-menu-item{font-size:var(--text-caption);justify-content:space-between;padding:8px 10px;display:flex}.studio-element-properties{min-width:0;padding:12px 14px}.studio-properties-title{font:var(--text-code-sm) var(--font-mono);justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.studio-properties{flex-direction:column;gap:14px;display:flex}.studio-property-field,.studio-range-control{font-size:var(--text-caption);color:var(--ink-body);flex-direction:column;gap:6px;display:flex}.studio-property-field>input,.studio-property-field select,.studio-colour-control>input:not([type=color]){border:1px solid var(--input);background:var(--card);border-radius:var(--radius-sm);width:100%;min-width:0;font:var(--text-code-sm) var(--font-mono);color:var(--ink-strong);padding:6px 8px}.studio-property-field small,.studio-range-control small,.studio-property-note{font-size:var(--text-caption);color:var(--ink-muted);line-height:1.5}.studio-range-control>span{justify-content:space-between;gap:10px;display:flex}.studio-range-control output{font:var(--text-code-sm) var(--font-mono)}.studio-range-control [data-slot=slider]{cursor:ew-resize;width:100%;min-height:24px}.studio-property-field select{padding-right:32px}.studio-colour-control{align-items:center;gap:8px;display:flex}.studio-colour-control input[type=color]{border:1px solid var(--input);border-radius:var(--radius-sm);flex-shrink:0;width:34px;height:32px;padding:2px}.studio-app input[type=range]{min-height:32px}.studio-wb-body[data-mode=canvas] .studio-wb-preview{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) 280px;display:grid}.studio-wb-body[data-mode=canvas] .studio-wb-bar{grid-column:1/-1}.studio-wb-body[data-mode=canvas] .studio-canvas-inspector{border-top:0;border-left:1px solid var(--border);flex-direction:column;grid-area:2/2/span 3;max-height:none;display:flex}.studio-wb-body[data-mode=canvas] .studio-layers{border-right:0;border-bottom:1px solid var(--border)}.studio-target{background:var(--card)}.studio-target-scroll{border-block:1px solid var(--border);overflow:auto}.studio-target iframe{border:0;max-width:none;display:block}.studio-wb-sheet{width:min(400px,100%);z-index:var(--z-raised);background:var(--card);border-left:1px solid var(--border);box-shadow:var(--shadow-floating);position:absolute;top:0;bottom:0;right:0;overflow:auto}.studio-grounded-guide{padding:20px}.studio-grounded-guide>*+*{margin-top:14px}.studio-grounded-guide small{font-size:var(--text-caption);color:var(--ink-muted)}.studio-guide-citation{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.studio-guide-citation summary{cursor:pointer;font-size:var(--text-body-sm);color:var(--ink-body)}.studio-guide-citation summary:hover{color:var(--ink-strong)}.studio-guide-citation summary:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:var(--radius-sm)}.studio-guide-citation pre{font-family:var(--font-mono);overflow-wrap:anywhere}.studio-band{border-top:1px solid var(--border);background:var(--card);transition:background-color var(--duration-slow) var(--ease-out), border-color var(--duration-slow) var(--ease-out);flex:none;justify-content:space-between;align-items:flex-start;gap:24px;padding:14px 24px 16px;display:flex}.studio-band[data-phase=passed]{background:var(--success-subtle);border-color:var(--success-border)}.studio-band[data-phase=branch]{background:var(--warning-subtle);border-color:var(--warning-border)}.studio-band[data-phase=done]{background:var(--primary-subtle);border-color:var(--primary-border)}.studio-band-main{flex:1;min-width:0}.studio-band-eyebrow{font-size:var(--text-caption);color:var(--ink-muted);align-items:center;gap:4px;display:flex}.studio-band-step{color:var(--ink-body)}.studio-band-title{font-size:var(--text-h4);color:var(--ink-strong);margin-top:2px;font-weight:500}.studio-band-instruction{max-width:72ch;font-size:var(--text-body-lg);color:var(--ink-strong);margin-top:4px;line-height:1.5}.studio-band-instruction code,.studio-band-copy code{border-radius:var(--radius-xs);background:var(--muted);color:var(--ink-strong);font:var(--text-code-sm) var(--font-mono);padding:1px 6px}.studio-band[data-phase=passed] .studio-band-instruction{color:var(--success-ink)}.studio-band-check{vertical-align:-3px;width:18px;height:18px;margin-right:6px;display:inline-block}.studio-band-copy,.studio-band-hint{max-width:72ch;font-size:var(--text-body-sm);color:var(--ink-body);margin-top:6px;line-height:1.55}.studio-band-hint>span{color:var(--ink-muted)}.studio-band-hint>code{border-radius:var(--radius-sm);background:var(--code-background);max-height:120px;color:var(--syntax-plain);white-space:pre-wrap;font:var(--text-code-sm) / 1.7 var(--font-mono);margin-top:6px;padding:8px 10px;display:block;overflow:auto}.studio-band-fail{border:1px solid var(--warning-border);border-radius:var(--radius-md);background:var(--warning-subtle);max-width:72ch;color:var(--warning-ink);font-size:var(--text-body-sm);margin-top:8px;padding:6px 10px;display:inline-block}.studio-band-concepts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.studio-chip{border:1px solid var(--border);background:var(--card);min-height:24px;color:var(--ink-body);font:var(--text-code-sm) var(--font-mono);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:999px;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.studio-chip:hover{border-color:var(--primary-border);background:var(--primary-subtle);color:var(--primary-ink)}.studio-chip-count{font-family:var(--font-sans);font-size:var(--text-micro);color:var(--ink-muted)}.studio-band-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;padding-top:2px;display:flex}.studio-word-popover{max-height:min(560px,75svh);overflow-y:auto;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;width:min(360px,100vw - 32px)!important;box-shadow:var(--shadow-floating)!important;padding:0!important;animation:none!important}.studio-word{padding:12px 16px 16px}.studio-word-top{justify-content:space-between;align-items:center;display:flex}.studio-word-kind{font-size:var(--text-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.studio-word-title{margin-top:2px}.studio-word-title code{font:var(--text-code) var(--font-mono);color:var(--ink-strong);overflow-wrap:anywhere}.studio-word-meaning{font-size:var(--text-body-sm);color:var(--ink-body);margin-top:8px;line-height:1.55}.studio-word .studio-range-control,.studio-word .studio-properties{margin-top:12px}.studio-word-facts{gap:10px;margin-top:12px;display:grid}.studio-word-facts dt{font-size:var(--text-caption);color:var(--ink-muted)}.studio-word-facts dd{font-size:var(--text-body-sm);color:var(--ink-body);margin-top:2px;line-height:1.5}.studio-word-foot{font-size:var(--text-caption);color:var(--ink-muted);margin-top:12px}.studio-word-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;display:flex}.t-panel-slide{transform:translateY(var(--panel-translate-y));opacity:0;filter:blur(var(--panel-blur));pointer-events:none;transition:transform var(--panel-close-dur) var(--panel-ease), opacity var(--panel-close-dur) var(--panel-ease), filter var(--panel-close-dur) var(--panel-ease);will-change:transform, opacity, filter}.t-panel-slide[data-open=true]{opacity:1;filter:blur();pointer-events:auto;transition:transform var(--panel-open-dur) var(--panel-ease), opacity var(--panel-open-dur) var(--panel-ease), filter var(--panel-open-dur) var(--panel-ease);transform:translateY(0)}.t-dropdown{transform-origin:0 0;transform:scale(var(--dropdown-pre-scale));opacity:0;pointer-events:none;transition:transform var(--dropdown-open-dur) var(--dropdown-ease), opacity var(--dropdown-open-dur) var(--dropdown-ease);will-change:transform, opacity}.t-dropdown[data-origin=top-right]{transform-origin:100% 0}.t-dropdown[data-origin=bottom-left]{transform-origin:0 100%}.t-dropdown.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.t-dropdown.is-closing{transform:scale(var(--dropdown-closing-scale));opacity:0;pointer-events:none;transition:transform var(--dropdown-close-dur) var(--dropdown-ease), opacity var(--dropdown-close-dur) var(--dropdown-ease)}@media (max-width:1100px){.studio-wb-view .studio-segmented-label,.studio-wb-title span{display:none}}@media (max-width:980px){.studio-wb-body[data-mode=canvas] .studio-wb-preview{display:flex}.studio-wb-body[data-mode=canvas] .studio-canvas-inspector{border-top:1px solid var(--border);border-left:0;grid-template-columns:130px minmax(0,1fr);max-height:320px;display:grid}.studio-wb-body[data-mode=canvas] .studio-layers{border-right:1px solid var(--border);border-bottom:0}}@media (max-width:700px){.studio-main.is-workspace{padding-top:0}.studio-workspace{height:auto;min-height:100svh}.studio-wb-body{min-height:200px}.studio-band{z-index:var(--z-sticky);position:sticky;bottom:0}.studio-wb-header{grid-template-columns:minmax(0,1fr) auto;row-gap:6px;padding:8px 8px 8px 60px}.studio-wb-lead .studio-wb-title span{display:none}.studio-wb-progress{grid-column:1/-1}.studio-wb-tools .studio-wb-view{display:none}.studio-wb-mobile{border-bottom:1px solid var(--border);flex:none;padding:8px 12px;display:flex}.studio-wb-mobile .studio-segmented{width:100%}.studio-wb-mobile .studio-segmented button{flex:1;justify-content:center;min-height:36px}.studio-wb-body,.studio-wb-body[data-mode=code],.studio-wb-body[data-mode=canvas]{grid-template-columns:minmax(0,1fr)}.studio-wb-body[data-mobile=code] .studio-wb-preview,.studio-wb-body[data-mobile=preview] .studio-wb-editor{display:none}.studio-wb-body[data-mode=canvas] .studio-wb-preview{display:flex}.studio-wb-editor{border-right:0}.studio-wb-tools-inline>button,.studio-wb-zoom>button{width:40px;height:40px}.studio-wb-bar{flex-wrap:wrap;padding-block:4px}.studio-wb-tabs button{padding:0 8px}.studio-wb-tabs button>span{display:none}.studio-wb-tools-inline>button{width:36px}.studio-band{padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:12px}.studio-band-actions{justify-content:flex-start;width:100%}.studio-band-actions>:last-child{margin-left:auto}.studio-band-instruction{font-size:var(--text-body)}.studio-wb-sheet{width:100%}}@media (prefers-reduced-motion:reduce){.t-panel-slide,.t-dropdown,.studio-segmented-pill,.studio-band,.studio-wb-progress>span{transition:none!important}}