/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#111;--surface-2:#171717;--line:#222;--line-strong:#333;--text:#ededeb;--muted:#8e8e8a;--dim:#5e5e5b;--second:#6f6f6c;--accent:#b5a2e7;--paper:#ecebe6;--ink:#0a0a0a;font-family:var(--font-sans);color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg);margin:0;overflow-x:clip}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{touch-action:manipulation}a,button{transition:color .15s,background .15s,border-color .15s}a:focus-visible,button:focus-visible,input:focus-visible,pre:focus-visible{outline:1px solid var(--text);outline-offset:4px}::selection{background:var(--accent);color:var(--ink)}.shell{max-width:1320px;margin-inline:auto;padding-inline:40px}.skip-link{background:var(--text);color:var(--ink);z-index:60;padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.header{z-index:40;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{height:60px}.brand{letter-spacing:-.03em;color:var(--text);align-items:center;gap:10px;font-size:19px;font-weight:500;display:flex}.brand svg{flex-shrink:0;width:22px;height:22px}.brand-dot{fill:var(--accent)}.nav{color:var(--muted);gap:32px;font-size:14px}.nav a:hover,.footer a:hover{color:var(--text)}.nav a span{margin-left:2px}.nav-download{color:var(--text);border-bottom:1px solid var(--text);padding-bottom:1px}.nav .nav-download:hover{color:var(--accent);border-color:var(--accent)}.menu-toggle{color:var(--text);font-size:14px;display:none}h1,h2,h3{color:var(--text);font-weight:500}h1 em,h2 em{color:var(--second);font-style:normal}h2{letter-spacing:-.04em;font-size:clamp(34px,4.6vw,64px);line-height:1}.eyebrow{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);font-size:12px}.section-top{border-top:1px solid var(--line-strong);grid-template-columns:3fr 9fr;gap:24px;margin-bottom:64px;padding-top:18px;display:grid}.section-top h2{margin-top:-4px}.section-top .eyebrow{padding-top:2px}.section-description{max-width:520px;color:var(--muted);margin-top:24px;font-size:17px;line-height:1.55}.section-description code,.feature-card p code,.getting-started p code{font-family:var(--font-mono);color:var(--text);font-size:.88em}.getting-started p code{color:var(--ink)}.button{border-radius:2px;justify-content:center;align-items:center;gap:28px;min-height:48px;padding:12px 20px;font-size:15px;font-weight:500;display:inline-flex}.button-primary{background:var(--text);color:var(--ink)}.button-primary:hover{background:var(--accent)}.button-secondary{border:1px solid var(--line-strong);color:var(--text)}.button-secondary:hover{border-color:var(--text)}.download-alternatives{color:var(--dim);font-size:13px;line-height:1.6}.download-alternatives a{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);-webkit-text-decoration-color:var(--line-strong);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.download-alternatives a:hover{color:var(--text);text-decoration-color:currentColor}.hero{padding-top:28px;padding-bottom:96px}.hero-meta{font-family:var(--font-mono);color:var(--muted);font-size:12px}.development-badge:hover{color:var(--text)}.hero-timecode{font-variant-numeric:tabular-nums;color:var(--dim)}.hero-timecode span{color:var(--text);margin-left:6px}.hero h1{letter-spacing:-.055em;margin:clamp(64px,12vh,140px) 0 0 -.06em;font-size:clamp(56px,11.2vw,176px);line-height:.88;animation:1s both fade}.hero-lower{grid-template-columns:3fr 4fr 5fr;gap:24px;margin-top:56px;display:grid}.hero-description{max-width:380px;color:var(--muted);grid-column:2;font-size:18px;line-height:1.5}.hero-cta{grid-column:3}.hero-alternatives{margin-top:14px}.hero-specs{border-top:1px solid var(--line-strong);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:96px;display:grid}.hero-specs>div{padding:16px 24px 0 0}.hero-specs>div+div{border-left:1px solid var(--line);padding-left:20px}.hero-specs dt{font-family:var(--font-mono);color:var(--dim);font-size:12px}.hero-specs dd{letter-spacing:-.01em;margin-top:22px;font-size:16px;font-weight:500}.hero-specs small{color:var(--muted);letter-spacing:0;margin-top:6px;font-size:14px;font-weight:400;line-height:1.45;display:block}.playground-section{padding-top:24px}.playground-section .section-top{grid-template-columns:3fr 7fr 2fr}.playground-section .section-top h2{font-size:clamp(30px,3.4vw,48px)}.hand-note{font-family:var(--font-mono);color:var(--muted);place-self:end;font-size:12px}.hand-note span{margin-left:6px}.studio{border:1px solid var(--line-strong);background:var(--surface)}.studio-bar{border-bottom:1px solid var(--line-strong);height:40px;font-family:var(--font-mono);color:var(--muted);padding:0 16px;font-size:12px}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.studio-main{grid-template-columns:42% 58%}.source-panel{background:var(--bg);border-right:1px solid var(--line-strong);flex-direction:column;min-width:0;display:flex;position:relative}.source-heading{color:var(--muted);border-bottom:1px solid var(--line);padding:10px 16px;font-size:13px}.source-heading b{font-family:var(--font-mono);color:var(--text);margin-right:10px;font-size:11px;font-weight:400}.copy-button{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);-webkit-text-decoration-color:var(--line-strong);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;font-size:13px}.copy-button:hover{color:var(--text)}.source-scroll{contain:size;flex:1 1 0;min-height:0;position:relative}.source-scroll textarea,.source-highlight pre{font:12.5px/1.7 var(--font-mono);font-variant-ligatures:none;tab-size:2;white-space:pre;letter-spacing:0;margin:0;padding:16px}.source-highlight{pointer-events:none;position:absolute;inset:0;overflow:hidden}.source-highlight pre{width:max-content;min-width:100%;min-height:100%}.source-scroll textarea{resize:none;color:#0000;width:100%;height:100%;min-height:420px;caret-color:var(--text);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;background:0 0;border:0;outline:0;display:block;position:relative;overflow:auto}.source-scroll textarea::selection{color:#0000;background:#b5a2e74d}.source-scroll textarea:focus-visible{box-shadow:inset 0 0 0 1px var(--muted)}.twinkleplop{color:#c9c9c5}.twinkleplop .tok{color:inherit}.twinkleplop .keyword,.twinkleplop .builtin{color:#fff}.twinkleplop .function,.twinkleplop .tag_name,.twinkleplop .type,.twinkleplop .namespace{color:#f2f2ee}.twinkleplop .string,.twinkleplop .template,.twinkleplop .regex{color:var(--accent)}.twinkleplop .number,.twinkleplop .constant{color:#d9cff7}.twinkleplop .attr_name,.twinkleplop .property,.twinkleplop .parameter{color:#a4a4a0}.twinkleplop .punctuation,.twinkleplop .operator{color:#6e6e6a}.twinkleplop .comment{color:#5f5f5b;font-style:italic}.source-footer{border-top:1px solid var(--line);color:var(--dim);margin-top:auto;padding:10px 16px;font-size:12px}.source-footer button,.file-action{color:var(--muted);font-size:12px}.source-footer button:hover,.file-action:hover{color:var(--text)}.file-action{cursor:pointer;white-space:nowrap;position:relative}.file-action input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.file-action:focus-within{outline:1px solid var(--text);outline-offset:3px}.preview-panel{min-width:0;padding:16px 20px}.preview-heading{font-family:var(--font-mono);color:var(--dim);margin-bottom:12px;font-size:11px}.scene{aspect-ratio:16/9;background:var(--bg);width:100%;height:auto;display:block}.transport{margin:14px 0}.play-button{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.play-button svg{width:13px}.play-button:hover{border-color:var(--text)}.transport input{width:100%;min-width:0;height:2px;accent-color:var(--text);cursor:pointer}.timecode{font-size:12px;font-family:var(--font-mono);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.studio-tools{border-top:1px solid var(--line);color:var(--dim);align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.studio-tools span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-export{border-top:1px solid var(--line);align-items:center;gap:14px;padding-top:12px;display:flex}.studio-export .button{min-height:36px;padding:8px 14px;font-size:13px}.studio-export>button:not(.button){color:var(--muted);font-size:13px}.studio-export>button:not(.button):hover{color:var(--text)}.studio-export progress{accent-color:var(--text);flex:1}.studio-status{min-height:18px;color:var(--muted);font-family:var(--font-mono);margin-top:12px;font-size:12px;line-height:1.6}.studio-status.is-error{color:#ff7a6b;white-space:pre-wrap}.studio-audio-note{color:var(--dim);font-size:12px}.studio button:disabled,.studio input:disabled{opacity:.35;cursor:not-allowed}.studio-caption{color:var(--dim);margin-top:14px;font-size:13px}.studio-caption>span{font-family:var(--font-mono);font-size:12px}.features{margin-top:160px}.feature-card{flex-direction:column;padding:0 24px 0 0;display:flex}.feature-card+.feature-card{border-left:1px solid var(--line);padding-left:24px}.feature-visual{background:var(--surface);height:220px;margin-bottom:28px;position:relative;overflow:hidden}.code-visual{place-items:center;display:grid}.code-mini{font-family:var(--font-mono);color:var(--text);font-size:18px}.code-mini i{color:var(--dim);font-style:normal}.feature-number{font-family:var(--font-mono);color:var(--dim);margin-bottom:14px;font-size:12px}.feature-card h3{letter-spacing:-.025em;max-width:300px;margin-bottom:14px;font-size:24px;line-height:1.1}.feature-card p{color:var(--muted);font-size:15px;line-height:1.55}.feature-card>a{color:var(--text);margin-top:auto;padding-top:28px;font-size:14px}.feature-card>a span{margin-left:6px;transition:transform .2s;display:inline-block}.feature-card>a:hover{color:var(--accent)}.feature-card>a:hover span{transform:translate(4px)}.timeline-visual{padding:26px 22px}.mini-ruler{font:11px var(--font-mono);color:var(--dim);border-bottom:1px solid var(--line-strong);justify-content:space-between;margin-bottom:14px;padding-bottom:12px;display:flex}.mini-track{height:30px;font:11px var(--font-mono);color:var(--text);border:1px solid var(--line-strong);background:var(--surface-2);align-items:center;margin-bottom:6px;padding-left:10px;display:flex}.track-lilac{width:90%}.track-peach{width:62%;margin-left:20%}.track-sage{width:94%}.mini-playhead{background:var(--accent);width:1px;animation:6s linear infinite alternate playhead;position:absolute;top:26px;bottom:26px;left:43%}.export-visual{place-items:center;display:grid}.file-art{width:min(260px,80%);font:12px/1 var(--font-mono)}.file-art>div{border-bottom:1px solid var(--line-strong);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.file-art>div:first-child{border-top:1px solid var(--line-strong)}.file-art dt{color:var(--dim)}.file-art dd{color:var(--text)}.possibilities{margin-top:160px}.possibilities .section-top{margin-bottom:0}.idea-tags{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:72px;display:grid}.idea-tags li{letter-spacing:-.025em;padding:16px 20px 0;font-size:clamp(20px,2vw,28px)}.idea-tags li:first-child{padding-left:0}.idea-tags li+li{border-left:1px solid var(--line)}.idea-tags span{font-family:var(--font-mono);letter-spacing:0;color:var(--dim);margin-bottom:40px;font-size:12px;display:block}.start-section{background:var(--paper);color:var(--ink);margin-top:160px}.start-card{gap:24px;padding-top:24px;padding-bottom:96px}.start-section h2,.start-section h3{color:var(--ink)}.start-section h2 em{color:#8a8984}.start-section .eyebrow{color:#6d6c67}.start-card h2{margin-top:80px}.start-card>div>p:not(.eyebrow){color:#55544f;max-width:420px;margin-top:28px;font-size:17px;line-height:1.55}.start-card .button{margin-top:36px}.start-section .button-primary{background:var(--ink);color:var(--paper)}.start-section .button-primary:hover{background:#3b3a37}.start-section a:focus-visible{outline-color:var(--ink)}.start-section .download-alternatives{color:#807f79}.start-section .download-alternatives a{color:#3b3a37;text-decoration-color:#b9b8b2}.start-section .download-alternatives a:hover{color:var(--ink);text-decoration-color:currentColor}.start-card>div>p.start-note{color:#807f79;margin-top:14px;font-size:13px}.getting-started ol{border-top:1px solid #cfcec8;margin-top:80px}.getting-started li{border-bottom:1px solid #cfcec8;grid-template-columns:64px 1fr;padding:20px 0;display:grid}.getting-started li>span{font-family:var(--font-mono);color:#807f79;padding-top:4px;font-size:12px}.getting-started h3{letter-spacing:-.015em;margin-bottom:6px;font-size:19px}.getting-started p{color:#55544f;font-size:15px;line-height:1.5}.getting-started>a{border-bottom:1px solid;margin-top:24px;font-size:14px;display:inline-block}.getting-started>a:hover{color:#55544f}.footer{padding-top:48px;padding-bottom:32px}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.footer-top p{color:var(--muted);margin-top:16px;font-size:14px}.footer-top nav{color:var(--muted);grid-template-columns:repeat(2,auto);gap:10px 64px;font-size:14px;display:grid}.footer-bottom{border-top:1px solid var(--line);color:var(--dim);font-family:var(--font-mono);margin-top:80px;padding-top:16px;font-size:12px}@keyframes fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes playhead{0%{left:12%}to{left:84%}}@media (width<=1024px){.hero-lower{grid-template-columns:1fr 1fr}.hero-description,.hero-cta{grid-column:auto}.hero-specs{grid-template-columns:1fr 1fr}.hero-specs>div:nth-child(3){border-left:0;padding-left:0}.hero-specs>div:nth-child(n+3){border-top:1px solid var(--line);margin-top:28px}}@media (width<=900px){.shell{padding-inline:24px}.nav{gap:22px}.section-top,.playground-section .section-top{grid-template-columns:1fr;gap:20px}.hand-note{justify-self:start}.studio-main{grid-template-columns:1fr}.preview-panel{grid-row:1}.source-panel{border-right:0;border-top:1px solid var(--line-strong)}.source-scroll{contain:none;flex:none;height:360px;overflow:hidden}.source-scroll textarea{min-height:0}.idea-tags{grid-template-columns:1fr 1fr}.idea-tags li:nth-child(3){border-left:0;padding-left:0}.idea-tags li:nth-child(n+3){border-top:1px solid var(--line);margin-top:24px}}@media (width<=767px){.feature-card,.feature-card+.feature-card{border-left:0;padding:0}.feature-card+.feature-card{margin-top:64px}.start-card h2{margin-top:56px}.getting-started ol{margin-top:28px}}@media (width<=640px){.shell{padding-inline:18px}.header-inner{height:56px;position:relative}.menu-toggle{padding:10px 0 10px 16px;display:block}.nav{background:var(--bg);border-bottom:1px solid var(--line-strong);z-index:10;padding:8px 18px 20px;display:none;position:absolute;top:56px;left:0;right:0}.nav.is-open{flex-direction:column;align-items:stretch;gap:0;display:flex}.nav a{letter-spacing:-.02em;color:var(--text);border-bottom:1px solid var(--line);padding:14px 0;font-size:22px}.nav .nav-download{border-bottom:1px solid var(--line);color:var(--accent);padding-bottom:14px}.hero{padding-bottom:72px}.hero h1{margin-top:72px;font-size:clamp(48px,15vw,80px);line-height:.9}.hero-timecode{display:none}.hero-lower{grid-template-columns:1fr;gap:28px;margin-top:36px}.hero-description{font-size:17px}.hero-specs{grid-template-columns:1fr;margin-top:64px}.hero-specs>div,.hero-specs>div+div{border-left:0;padding:16px 0 0}.hero-specs>div+div{border-top:1px solid var(--line);margin-top:20px}.hero-specs dd{margin-top:8px}.playground-section .section-top{margin-bottom:36px}.section-top{margin-bottom:40px}.hand-note{display:none}.preview-panel{padding:14px}.source-scroll{height:320px}.source-heading,.source-footer{padding-inline:14px}.source-footer{flex-wrap:wrap}.studio-bar{padding-inline:12px;font-size:11px}.studio-caption>span{display:none}.features,.possibilities,.start-section{margin-top:112px}.feature-visual{height:190px}.idea-tags{grid-template-columns:1fr;margin-top:40px}.idea-tags li,.idea-tags li+li,.idea-tags li:nth-child(3){border-top:0;border-left:0;border-bottom:1px solid var(--line);align-items:baseline;gap:20px;margin:0;padding:14px 0;display:flex}.idea-tags span{margin:0}.start-card{padding-bottom:64px}.footer-bottom{margin-top:48px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}