@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/mona-sans-vietnamese-wght-normal-DsUdksa4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/mona-sans-latin-ext-wght-normal-BqSk0Z3x.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/mona-sans-latin-wght-normal-Pz49MTQZ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/commit-mono-latin-400-normal-wzhe4RuD.woff2)format("woff2"),url(/assets/commit-mono-latin-400-normal-s0S3qwFW.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--studio-ground:#edf3f0;--studio-ink:#0b141a;--studio-ink-soft:#323945;--studio-muted:#5c646d;--studio-rule:#d5dbd8;--studio-yellow:#f7c848;--studio-yellow-deep:#efb925;--studio-teal:#5fb8bf;--studio-red:#e2483d;--studio-paper:#fff;--studio-ease:cubic-bezier(.16, 1, .3, 1);--signal-action:var(--studio-yellow);--signal-resolved:var(--studio-teal);--signal-warning:var(--studio-red);--signal-resolved-wash:#e2f5f6;--signal-resolved-ink:#19585e;--signal-warning-ink:#b3261c;--packet-top:#fff1ad;--packet-left:#f7c948;--packet-right:#dca21a;--route-canary:#f5c131;--font-studio:"Mona Sans Variable", "Mona Sans", ui-sans-serif, system-ui, sans-serif;--font-alkaline:"Alkaline", cursive;--font-mono:"Commit Mono", ui-monospace, monospace;--fs-display:clamp(3rem, 8.9vmin, 6rem);--fs-headline:clamp(2.25rem, 6.4vmin, 4.5rem);--fs-title:clamp(1.5rem, 3.9vmin, 2.75rem);--fs-lead:clamp(1.25rem, 3vmin, 2.125rem);--fs-body:clamp(1.125rem, 2.45vmin, 1.75rem);--fs-label:clamp(.8125rem, 1.6vmin, 1.125rem);--fs-button:clamp(1.0625rem, 2.3vmin, 1.5rem);--fs-prompt:clamp(.95rem, 2vmin, 1.3rem);--fs-wordmark:clamp(1.5rem, 3.3vmin, 2.25rem);--tracking-display:-.04em;--tracking-title:-.035em;--tracking-lead:-.035em;--tracking-body:-.01em;--tracking-label:-.005em;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:clamp(1.75rem, 3.4vmin, 2.5rem);--space-6:clamp(2.25rem, 5vmin, 3.75rem);--slide-pad:clamp(1.5rem, 4.95vw, 6rem);--radius-tag:7px;--radius-control:8px;--radius-button:10px;--radius-card:14px;--radius-pill:999px;--shadow-button:0 1px 2px #0b141a24, 0 10px 26px -12px #a06e008c;--shadow-button-hover:0 2px 4px #0b141a24, 0 16px 30px -14px #a06e0099;--shadow-tag:0 1px 1px #0b141a14, 0 4px 12px -2px #0b141a38;--shadow-card-soft:0 1px 2px #0b141a0f, 0 14px 32px -18px #0b141a47;--shadow-card-deep:0 1px 2px #0b141a14, 0 24px 48px -22px #0b141a66;--shadow-card-stock:inset 0 -2px 0 #0b141a12, inset -1px 0 0 #0b141a0a, 0 1px 2px #0b141a1f, 0 12px 20px -12px #0b141a73;--shadow-model-lift:drop-shadow(0 18px 18px #0b141a14);--glow-route:drop-shadow(0 0 4px #ffc8288c);--glow-packet:drop-shadow(0 0 8px #ffcd3cbf);--glow-warning:drop-shadow(0 0 6px #ff4632b3);--dur-feedback:.16s;--transition-feedback:.16s ease;--ease-settle:linear(0, .2175, .5207, .7361, .8631, .9317, .9668, .9842, .9926, .9966, .9984, .9993, 1);--dur-settle:.4s;--transition-settle:.4s var(--ease-settle);--dur-slide:.5s;--dur-crossfade:.65s;--dur-route-march:2.4s;--dur-packet:3.2s;--studio-tilt-stiffness:80;--studio-tilt-damping:18;--z-slide:1;--z-chrome:10}@font-face{font-family:Alkaline;src:url(/assets/Alkaline-Demi-CUPJG0Zb.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;hanging-punctuation:first last;scrollbar-color:var(--studio-ink) var(--studio-ground);font-size:100%}html,body,#root{height:100%}body{font-family:var(--font-studio);font-weight:400;font-size:var(--fs-body);letter-spacing:var(--tracking-body);color:var(--studio-ink);background:var(--studio-ground);caret-color:var(--studio-ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;line-height:1.5;overflow:hidden}::selection{background:var(--studio-yellow);color:var(--studio-ink)}img,svg,video{max-width:100%;display:block}button{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1.5px}:focus-visible{outline:3px solid var(--studio-ink);outline-offset:4px;border-radius:4px}h1,h2,h3{letter-spacing:var(--tracking-title);text-wrap:balance;font-weight:700;line-height:1.04}p{text-wrap:pretty}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wordmark{font-family:var(--font-alkaline);font-weight:600;font-size:var(--fs-wordmark);letter-spacing:normal;color:var(--studio-ink);white-space:nowrap;padding-right:.13em;line-height:1.15;display:inline-block}.deck{--footer-h:clamp(3.1rem, 7vmin, 4.6rem);--surface:var(--studio-ground);isolation:isolate;background:var(--surface);color:var(--studio-ink);transition:background-color var(--dur-slide) var(--studio-ease);position:fixed;inset:0;overflow:hidden}.deck[data-surface=paper]{--surface:var(--studio-paper)}.deck__stage{z-index:var(--z-slide);position:absolute;inset:0}.slide-stage{will-change:transform, opacity;display:flex;position:absolute;inset:0}.deck__zone{top:0;bottom:var(--footer-h);width:var(--slide-pad);z-index:2;cursor:pointer;background:0 0;display:none;position:absolute}.deck__zone--prev{left:0}.deck__zone--next{right:0}@media (hover:hover) and (pointer:fine){.deck__zone{display:block}}.footer{height:var(--footer-h);z-index:var(--z-chrome);pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.footer__track{background:color-mix(in oklab, var(--studio-ink) 10%, transparent);height:2px;position:absolute;top:0;left:0;right:0}.footer__fill{transform-origin:0;background:var(--studio-ink);height:100%;transition:transform var(--dur-slide) var(--studio-ease)}.footer__row{pointer-events:auto;justify-content:space-between;align-items:center;gap:var(--space-3);padding-inline:var(--slide-pad);display:flex}.footer__lead{align-items:center;gap:clamp(.9rem,2.2vmin,1.6rem);min-width:0;display:inline-flex}.footer__wordmark{font-size:var(--fs-wordmark)}.footer__where{border-left:1px solid var(--studio-rule);align-items:center;gap:.6em;min-width:0;padding-left:clamp(.9rem,2.2vmin,1.6rem);display:inline-flex}.footer__block{font-size:var(--fs-label);letter-spacing:var(--tracking-label);border-radius:var(--radius-tag);background:var(--studio-paper);color:var(--studio-ink);box-shadow:var(--shadow-tag);white-space:nowrap;padding:.22em .62em .26em;font-weight:600;line-height:1.25}.footer__chapter{font-size:var(--fs-label);letter-spacing:var(--tracking-label);color:var(--studio-muted);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.footer__controls{align-items:center;gap:var(--space-2);display:flex}.footer__btn{border-radius:var(--radius-control);width:2rem;height:2rem;color:var(--studio-ink-soft);transition:background-color var(--transition-feedback), color var(--transition-feedback);place-items:center;display:inline-grid}.footer__btn:hover:not(:disabled){background:color-mix(in oklab, var(--studio-ink) 7%, transparent);color:var(--studio-ink)}.footer__btn:disabled{opacity:.28;cursor:default}.footer__count{font-size:var(--fs-label);letter-spacing:0;color:var(--studio-muted);font-variant-numeric:tabular-nums;align-items:baseline;gap:.3em;font-weight:500;display:inline-flex}.footer__count-now{color:var(--studio-ink);font-weight:650}.slide{min-height:0;padding:var(--slide-pad);padding-bottom:calc(var(--slide-pad) * .7 + var(--footer-h));color:var(--studio-ink);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.slide--center{justify-content:center;align-items:center}.slide--between{justify-content:space-between}.slide--start{justify-content:flex-start;padding-top:clamp(2.5rem,8vh,6rem)}.slide--stage{--stage-measure:min(88vw, 64rem);text-align:left;padding:clamp(2rem, 6vmin, 4.5rem) var(--slide-pad) calc(var(--footer-h) + clamp(1rem, 3vmin, 2rem));flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.25rem,3.6vmin,2.5rem);display:flex}.slide--stage.slide--wide{--stage-measure:min(92vw, 84rem)}.stage__head{width:100%;max-width:var(--stage-measure)}.stage__heading{font-size:var(--fs-headline);letter-spacing:var(--tracking-display);text-wrap:balance;max-width:20ch;font-weight:700;line-height:1.02}.stage__body{width:100%;max-width:var(--stage-measure);flex-direction:column;align-items:flex-start;gap:clamp(.9rem,2.6vmin,1.75rem);display:flex}.display{font-size:var(--fs-display);letter-spacing:var(--tracking-display);text-wrap:balance;font-weight:700;line-height:1.075}.h1{font-size:var(--fs-headline);letter-spacing:var(--tracking-display);text-wrap:balance;font-weight:700;line-height:1.02}.h2{font-size:var(--fs-title);letter-spacing:var(--tracking-title);text-wrap:balance;font-weight:700;line-height:1.1}.lead{font-size:var(--fs-lead);letter-spacing:var(--tracking-lead);color:var(--studio-ink-soft);text-wrap:pretty;max-width:44ch;font-weight:450;line-height:1.42}.body{font-size:var(--fs-body);letter-spacing:var(--tracking-body);color:var(--studio-ink-soft);text-wrap:pretty;max-width:60ch;line-height:1.5}.meta{font-size:var(--fs-label);letter-spacing:var(--tracking-label);font-variant-numeric:tabular-nums;color:var(--studio-muted);font-weight:500}.studio-button{border-radius:var(--radius-button);background:var(--signal-action);min-height:clamp(52px,6.6vmin,72px);color:var(--studio-ink);font-size:var(--fs-button);letter-spacing:-.01em;white-space:nowrap;box-shadow:var(--shadow-button);transition:background-color var(--transition-feedback), transform .28s var(--studio-ease), box-shadow .28s var(--studio-ease);align-items:center;gap:.7rem;padding:0 clamp(1.25rem,3.3vmin,2.25rem);font-weight:600;text-decoration:none;display:inline-flex}.studio-button__icon{width:1.1em;height:1.1em;transition:transform .28s var(--studio-ease)}.studio-button:hover{background:var(--studio-yellow-deep);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.studio-button:hover .studio-button__icon{transform:translateY(2px)}.studio-button:active{transform:translateY(0)}.studio-button:focus-visible{outline:2px solid var(--studio-paper);outline-offset:2px;box-shadow:0 0 0 6px var(--studio-ink);border-radius:var(--radius-button)}@media (prefers-reduced-motion:reduce){.studio-button,.studio-button__icon{transition:none}.studio-button:hover,.studio-button:hover .studio-button__icon{transform:none}}.pill{border-radius:var(--radius-tag);background:var(--studio-paper);color:var(--studio-ink);font-size:var(--fs-label);letter-spacing:var(--tracking-label);white-space:nowrap;box-shadow:var(--shadow-tag);transition:background-color var(--dur-settle) var(--studio-ease), color var(--dur-settle) var(--studio-ease);align-items:center;gap:.42em;padding:.3em .72em .34em;font-weight:500;line-height:1.25;display:inline-flex}.pill[data-tone=action]{background:var(--signal-action)}.pill[data-tone=resolved]{background:var(--signal-resolved-wash);color:var(--signal-resolved-ink)}.pill[data-tone=warning]:before{content:"";background:var(--signal-warning);border-radius:50%;flex:none;width:.5em;height:.5em}.points{gap:clamp(.9rem,2.6vmin,1.6rem);padding:0;list-style:none;display:grid}.points__item{font-size:var(--fs-title);letter-spacing:var(--tracking-title);color:var(--studio-ink);text-wrap:balance;align-items:baseline;gap:.5em;max-width:30ch;font-weight:700;line-height:1.15;display:flex}.cube-mark{flex:none;width:.9em;height:1.05em;translate:0 .12em}.cover{flex-direction:column;align-items:flex-start;gap:clamp(1rem,3vmin,2rem);width:min(100%,64rem);display:flex}.cover__by{align-items:center;gap:var(--space-2) var(--space-3);font-size:var(--fs-title);letter-spacing:var(--tracking-title);flex-wrap:wrap;font-weight:650;display:flex}.cover .display{max-width:14ch}.cover__email{color:var(--studio-ink-soft);font-weight:450}.downloads{align-items:center;gap:var(--space-3) var(--space-5);font-size:var(--fs-body);flex-wrap:wrap;display:flex}.ink-link{color:var(--studio-ink);-webkit-text-decoration-color:color-mix(in oklab, var(--studio-ink) 40%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--studio-ink) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--studio-ink) 40%, transparent);font-weight:600}.ink-link:hover{-webkit-text-decoration-color:var(--studio-ink);-webkit-text-decoration-color:var(--studio-ink);text-decoration-color:var(--studio-ink)}.duo{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start;width:100%;display:grid}.seq{gap:var(--space-4);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;padding:0;list-style:none;display:grid}.seq__step{gap:var(--space-3);padding-top:var(--space-3);border-top:2px solid var(--studio-ink);flex-direction:column;display:flex}.seq__n{border-radius:var(--radius-pill);background:var(--studio-ink);width:1.7em;height:1.7em;color:var(--studio-paper);font-size:var(--fs-label);font-variant-numeric:tabular-nums;place-items:center;font-weight:700;display:inline-grid}.seq__text{font-size:var(--fs-lead);letter-spacing:var(--tracking-lead);color:var(--studio-ink);text-wrap:balance;font-weight:650;line-height:1.2}.seq--compact .seq__text{font-size:var(--fs-body);font-weight:600}.hero-dio .stage__heading{max-width:28ch}.hero-dio .stage__body{align-items:stretch}.hero-dio .diorama-figure{--diorama-maxh:52vh}.settings{border-radius:var(--radius-card);background:color-mix(in oklab, var(--studio-ink) 6%, transparent);flex-wrap:wrap;gap:.35rem;padding:.35rem;list-style:none;display:inline-flex}.settings .pill{font-size:var(--fs-body);padding:.45em 1em .5em}.settings__off{box-shadow:none;color:var(--studio-ink-soft);background:0 0}.facts{width:100%;display:grid}.facts__row{align-items:baseline;gap:var(--space-5);border-top:1px solid var(--studio-rule);grid-template-columns:minmax(0,3fr) minmax(0,10fr);padding:clamp(.8rem,2.4vmin,1.4rem) 0;display:grid}.facts__row:last-child{border-bottom:1px solid var(--studio-rule)}.facts__label{font-size:var(--fs-label);color:var(--studio-muted);font-weight:600}.facts__value{font-size:var(--fs-title);letter-spacing:var(--tracking-title);color:var(--studio-ink);font-weight:700;line-height:1.15}.facts__sub{font-size:var(--fs-lead);letter-spacing:var(--tracking-lead);color:var(--studio-ink-soft);margin-top:.35em;font-weight:450;display:block}.folder{width:100%;max-width:52rem;padding:0;list-style:none;display:grid}.folder__row{align-items:center;gap:var(--space-3);border-top:1px solid var(--studio-rule);grid-template-columns:auto minmax(0,1fr) auto;padding:clamp(.7rem,2vmin,1.1rem) 0;display:grid}.folder__row:last-child{border-bottom:1px solid var(--studio-rule)}.folder__icon{width:1.5em;height:1.2em;color:var(--studio-ink-soft);font-size:var(--fs-title)}.folder__name{font-size:var(--fs-title);letter-spacing:var(--tracking-title);color:var(--studio-ink);font-weight:700}.folder__when{font-size:var(--fs-lead);color:var(--studio-ink-soft);text-align:right;font-weight:450}.plans{gap:var(--space-1);font-size:var(--fs-body);color:var(--studio-ink-soft);display:grid}.plans strong{color:var(--studio-ink);font-weight:650}.fan{gap:var(--space-4);width:100%;display:grid}.fan__cards{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.fan__card{gap:var(--space-2);border-radius:var(--radius-card);background:var(--studio-paper);box-shadow:var(--shadow-card-soft);flex-direction:column;padding:clamp(1rem,2.8vmin,1.75rem);display:flex}.fan__what{font-size:var(--fs-lead);letter-spacing:var(--tracking-lead);color:var(--studio-ink);text-wrap:balance;font-weight:650;line-height:1.25}.statement{font-size:var(--fs-headline);letter-spacing:var(--tracking-display);color:var(--studio-ink);text-wrap:balance;max-width:22ch;font-weight:700;line-height:1.08}.statement--kicker{font-size:var(--fs-title);max-width:none}.map{width:100%;display:grid}.map__row{align-items:baseline;gap:var(--space-4);border-top:1px solid var(--studio-rule);grid-template-columns:minmax(0,5fr) auto minmax(0,8fr);padding:clamp(.9rem,2.4vmin,1.5rem) 0;display:grid}.map__row:last-child{border-bottom:1px solid var(--studio-rule)}.map__part{font-size:var(--fs-title);letter-spacing:var(--tracking-title);color:var(--studio-ink);grid-template-columns:2.1em minmax(0,1fr);align-items:baseline;gap:.4em;font-weight:700;line-height:1.15;display:grid}.map__n{gap:.25em;display:inline-flex}.map__n span{border-radius:var(--radius-tag);background:var(--studio-ink);width:1.55em;height:1.55em;color:var(--studio-paper);font-variant-numeric:tabular-nums;place-items:center;font-size:.6em;font-weight:650;display:inline-grid;translate:0 -.15em}.map__arrow{font-size:var(--fs-title);color:var(--studio-muted)}.map__home{font-size:var(--fs-lead);letter-spacing:var(--tracking-lead);color:var(--studio-ink-soft);text-wrap:pretty;font-weight:450;line-height:1.35}.map__home--you{font-size:var(--fs-title);color:var(--studio-ink);font-weight:700}.caution{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;width:100%;display:grid}.caution__plans{gap:var(--space-3);padding-left:var(--space-4);border-left:2px solid var(--studio-rule);display:grid}.tells{gap:var(--space-2);font-size:var(--fs-lead);letter-spacing:var(--tracking-lead);padding:0;font-weight:650;list-style:none;display:grid}.tells li{align-items:baseline;display:flex}.course{color:var(--studio-ink);font-style:italic;font-weight:600}.copy-folder__prompt{width:100%}.intro__lead{max-width:44ch}.intro__where{--logo-h:clamp(1.7rem, 2.6vw, 2.3rem);color:var(--studio-ink);flex-wrap:wrap;align-items:center;gap:clamp(1rem,2.6vh,1.75rem) clamp(1.4rem,3vw,2.6rem);margin-top:clamp(.5rem,2vh,1.25rem);padding:0;list-style:none;display:flex}.intro__place{align-items:center;gap:.6em;display:flex}.intro__place svg{height:var(--logo-h);width:auto;display:block}.intro__place[data-place=apple] svg{height:calc(var(--logo-h) * 1.28)}.intro__place[data-place=salesforce] svg{height:calc(var(--logo-h) * 1.45)}.intro__place[data-place=heroku] svg{height:calc(var(--logo-h) * 1.05)}.intro__place[data-place=workos] svg{height:calc(var(--logo-h) * .82)}.intro__now{align-self:flex-start}.prompt{--prompt-maxh:clamp(11rem, 46vh, 28rem);--part-gutter:0rem;text-align:left;width:100%}.prompt .expressive-code{margin:0}.prompt figure.frame{box-shadow:none;margin:0;overflow:visible}.prompt figure.frame:before{display:none}.prompt .frame .header{background:0 0;border:none;align-items:center;min-height:0;padding:0 0 .65rem;display:flex}.prompt .frame .header:before,.prompt .frame .header:after{display:none}.prompt .frame .title{height:auto;font-family:var(--font-studio);font-size:var(--fs-label);letter-spacing:var(--tracking-label);color:var(--studio-ink-soft);background:0 0;border:none;padding:0;font-weight:600;position:static}.prompt .frame .title:before,.prompt .frame .title:after{display:none}.prompt .frame pre{border:1px solid var(--studio-rule);background:var(--studio-paper);border-radius:var(--radius-card);box-shadow:var(--shadow-card-soft);max-height:var(--prompt-maxh);scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--studio-ink) 30%, transparent) transparent;overflow:hidden auto}.prompt .frame pre,.prompt .frame pre>code,.prompt .frame .ec-line{font-size:var(--fs-prompt)!important;line-height:1.6!important}.prompt .frame .copy{margin:0;inset-block-start:0;inset-inline-end:0}.prompt .frame .copy button{opacity:1;border-radius:var(--radius-button);width:2.35rem;height:2.35rem;box-shadow:var(--shadow-button);transition:transform .28s var(--studio-ease), box-shadow .28s var(--studio-ease)}.prompt .frame .copy button div{transition:background-color var(--transition-feedback)}.prompt .frame .copy button:hover{opacity:1;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.prompt .frame .copy button:hover div{background:var(--studio-yellow-deep)}.prompt .frame .copy button:focus-visible{outline:2px solid var(--studio-paper);outline-offset:2px;box-shadow:0 0 0 6px var(--studio-ink)}.prompt .frame .copy .feedback{font-family:var(--font-studio);font-size:var(--fs-label);border-radius:var(--radius-tag);font-weight:500}.prompt .frame .copy button:after{margin:.55rem}.prompt--anatomy{--part-gutter:2.6rem}.prompt--anatomy .frame .ec-line.mark .code{padding-inline-start:calc(var(--part-gutter) + .9rem)}.prompt--anatomy .frame .ec-line.mark .code:before{display:none}.prompt--anatomy .frame .ec-line.mark .code[data-part-n]:before{content:attr(data-part-n);top:.22em;left:calc((var(--part-gutter) - 1.55em) / 2 + .45rem);border-radius:var(--radius-tag);background:var(--studio-ink);width:1.55em;height:1.55em;color:var(--studio-paper);font-family:var(--font-studio);font-variant-numeric:tabular-nums;transition:box-shadow var(--dur-settle) var(--studio-ease);place-items:center;padding:0;font-size:.8em;font-weight:650;line-height:1;display:grid}.prompt--anatomy .frame .ec-line{transition:opacity var(--dur-settle) var(--studio-ease)}.prompt[data-focus=context] .ec-line[data-part]:not([data-part=context]),.prompt[data-focus=instructions] .ec-line[data-part]:not([data-part=instructions]),.prompt[data-focus=constraints] .ec-line[data-part]:not([data-part=constraints]),.prompt[data-focus=verify] .ec-line[data-part]:not([data-part=verify]){opacity:.32}.prompt[data-focus=context] .ec-line[data-part=context] .code[data-part-n]:before,.prompt[data-focus=instructions] .ec-line[data-part=instructions] .code[data-part-n]:before,.prompt[data-focus=constraints] .ec-line[data-part=constraints] .code[data-part-n]:before,.prompt[data-focus=verify] .ec-line[data-part=verify] .code[data-part-n]:before{box-shadow:0 .2em 0 0 var(--studio-paper), 0 .44em 0 -.03em var(--signal-action)}.prompt--missing{font-family:var(--font-studio);font-size:var(--fs-body);color:var(--signal-warning-ink);background:var(--studio-paper);border:2px dashed var(--signal-warning);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);font-weight:600}.prompt--missing code{font-family:var(--font-mono)}.sample{gap:var(--space-2);background:var(--studio-paper);border:1px solid var(--studio-rule);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-card-soft);text-align:left;flex-direction:column;margin:0;padding:clamp(1rem,2.6vmin,1.75rem) clamp(1.1rem,3vmin,2rem);display:flex}.sample__label{font-size:var(--fs-label);letter-spacing:var(--tracking-label);color:var(--studio-ink-soft);align-items:center;gap:.55em;font-weight:600;display:flex}.sample__dot{border-radius:var(--radius-pill);background:var(--studio-ink);flex:none;width:.55em;height:.55em}.sample__meta{padding-bottom:var(--space-2);border-bottom:1px solid var(--studio-rule);font-size:var(--fs-label);color:var(--studio-muted);font-weight:500}.sample__body{font-size:calc(var(--fs-body) * .92);letter-spacing:var(--tracking-body);color:var(--studio-ink);flex-direction:column;gap:.7em;line-height:1.45;display:flex}.sample__body p{max-width:62ch}.sample__rest{flex-direction:column;gap:.7em;display:flex}.sample__typed{display:grid}.sample__typed>*{grid-area:1/1}.sample__ghost{visibility:hidden}.sample__cursor{background-color:var(--studio-ink);width:2px}.sample__source{font-size:var(--fs-label);color:var(--studio-muted);font-weight:500}.sample__flag{color:var(--signal-warning-ink);align-items:baseline;gap:.4em;font-weight:650;display:inline-flex}.sample__flag:before{content:"";background:var(--signal-warning);border-radius:50%;flex:none;width:.5em;height:.5em;translate:0 -.05em}.verify .stage__heading{max-width:28ch}.verify__grid{gap:var(--space-5);grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;width:100%;display:grid}.verify__check{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.verify__check .verify__prompt{--prompt-maxh:clamp(7rem, 22vh, 13rem)}.verify__answer{transition:border-color var(--dur-settle) var(--studio-ease)}.verify__answer[data-caught]{border-color:var(--signal-resolved)}.verify__answer .sample__label{flex-wrap:wrap}.verify__pill{opacity:0;transition:opacity var(--dur-settle) var(--studio-ease);margin-left:auto}.verify__pill--shown{opacity:1}.verify__draft .sample__body>p+p,.verify__answer .sample__body>p+p{margin-top:.1em}.verify__lab{color:var(--studio-ink);font-weight:650}.claim{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color var(--dur-settle) var(--studio-ease), box-shadow var(--dur-settle) var(--studio-ease);background:0 0;border-radius:3px;padding:0 .08em}.claim[data-state=flagged],.claim[data-state=caught]{background:color-mix(in oklab, var(--signal-warning) 13%, transparent);box-shadow:inset 0 -2px 0 var(--signal-warning)}.claim__n{border-radius:var(--radius-pill);background:var(--signal-warning-ink);min-width:1.45em;height:1.45em;color:var(--studio-paper);font-variant-numeric:tabular-nums;vertical-align:.35em;opacity:0;transition:opacity var(--dur-settle) var(--studio-ease), background-color var(--dur-settle) var(--studio-ease);place-items:center;margin-left:.3em;padding:0 .2em;font-size:max(.62em,.75rem);font-weight:700;line-height:1;display:inline-grid}.claim[data-state=flagged] .claim__n,.claim[data-state=caught] .claim__n,.claim__n--ref[data-state=flagged],.claim__n--ref[data-state=caught]{opacity:1}.claim[data-state=caught] .claim__n,.claim__n--ref[data-state=caught]{background:var(--signal-resolved-ink)}.claim__n--ref{vertical-align:.15em;margin:0 .45em 0 0}.legend{gap:var(--space-2) var(--space-5);flex-wrap:wrap;width:100%;padding:0;list-style:none;display:flex}.legend__part{font-size:var(--fs-label);align-items:baseline;gap:.6em;line-height:1.3;display:flex}.legend__n{border-radius:var(--radius-tag);background:var(--studio-ink);width:1.55em;height:1.55em;color:var(--studio-paper);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:max(.85em,.75rem);font-weight:650;line-height:1;display:inline-grid;translate:0 -.08em}.legend__part[data-focus] .legend__n{box-shadow:0 .2em 0 0 var(--surface,var(--studio-paper)), 0 .44em 0 -.03em var(--signal-action)}.legend__text{flex-wrap:wrap;gap:0 .4em;display:inline-flex}.legend__name{color:var(--studio-ink);font-weight:650}.legend__name:after{content:":"}.legend__what{color:var(--studio-ink-soft)}.legend[data-size=large]{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.legend[data-size=large] .legend__part{align-items:flex-start;gap:var(--space-3);padding-top:var(--space-4);border-top:2px solid var(--studio-ink);font-size:var(--fs-lead);flex-direction:column}.legend[data-size=large] .legend__n{font-size:.9em;translate:none}.legend[data-size=large] .legend__text{flex-direction:column;gap:.25em}.legend[data-size=large] .legend__name{font-size:var(--fs-title);letter-spacing:var(--tracking-title);line-height:1.1}.legend[data-size=large] .legend__name:after{content:none}.legend[data-size=large] .legend__what{text-wrap:balance}.anatomy .stage__heading{max-width:28ch}.anatomy .stage__body{gap:clamp(.75rem,2.2vmin,1.4rem)}.anatomy__lede{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.anatomy__grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-items:start;width:100%;display:grid}.anatomy__grid[data-sample]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.anatomy__prompt{min-width:0}.anatomy__grid:not([data-sample]) .prompt{--prompt-maxh:clamp(11rem, 52vh, 40rem)}.anatomy__grid[data-sample] .prompt{--prompt-maxh:clamp(11rem, 56vh, 38rem)}.diorama-figure{--diorama-maxh:62vh;flex-direction:column;align-items:center;gap:clamp(.6rem,1.8vmin,1.25rem);width:100%;margin:0;display:flex}.diorama-figure[data-size=inset]{--diorama-maxh:34vh}.diorama{width:min(100%, calc(var(--diorama-maxh) * 12 / 7));aspect-ratio:12/7;position:relative;container-type:inline-size}.diorama__svg{width:100%;height:100%;transition:opacity var(--dur-crossfade) linear;position:absolute;inset:0;overflow:visible}.diorama__gl{pointer-events:none;opacity:0;transition:opacity var(--dur-crossfade) linear;position:absolute}.diorama__gl canvas{width:100%;height:100%;display:block}.diorama[data-gl=ready] .diorama__gl{opacity:1}.diorama[data-gl=ready] .diorama__svg{opacity:0;visibility:hidden;transition:opacity var(--dur-crossfade) linear, visibility 0s linear var(--dur-crossfade)}.diorama__plate{filter:drop-shadow(0 1px 2px #0b141a1f)drop-shadow(0 16px 18px #0b141a24)}.diorama__plate-top{fill:var(--studio-paper)}.diorama__plate-left{fill:color-mix(in oklab, var(--studio-rule) 70%, var(--studio-paper))}.diorama__plate-right{fill:var(--studio-rule)}.diorama__desk{filter:drop-shadow(0 4px 4px #0b141a12);transition:transform var(--dur-settle) var(--ease-settle), filter var(--dur-settle) var(--ease-settle)}.diorama__desk polygon,.diorama__desk path{transition:fill var(--dur-settle) var(--studio-ease), opacity var(--dur-settle) var(--studio-ease)}.diorama__desk .diorama__face-top{fill:color-mix(in oklab, var(--studio-rule) 70%, var(--studio-ground))}.diorama__desk .diorama__face-left{fill:color-mix(in oklab, var(--studio-rule), var(--studio-ink-soft) 16%)}.diorama__desk .diorama__face-right{fill:color-mix(in oklab, var(--studio-rule), var(--studio-ink-soft) 32%)}.diorama__sheet{fill:var(--studio-ground);opacity:0}.diorama__lines{fill:none;stroke:var(--studio-ink-soft);stroke-width:2.5px;stroke-linecap:round;opacity:0}.diorama__desk[data-lit]{transform:translateY(var(--desk-lift));filter:var(--shadow-model-lift) drop-shadow(0 8px 7px #0b141a1f)}.diorama__desk[data-lit] .diorama__face-top{fill:var(--studio-paper)}.diorama__desk[data-lit] .diorama__face-left{fill:color-mix(in oklab, var(--studio-rule), var(--studio-ink-soft) 36%)}.diorama__desk[data-lit] .diorama__face-right{fill:color-mix(in oklab, var(--studio-rule), var(--studio-ink-soft) 60%)}.diorama__desk[data-lit] .diorama__sheet{opacity:1}.diorama__desk[data-lit] .diorama__lines{opacity:.7}.diorama__hub{filter:drop-shadow(0 8px 8px #0b141a29)}.diorama__hub .diorama__face-top{fill:var(--studio-ink-soft)}.diorama__hub .diorama__face-left{fill:color-mix(in oklab, var(--studio-ink-soft), var(--studio-ink) 55%)}.diorama__hub .diorama__face-right{fill:var(--studio-ink)}.diorama__read-route{fill:none;stroke:var(--route-canary);stroke-width:6px;stroke-linecap:round;stroke-dasharray:0 14}.diorama__rest{display:none}.diorama__write-route{fill:none;stroke:var(--studio-ink-soft);stroke-opacity:.6;stroke-width:3px;stroke-linecap:round;stroke-dasharray:9 9}.diorama__write-light{fill:var(--signal-warning);stroke:var(--studio-paper);stroke-width:3px}.diorama__write[data-state=approved] .diorama__write-route{stroke:var(--signal-resolved);stroke-opacity:1;stroke-width:5.5px;stroke-dasharray:none}.diorama__write[data-state=approved] .diorama__write-light{fill:var(--signal-resolved)}.diorama__beacon-post{stroke:var(--studio-ink);stroke-width:3px;stroke-linecap:round}.diorama__beacon{fill:var(--signal-warning);stroke:var(--studio-paper);stroke-width:2.5px;filter:var(--glow-warning);transform-box:fill-box;transform-origin:50%}.diorama__packet{opacity:0;filter:var(--glow-packet)}@keyframes diorama-march{to{stroke-dashoffset:-28px}}@keyframes diorama-pulse{0%,to{opacity:.6;transform:scale(.84)}50%{opacity:1;transform:scale(1.12)}}@media (prefers-reduced-motion:no-preference){.diorama__read-route{filter:var(--glow-route);animation:diorama-march var(--dur-route-march) linear infinite}.diorama__beacon{animation:2.4s ease-in-out infinite diorama-pulse}}@media (prefers-reduced-motion:reduce){.diorama__rest{display:inline}.diorama__packets{display:none}}.diorama__labels{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.diorama__label{left:var(--x);top:var(--y);pointer-events:auto;position:absolute}.diorama__label[data-side=above]{translate:-50% -100%}.diorama__label[data-side=below]{translate:-50%}.diorama__label[data-side=left]{translate:-100% -50%}.diorama__label[data-side=right]{translate:0 -50%}.diorama__label[data-side=center]{translate:-50% -50%}.diorama .pill{font-size:clamp(.8125rem,1.55cqi,1.125rem)}.diorama__caption{max-width:52ch;font-size:var(--fs-body);letter-spacing:var(--tracking-lead);color:var(--studio-ink-soft);text-align:center;text-wrap:balance;font-weight:450;line-height:1.4}.diorama-figure[data-size=inset] .diorama__caption{font-size:var(--fs-label)}.diorama__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vocab{width:100%;display:grid}.vocab__row{align-items:baseline;gap:var(--space-5);border-top:1px solid var(--studio-rule);grid-template-columns:minmax(0,4fr) minmax(0,9fr);padding:clamp(.8rem,2.2vmin,1.4rem) 0;display:grid}.vocab__row:last-child{border-bottom:1px solid var(--studio-rule)}.vocab__term{font-size:var(--fs-title);letter-spacing:var(--tracking-title);color:var(--studio-ink);font-weight:700;line-height:1.1}.vocab__def{font-size:var(--fs-lead);letter-spacing:var(--tracking-lead);color:var(--studio-ink-soft);text-wrap:pretty;font-weight:450;line-height:1.38}.vocab[data-size=dense] .vocab__row{padding:clamp(.45rem,1.3vmin,.85rem) 0}.vocab[data-size=dense] .vocab__term{font-size:var(--fs-lead)}.vocab[data-size=dense] .vocab__def{font-size:var(--fs-body)}.vocab__term[data-slop]{align-items:baseline;gap:.45em;display:flex}.vocab__term[data-slop]:before{content:"";background:var(--signal-warning);border-radius:50%;flex:none;width:.42em;height:.42em;translate:0 -.12em}.live__chrome{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.live__tag{border-radius:var(--radius-pill);background:var(--studio-ink);color:var(--studio-paper);font-size:var(--fs-label);letter-spacing:var(--tracking-label);align-items:center;gap:.55em;padding:.42em .9em;font-weight:600;display:inline-flex}.live__dot{border-radius:var(--radius-pill);background:var(--studio-paper);width:.5em;height:.5em}.live__cue{border-radius:var(--radius-pill);background:var(--studio-paper);box-shadow:var(--shadow-tag);font-size:var(--fs-label);color:var(--studio-ink-soft);align-items:center;padding:.36em .85em;font-weight:500;display:inline-flex}.live__lead{color:var(--studio-ink);font-weight:550}.live__watch{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.live__list{gap:var(--space-2);counter-reset:watch;padding:0;list-style:none;display:grid}.live__item{font-size:var(--fs-body);color:var(--studio-ink-soft);grid-template-columns:auto 1fr;align-items:baseline;gap:.75em;max-width:48ch;line-height:1.4;display:grid}.live__item:before{counter-increment:watch;content:counter(watch);border-radius:var(--radius-pill);border:1.5px solid var(--studio-ink-soft);font-variant-numeric:tabular-nums;width:1.6em;height:1.6em;color:var(--studio-ink);place-items:center;font-size:.72em;font-weight:650;display:inline-grid;translate:0 -.1em}.live__cta{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.divider__grid{grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:center;gap:clamp(1.5rem,4vw,4.5rem);width:min(100%,110rem);display:grid}.divider__text{flex-direction:column;align-items:flex-start;gap:clamp(.9rem,2.6vmin,1.6rem);display:flex}.divider__tags{gap:var(--space-2);display:flex}.divider__title{font-size:var(--fs-headline);letter-spacing:var(--tracking-display);text-wrap:balance;font-weight:700;line-height:1.02}.divider__lead{max-width:30ch}.divider__diorama{min-width:0}.divider__diorama .diorama-figure{--diorama-maxh:58vh}.divider__skip{align-items:center;gap:var(--space-3);width:100%;max-width:26rem;display:flex}.divider__skip-when{font-size:var(--fs-label);font-variant-numeric:tabular-nums;color:var(--studio-muted);white-space:nowrap;font-weight:600}.divider__skip-when--to{color:var(--studio-ink)}.divider__skip-gap{flex:1;place-items:center;min-width:6rem;height:2.2em;display:grid;position:relative}.divider__skip-line{border-top:2px dashed var(--studio-ink-soft);transform-origin:0;height:0;position:absolute;top:50%;left:0;right:0}.divider__skip-label{background:var(--surface,var(--studio-ground));font-size:var(--fs-label);color:var(--studio-ink-soft);white-space:nowrap;padding:0 .6em;font-weight:500;position:relative}.checklist{gap:clamp(.55rem,1.8vmin,1.1rem);width:100%;padding:0;list-style:none;display:grid}.checklist__line{font-size:var(--fs-title);letter-spacing:var(--tracking-title);color:var(--studio-ink);grid-template-columns:auto 1fr;align-items:center;gap:.7em;font-weight:700;line-height:1.15;display:grid}.checklist__line[data-state=later]{visibility:hidden}.checklist__box{border-radius:var(--radius-control);border:2px solid var(--studio-ink);width:1.3em;height:1.3em;color:var(--studio-ink);place-items:center;display:inline-grid}.checklist__line[data-state=done] .checklist__box{border-color:var(--signal-resolved);background:var(--signal-resolved-wash);color:var(--signal-resolved-ink)}.checklist__check{width:.9em;height:.9em}.checklist__n{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:.55em;font-weight:700}.checklist__text{justify-self:start;position:relative}.checklist__words{position:relative}.checklist__highlight{border-radius:var(--radius-tag);background:var(--signal-action);transform-origin:0;position:absolute;inset:12% -.25em 4%}.lens__roles{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:0;list-style:none;display:grid}.lens__role{gap:var(--space-3);padding-top:var(--space-4);border-top:2px solid var(--studio-ink);flex-direction:column;display:flex}.lens__name{font-size:var(--fs-title);letter-spacing:var(--tracking-title);color:var(--studio-ink);font-weight:700;line-height:1.1}.lens__line{font-size:var(--fs-lead);letter-spacing:var(--tracking-lead);color:var(--studio-ink-soft);text-wrap:pretty;font-weight:450;line-height:1.38}.debrief__chat{align-items:flex-start;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.debrief__bubble{border-radius:var(--radius-card) var(--radius-card) var(--radius-card) var(--radius-tag);background:var(--studio-paper);max-width:34ch;box-shadow:var(--shadow-card-deep);font-size:var(--fs-title);letter-spacing:var(--tracking-title);color:var(--studio-ink);text-wrap:balance;padding:clamp(1rem,2.6vmin,1.6rem) clamp(1.2rem,3.2vmin,2rem);font-weight:650;line-height:1.2}.debrief__ask{max-width:48ch}.debrief__ask strong{color:var(--studio-ink);font-weight:650}.debrief__listen{gap:var(--space-2);flex-direction:column;display:flex}.debrief__tells{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.approve{border-collapse:collapse;text-align:left;width:100%;font-size:var(--fs-label);line-height:1.35}.approve thead th{padding:0 var(--space-2) var(--space-2);color:var(--studio-muted);border-bottom:2px solid var(--studio-ink);font-weight:600}.approve thead th:first-child{padding-left:var(--space-3)}.approve__row>*{padding:clamp(.45rem, 1.3vmin, .8rem) var(--space-2);vertical-align:top;border-bottom:1px solid var(--studio-rule);transition:background-color var(--dur-settle) var(--studio-ease)}.approve__row>:first-child{padding-left:var(--space-3)}.approve__row[data-state=approve]>*{background:var(--signal-resolved-wash)}.approve__field{width:18%;font-size:calc(var(--fs-label) * 1.12);color:var(--studio-ink);white-space:nowrap;font-weight:650}.approve__value{color:var(--studio-ink-soft)}.approve__row[data-state=reject] .approve__text{text-decoration:line-through;-webkit-text-decoration-color:var(--signal-warning);-webkit-text-decoration-color:var(--signal-warning);text-decoration-color:var(--signal-warning);color:var(--studio-muted);text-decoration-thickness:2px}.approve__decision{width:29%}.approve__decision .pill{margin-right:.5em}.approve__pending{color:var(--studio-muted);box-shadow:none;outline:1px dashed var(--studio-rule);background:0 0}.approve__why{color:var(--studio-ink-soft);margin-top:.35em;display:block}.approve-slide .stage__heading{max-width:28ch}.approve-slide .lead{max-width:64ch}.approve-slide__grid{gap:var(--space-5);grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;width:100%;display:grid}.approve-slide__dio{min-width:0}.approve-slide__dio .diorama__label--hub .pill{font-size:.6875rem}.risk{font-size:var(--fs-headline);letter-spacing:var(--tracking-display);color:var(--studio-ink);align-items:baseline;gap:.3em;font-weight:700;line-height:1;display:flex}.risk__label{letter-spacing:var(--tracking-title);font-size:.5em}.risk__n{font-variant-numeric:tabular-nums}.risk__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}