.nav{z-index:50;padding-inline:var(--gutter);pointer-events:none;position:fixed;inset:12px 0 auto}.nav__inner{pointer-events:auto;max-width:var(--container);border:1px solid #0000;border-radius:999px;align-items:center;gap:24px;height:64px;margin:0 auto;padding:0 10px 0 20px;transition:background .4s,border-color .4s,box-shadow .4s;display:flex}.nav--scrolled .nav__inner,.nav--open .nav__inner{-webkit-backdrop-filter:blur(16px)saturate(1.4);border-color:var(--line);box-shadow:var(--shadow);background:#fffcf9bf}.nav__brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.nav__logo{background:var(--accent);width:28px;height:28px;box-shadow:var(--glow);border-radius:9px;place-items:center;display:grid}.nav__logo span{border-left:9px solid #fff;width:0;height:0;animation:nav-pulse 2.4s var(--ease-out) infinite;border-block:6px solid #0000;margin-left:3px}@keyframes nav-pulse{50%{transform:scale(.8)}}.nav__links{margin-inline:auto;display:flex;position:relative}.nav__links a{z-index:1;color:var(--ink-2);padding:8px 14px;font-size:15px;font-weight:500;position:relative}.nav__links a:hover{color:var(--ink)}.nav__pill{background:var(--orange-100);opacity:0;border-radius:999px;width:0;height:100%;position:absolute;top:0;left:0}.nav__cta{align-items:center;gap:8px;display:flex}.nav__login{padding:8px 14px;font-size:15px;font-weight:500}.nav__btn{height:44px;padding:0 18px;font-size:15px}.nav__burger{background:0 0;border:0;width:44px;height:44px;margin-left:auto;display:none;position:relative}.nav__burger span{background:var(--ink);height:2px;transition:transform .3s var(--ease-out);border-radius:2px;position:absolute;left:12px;right:12px}.nav__burger span:first-child{top:17px}.nav__burger span:last-child{top:25px}.nav--open .nav__burger span:first-child{transform:translateY(4px)rotate(45deg)}.nav--open .nav__burger span:last-child{transform:translateY(-4px)rotate(-45deg)}@media (width<=900px){.nav__inner{border-radius:28px;flex-wrap:wrap;height:auto;min-height:60px;padding:8px 8px 8px 18px}.nav__burger{display:block}.nav__links,.nav__cta{width:100%;display:none}.nav--open .nav__links{flex-direction:column;margin:8px 0 0;display:flex}.nav--open .nav__cta{justify-content:space-between;padding:8px 0 6px;display:flex}.nav__pill{display:none}}.nav__lang{border:1px solid var(--line);background:var(--surface);font-family:var(--mono);letter-spacing:.06em;border-radius:999px;gap:2px;padding:3px;font-size:11px;display:inline-flex}.nav__lang span{color:var(--muted);transition:background .3s var(--ease-out), color .3s;border-radius:999px;padding:5px 8px}.nav__lang span.is-on{background:var(--orange-100);color:var(--orange-700)}.nav__lang:hover span:not(.is-on){color:var(--ink)}.hero{padding-top:clamp(108px,12vw,160px);padding-bottom:52px;overflow:clip}.hero-container{text-align:center}.hero-copy{isolation:isolate;position:relative}.hero-copy>:not(.hero-prompt-field){z-index:2;position:relative}.hero-prompt-field{pointer-events:none;z-index:1;position:absolute;inset:0}.hero-prompt-anchor{transform:perspective(800px) rotateZ(var(--roll)) rotateX(30deg) rotateY(var(--yaw));transform-style:preserve-3d;position:absolute}.hero-prompt-face{white-space:nowrap;min-height:42px;font:600 10px/1.4 var(--mono);color:var(--pill-ink,#fff);background:linear-gradient(180deg, var(--pill-light), var(--pill-face));box-shadow:0 8px 0 var(--pill-edge), 0 15px 24px -5px #71361640;text-shadow:0 1px 1px #71361624;border:1px solid #ffffff40;border-radius:999px;align-items:center;padding:11px 18px;display:inline-flex;position:relative}.hero-prompt-face:before{content:"";pointer-events:none;background:linear-gradient(#ffffff25,#fff0);border-radius:999px;height:40%;position:absolute;inset:2px 10px auto}.hero-prompt-0{--roll:-9deg;--yaw:-14deg;--pill-light:#ff8756;--pill-face:#ff5a1f;--pill-edge:#c43d0c;top:34px;left:-8px}.hero-prompt-1{--roll:9deg;--yaw:14deg;--pill-light:#ffe3ca;--pill-face:#ffd0a8;--pill-edge:#d99564;--pill-ink:#713a20;top:112px;right:-8px}.hero-prompt-2{--roll:8deg;--yaw:-12deg;--pill-light:#f8814b;--pill-face:#ec520c;--pill-edge:#af380c;top:262px;left:16px}.hero-prompt-3{--roll:-8deg;--yaw:12deg;--pill-light:#fff1db;--pill-face:#ffe0b5;--pill-edge:#d7a675;--pill-ink:#713a20;top:305px;right:8px}.hero-actions .hero-key-cta{--hero-key-edge:var(--orange-700);box-shadow:0 6px 0 var(--hero-key-edge), 0 11px 18px -7px #71361635;transition:transform .16s,box-shadow .16s,background .16s;transform:translateY(0)}.hero-actions .hero-key-cta.btn-ghost{--hero-key-edge:#d5c5b7;background:var(--surface);border-color:#e9ddd1}.hero-actions .hero-key-cta:hover{box-shadow:0 7px 0 var(--hero-key-edge), 0 13px 21px -7px #71361640;transform:translateY(-1px)}.hero-actions .hero-key-cta:active{box-shadow:0 1px 0 var(--hero-key-edge), 0 3px 7px -4px #71361635;transform:translateY(5px)}.hero-actions .hero-key-cta:focus-visible{outline:2px solid var(--orange-500);outline-offset:10px}@media (width>=900px) and (prefers-reduced-motion:no-preference){.hero-prompt-face{animation:6s ease-in-out infinite alternate hero-prompt-float}.hero-prompt-1 .hero-prompt-face{animation-duration:7s;animation-delay:-2s}.hero-prompt-2 .hero-prompt-face{animation-duration:6.5s;animation-delay:-4s}.hero-prompt-3 .hero-prompt-face{animation-duration:7.5s;animation-delay:-1s}}@keyframes hero-prompt-float{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}@media (width>=900px) and (width<=1199px){.hero-prompt-face{min-height:35px;padding:9px 12px;font-size:8px}.hero-prompt-0{top:0;left:-12px}.hero-prompt-1{top:0;right:-12px}.hero-prompt-2{top:240px;left:0}.hero-prompt-3{top:255px;right:0}}@media (width<=899px){.hero-prompt-field{display:none}}.hero-intro.eyebrow{margin:0 0 25px;font-size:11px}.hero-title{font-size:clamp(46px,7.1vw,98px)}.hero-title-line{display:block}.hero-word,.hero-letter{display:inline-block}.hero-word:not(:last-child){margin-right:.08em}.hero-title-accent{color:var(--orange-500)}.hero-title-live{letter-spacing:-.035em;color:var(--ink-2);margin-top:18px;font-size:.52em;display:block}.hero .lead{text-wrap:pretty;max-width:530px;margin:26px auto 0}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.hero-footnote{color:var(--muted);margin:18px 0 0;font-size:12px}.hero-editor-wrap{isolation:isolate;text-align:left;max-width:1060px;margin:62px auto 0;position:relative}.hero-editor-wrap:before{content:"";background:radial-gradient(ellipse, var(--orange-200), transparent 70%);filter:blur(65px);opacity:.7;z-index:-1;position:absolute;inset:6% 8% 12%}.hero-editor{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow), 0 24px 80px -48px var(--orange-400);border-radius:15px;position:relative;overflow:hidden}@media (width>=900px) and (prefers-reduced-motion:no-preference){.hero-editor-wrap{perspective:1200px;perspective-origin:50% 0}.hero-editor-wrap>.hero-studio{transform-origin:50% 0;will-change:transform}}.hero-editor-wrap>.hero-studio:fullscreen{box-shadow:none!important;transform:none!important}.hero-editor-bar{border-bottom:1px solid var(--line);align-items:center;gap:20px;height:43px;padding:0 16px;font-size:11px;display:flex}.hero-window-dots{gap:5px;display:flex}.hero-window-dots i{background:var(--line);border-radius:50%;width:7px;height:7px}.hero-window-dots i:first-child{background:var(--orange-300)}.hero-project-name{color:var(--ink-2)}.hero-project-name>span{color:var(--muted)}.hero-editor-mode{color:var(--muted);align-items:center;gap:6px;margin-left:auto;display:flex}.hero-editor-mode>span,.hero-live-dot{background:var(--orange-500);border-radius:50%;width:6px;height:6px;display:inline-block}.hero-workspace{display:flex}.hero-layers{border-right:1px solid var(--line);flex-shrink:0;width:185px;padding:16px 10px}.hero-panel-label{color:var(--muted);align-items:center;gap:7px;padding:0 5px 14px;font-size:10px;display:flex}.hero-panel-label>span{font-family:var(--mono);margin-left:auto}.hero-layer-row{color:var(--ink-2);border-radius:6px;align-items:center;gap:8px;margin-bottom:3px;padding:9px 8px;font-size:10px;display:flex}.hero-layer-selected{background:var(--orange-50);color:var(--orange-700)}.hero-layer-icon{text-align:center;border:1px solid var(--line);border-radius:4px;width:20px;font-size:11px}.hero-layer-hint{color:var(--muted);margin:35px 6px 0;font-size:9px}.hero-stage{background:var(--surface-2);flex:1;min-width:0;padding:35px 42px 50px;position:relative}.hero-stage-info{font:8px var(--mono);color:var(--muted);justify-content:space-between;display:flex;position:absolute;top:10px;left:15px;right:15px}.hero-scene{aspect-ratio:16/9;background:var(--orange-50);border:1px solid var(--orange-100);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-scene-tag{font:clamp(5px, .65vw, 9px) var(--mono);letter-spacing:.14em;color:var(--orange-700);position:absolute;top:10%}.hero-orbit{aspect-ratio:1;border:1px solid var(--orange-200);border-radius:50%;width:52%;position:absolute;top:1%;right:-7%}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid var(--orange-200);border-radius:50%;position:absolute;inset:12%}.hero-orbit:after{inset:25%}.hero-orbit>span{aspect-ratio:1;background:linear-gradient(135deg, var(--orange-300), var(--orange-600));width:18%;box-shadow:var(--glow);border-radius:50%;position:absolute;top:17%;left:0}.hero-scene-title{letter-spacing:-.055em;border:1px solid var(--orange-300);text-align:center;padding:8px 15px;font-size:clamp(25px,4.5vw,63px);font-weight:700;line-height:1.03;position:relative}.hero-scene-title em{color:var(--orange-600);font-style:normal}.hero-scene-title>i{border:1px solid var(--orange-500);background:var(--surface);width:5px;height:5px;position:absolute}.hero-scene-title>i:first-of-type{top:-3px;left:-3px}.hero-scene-title>i:nth-of-type(2){top:-3px;right:-3px}.hero-scene-title>i:nth-of-type(3){bottom:-3px;left:-3px}.hero-scene-title>i:nth-of-type(4){bottom:-3px;right:-3px}.hero-scene-caption{color:var(--ink-2);align-items:center;gap:10px;font-size:clamp(7px,.9vw,12px);display:flex;position:absolute;bottom:10%}.hero-cursor{color:var(--orange-600);opacity:0;pointer-events:none;z-index:2;position:absolute;top:70%;left:74%}.hero-cursor>span{color:var(--accent-ink);background:var(--orange-600);border-radius:4px;margin:-3px 0 0 18px;padding:2px 8px;font-size:9px;display:block}.hero-claude-pill{white-space:nowrap;border:1px solid var(--orange-200);background:var(--surface);color:var(--orange-700);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hero-timeline{border-top:1px solid var(--line);padding:10px 16px 14px}.hero-timeline-top{font:9px var(--mono);align-items:center;gap:10px;margin-bottom:12px;display:flex}.hero-timeline-top>span>span{color:var(--muted)}.hero-timeline-fps{color:var(--muted);margin-left:auto}.hero-track-area{position:relative}.hero-ruler{font:8px var(--mono);color:var(--muted);justify-content:space-between;margin-left:60px;padding-bottom:7px;display:flex}.hero-track{align-items:center;height:23px;margin-bottom:3px;display:flex}.hero-track>span{width:60px;color:var(--muted);flex-shrink:0;font-size:9px}.hero-track-clip{background:var(--orange-100);border:1px solid var(--orange-200);width:80%;height:100%;color:var(--orange-700);border-radius:4px;align-items:center;gap:15%;padding:0 10px;font-size:8px;display:flex}.hero-track-1{background:var(--surface-2);border-color:var(--line);width:66%;margin-left:7%}.hero-track-2{width:55%;margin-left:18%}.hero-track-3{background:var(--orange-50);justify-content:space-around;gap:2px;width:calc(100% - 60px)}.hero-track-3>i{background:var(--orange-300);border-radius:1px;flex:1;max-width:6px}.hero-key{background:var(--orange-500);flex-shrink:0;width:4px;height:4px;transform:rotate(45deg)}.hero-playhead{background:var(--orange-600);width:1px;position:absolute;top:0;bottom:0;left:82%}.hero-playhead>span{background:var(--orange-600);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);width:7px;height:8px;margin-left:-3px;display:block}.hero-demo-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;font-size:11px;display:flex}.hero-live-dot{margin-right:6px}.hero-demo-controls{flex-shrink:0;align-items:center;gap:2px;display:flex}.hero-replay{color:var(--orange-700);background:0 0;border:0;align-items:center;gap:5px;padding:8px;font-size:11px;display:inline-flex}.hero-replay:focus-visible,.hero-scroll:focus-visible{outline:2px solid var(--orange-500);outline-offset:4px}.hero-scroll{color:var(--muted);align-items:center;gap:10px;margin-top:30px;font-size:12px;display:inline-flex}@media (width<=650px){.hero-layers,.hero-editor-mode,.hero-demo-label{display:none}.hero-stage{padding:29px 12px 47px}.hero-editor-bar{gap:12px;height:36px;padding:0 12px}.hero-project-name{font-size:9px}.hero-scene-title{font-size:clamp(28px,7vw,45px)}.hero-scene-tag{font-size:5px}.hero-scene-caption{font-size:7px}.hero-scene-caption svg{width:10px}.hero-claude-pill{padding:6px 8px;font-size:8px}.hero-timeline{padding:10px}.hero-timeline-fps{font-size:7px}.hero-ruler{margin-left:40px;font-size:6px}.hero-track>span{width:40px;font-size:7px}.hero-track-clip{gap:8%;height:18px;padding:0 5px;font-size:6px}.hero-track-3{width:calc(100% - 40px)}.hero-demo-caption{gap:4px;font-size:9px}.hero-editor-wrap{margin-top:44px}.hero-actions .btn{padding-inline:18px;font-size:14px}}@media (prefers-reduced-motion:reduce){.hero-letter,.hero-editor,.hero-scene-piece,.hero-layer-row{opacity:1!important;visibility:visible!important;transform:none!important}.hero-cursor{display:none}}.hero-launch{min-height:1px;margin-top:22px}.hero-launch:empty{display:none}@font-face{font-family:Inter;src:url(/fonts/Inter-400.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-700.ttf)format("truetype");font-weight:700;font-display:swap}.hero-studio{--bg:#000;--surface:#1c1c1e;--surface-2:#2c2c2e;--surface-3:#3a3a3c;--ink:#f3f3f5;--ink-2:#f3f3f5a3;--ink-3:#f3f3f56b;--ink-4:#f3f3f533;--line:#ffffff12;--line-2:#ffffff1f;--accent:#0a84ff;--accent-2:#409cff;--accent-soft:#0a84ff33;--on-accent:#fff;--danger:#ff453a;--good:#30d158;--warn:#ffb547;--brand:#ff5a1f;--field-bg:#76768038;--menu:#2c2c2e;--key-face:#2c2c2e;--key-face-hover:#333336;--key-edge:#151517;--key-drop:#0000004d;--glass:#1c1c1eb8;--glass-edge:#ffffff0f;--card-shadow:0 1px 2px #0000004d, 0 12px 32px -14px #0009;--pop-shadow:0 1px 2px #0006, 0 24px 60px -20px #000c;--dots:#ffffff1c;--stage-bg:#1c1c1e;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--font:"Inter", ui-sans-serif, system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:12px/1.4 var(--font);color:var(--ink);text-align:left;background:var(--bg)}.hero-studio button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.hero-studio button:disabled{opacity:.45;cursor:default}.hero-studio input{font:inherit;color:var(--ink)}.hero-studio .row{align-items:center;gap:8px;display:flex}.hero-studio .col{flex-direction:column;gap:10px;display:flex}.hero-studio .grow{flex:1;min-width:0}.hero-studio .dim{color:var(--ink-2)}.hero-studio .faint{color:var(--ink-3)}.hero-studio .small{font-size:12.5px}.hero-studio .tiny{font-size:11.5px}.hero-studio .mono{font-family:var(--mono)}.hero-studio .err{color:var(--danger)}.hero-studio .center{place-items:center;height:100%;display:grid}.hero-studio .ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-studio .key{background:var(--key-face);height:40px;box-shadow:inset 0 1px 0 #ffffff24, 0 3px 0 var(--key-edge);transition:transform 80ms var(--ease), background .15s;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:3px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.hero-studio .key:hover:not(:disabled){background:var(--key-face-hover)}.hero-studio .key:active:not(:disabled){box-shadow:inset 0 1px 0 #ffffff24, 0 1px 0 var(--key-edge);transform:translateY(2px)}.hero-studio .key.block{width:100%}.hero-studio .key.primary{background:var(--accent);color:#fff;box-shadow:inset 0 1px #ffffff40,0 3px #0053b3}.hero-studio .key.primary:hover:not(:disabled){background:#1a8cff}.hero-studio .key.dark{color:#fff;background:#1c1c1e;box-shadow:inset 0 1px #ffffff24,0 3px #000}.hero-studio .key.dashed{box-shadow:none;border:1.5px dashed var(--line-2);background:0 0;margin-bottom:0}.hero-studio .ibtn{width:36px;height:36px;color:var(--ink-2);border-radius:999px;place-items:center;transition:background .15s,color .15s;display:inline-grid}.hero-studio .ibtn:hover:not(:disabled){background:var(--field-bg);color:var(--ink)}.hero-studio .ibtn.sq{border-radius:12px;width:42px;height:42px}.hero-studio .ibtn.on{background:var(--accent);color:#fff}.hero-studio .ibtn.sm{width:28px;height:28px}.hero-studio .sep{background:var(--line-2);width:1px;height:24px;margin:0 6px}.hero-studio .field{background:var(--field-bg);border:0;border-radius:9px;outline:none;width:100%;height:36px;padding:0 12px;font-size:13.5px;box-shadow:inset 0 0 0 .5px #ffffff12}.hero-studio .field:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.hero-studio textarea.field{resize:vertical;height:auto;padding:10px 12px;line-height:1.45}.hero-studio textarea.code{font-family:var(--mono);white-space:pre;tab-size:2;font-size:12.5px;line-height:1.55}.hero-studio .selectwrap{width:100%;position:relative}.hero-studio .selectwrap select{appearance:none;cursor:pointer;padding-right:32px}.hero-studio .selectwrap svg{pointer-events:none;color:var(--ink-2);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.hero-studio .pref{position:relative}.hero-studio .pref span{color:var(--ink-3);pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hero-studio .pref input{padding-left:30px}.hero-studio .frow{grid-template-columns:100px 1fr;align-items:center;gap:10px;min-height:36px;display:grid}.hero-studio .frow>label{color:var(--ink-2);font-size:13.5px}.hero-studio .frow.pair>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hero-studio .slider{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.hero-studio .slider .val{text-align:right;font-variant-numeric:tabular-nums;min-width:54px;font-size:13.5px}.hero-studio .slider .val i{color:var(--ink-3);margin-left:2px;font-size:12px;font-style:normal}.hero-studio input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}.hero-studio input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--p,50%), var(--line-2) var(--p,50%));border-radius:4px;height:4px}.hero-studio input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:22px;height:22px;margin-top:-9px;box-shadow:0 1px 3px #0000004d,0 0 0 .5px #0000001a}.hero-studio input[type=range]::-moz-range-track{background:var(--line-2);border-radius:4px;height:4px}.hero-studio input[type=range]::-moz-range-progress{background:var(--accent);border-radius:4px;height:4px}.hero-studio input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 3px #0000004d}.hero-studio input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.hero-studio .seg{background:var(--field-bg);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:grid}.hero-studio .seg button{height:30px;color:var(--ink-2);border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.hero-studio .seg button.on{background:var(--surface-3);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #0000002e}.hero-studio[data-studio-theme=light] .seg button.on{background:var(--surface)}.hero-studio .seg.tabs{background:var(--surface);border-radius:14px;padding:4px}.hero-studio .seg.tabs button{border-radius:9px;height:34px;font-size:12.5px;font-weight:600}.hero-studio .seg.tabs button.on{background:var(--surface-2)}.hero-studio .swatches{flex-wrap:wrap;gap:8px;display:flex}.hero-studio .swatch{border-radius:9px;width:34px;height:34px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.hero-studio .swatch.on{outline:2px solid var(--accent);outline-offset:2px}.hero-studio .swatch input{opacity:0;cursor:pointer;position:absolute;inset:0}.hero-studio .card{background:var(--surface);box-shadow:var(--card-shadow);border-radius:18px}.hero-studio .pcard{background:var(--surface);border-radius:16px}.hero-studio .pcard>.ph{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;height:52px;padding:0 12px 0 18px;display:flex}.hero-studio .pcard>.ph b{flex:1;font-size:16px;font-weight:600}.hero-studio .pcard>.ph svg.ic{color:var(--ink-2)}.hero-studio .pcard>.pb{flex-direction:column;gap:12px;padding:0 18px 18px;display:flex}.hero-studio .pcard .hint{color:var(--ink-3);font-size:13px;line-height:1.45}.hero-studio .inner{background:var(--surface-2);border-radius:14px;padding:12px 14px}.hero-studio .tile{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.hero-studio .tile.blue{color:var(--accent);background:#0a84ff26}.hero-studio .tile.green{color:#30d158;background:#30d15833}.hero-studio .tile.orange{color:#ff9f0a;background:#ff9f0a33}.hero-studio .tile.purple{color:#bf5af2;background:#bf5af233}.hero-studio pre.cmd{background:var(--bg);font-family:var(--mono);white-space:pre-wrap;word-break:break-all;border-radius:12px;margin:0;padding:14px 16px;font-size:12.5px;line-height:1.6}.hero-studio code.k{font-family:var(--mono);background:var(--field-bg);border-radius:6px;padding:1px 6px;font-size:12px}.hero-studio .copy{color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.hero-studio .shell{grid-template-rows:64px minmax(0,1fr) auto;gap:0;height:100vh;padding:0 16px 16px;display:grid}.hero-studio .topbar{align-items:center;gap:14px;display:flex}.hero-studio .topbar .title{width:360px;color:var(--ink);background:0 0;border:0;outline:none;font-size:17px;font-weight:700}.hero-studio .split{margin-bottom:3px;display:inline-flex}.hero-studio .split .key{border-radius:10px 0 0 10px;margin-bottom:0}.hero-studio .split .key+.key{border-left:1px solid var(--line-2);border-radius:0 10px 10px 0;padding:0 10px}.hero-studio .aspect{height:36px;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.hero-studio .aspect:hover{background:var(--field-bg)}.hero-studio .aspect .pill{background:var(--field-bg);color:var(--ink-2);border-radius:8px;padding:2px 8px;font-size:12.5px;font-weight:600}.hero-studio .workarea{grid-template-columns:372px minmax(0,1fr);gap:16px;min-height:0;display:grid}.hero-studio .leftcol{flex-direction:column;gap:12px;min-height:0;display:flex}.hero-studio .leftscroll{scrollbar-width:thin;border-radius:16px;flex-direction:column;gap:12px;min-height:0;padding-bottom:8px;display:flex;overflow:auto}.hero-studio .layerhead{align-items:center;gap:10px;padding:2px 4px;display:flex}.hero-studio .layerhead .field{height:44px;font-size:14.5px}.hero-studio .stagebox{background-color:var(--surface);background-image:radial-gradient(var(--dots) 1.1px, transparent 1.2px);background-size:22px 22px;border-radius:22px;min-height:0;position:relative;overflow:hidden}.hero-studio .stagebox canvas.stage{border-radius:14px;position:absolute;box-shadow:0 30px 80px -30px #00000080}.hero-studio .overlay{pointer-events:none;position:absolute;inset:0}.hero-studio .handle{pointer-events:auto;background:#fff;position:absolute;box-shadow:0 0 0 1px #0000004d,0 1px 3px #0006}.hero-studio .handle.c{border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px}.hero-studio .handle.h{cursor:ns-resize;border-radius:4px;width:22px;height:6px;margin:-3px 0 0 -11px}.hero-studio .handle.v{cursor:ew-resize;border-radius:4px;width:6px;height:22px;margin:-11px 0 0 -3px}.hero-studio .zoompill{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 0 0 .5px var(--glass-edge), var(--card-shadow);border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:12px;left:12px}.hero-studio .zoompill .pct{text-align:center;width:64px;font-size:12.5px}.hero-studio .zoompill .fit{height:36px;color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.hero-studio .zoompill .fit:hover{background:var(--field-bg);color:var(--ink)}.hero-studio .askpill{background:var(--brand);color:#fff;height:46px;transition:transform .15s var(--spring);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;max-width:70%;padding:0 10px 0 12px;font-size:16px;font-weight:700;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000000f,0 4px #c43d0c,0 18px 40px -12px #ff5a1f99}.hero-studio .askpill:hover{transform:translate(-50%)translateY(-1px)}.hero-studio .askpill .spark{width:30px;height:30px;color:var(--brand);background:#fff;border-radius:50%;place-items:center;display:grid}.hero-studio .askpill.busy .spark svg{animation:1.6s linear infinite spin}.hero-studio .askpill kbd{font:600 13px var(--mono);background:#fff3;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.hero-studio .askpill .msg{text-overflow:ellipsis;max-width:420px;font-size:14.5px;overflow:hidden}.hero-studio .stopbtn{color:#1c1c1e;height:38px;box-shadow:var(--pop-shadow);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:600;display:flex;position:absolute;bottom:66px;left:50%;transform:translate(-50%)}.hero-studio .askbox{background:var(--menu);width:min(580px,92%);box-shadow:var(--pop-shadow), inset 0 0 0 .5px var(--line-2);animation:pop-up .22s var(--spring);z-index:5;border-radius:20px;padding:14px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hero-studio .askbox .head{align-items:center;gap:8px;padding:2px 4px 12px;display:flex}.hero-studio .askbox .head b{flex:1;font-size:16px}.hero-studio .chip{background:var(--field-bg);height:30px;color:var(--ink-2);border:0;border-radius:9px;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.hero-studio .askbox .box{background:var(--surface-2);border-radius:14px;padding:12px 14px}.hero-studio .askbox textarea{resize:none;background:0 0;border:0;outline:none;width:100%;min-height:60px;font-size:15px}.hero-studio .askbox .foot{color:var(--ink-3);justify-content:space-between;align-items:center;font-size:12px;display:flex}.hero-studio .askbox .send{background:var(--brand);color:#fff;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 14px;font-weight:600;display:inline-flex}.hero-studio .askbox .send:disabled{background:var(--surface-3);color:var(--ink-2)}.hero-studio .askbox .log{flex-direction:column;gap:6px;max-height:260px;margin-bottom:10px;font-size:13px;display:flex;overflow:auto}.hero-studio .askbox .log .u{background:var(--accent);color:#fff;border-radius:14px 14px 4px;align-self:flex-end;max-width:85%;padding:7px 11px}.hero-studio .askbox .log .a{background:var(--surface-2);white-space:pre-wrap;border-radius:14px 14px 14px 4px;max-width:92%;padding:7px 11px}.hero-studio .askbox .log .p{color:var(--ink-3);padding-left:4px;font-size:12px}.hero-studio .menu{background:var(--menu);box-shadow:var(--pop-shadow), inset 0 0 0 .5px var(--line-2);z-index:30;min-width:280px;animation:pop-up .18s var(--spring);border-radius:18px;padding:8px;position:absolute}.hero-studio .menu button{text-align:left;border-radius:10px;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:15px;display:grid}.hero-studio .menu button:hover{background:var(--field-bg)}.hero-studio .menu button small{color:var(--ink-3);font-size:13px}.hero-studio .backdrop{z-index:29;position:fixed;inset:0}.hero-studio .tlwrap{margin-top:12px;position:relative}.hero-studio .tlgrip{background:var(--line-2);cursor:ns-resize;z-index:2;border-radius:4px;width:56px;height:5px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.hero-studio .tlgrip:hover{background:var(--ink-4)}.hero-studio .timeline{background:var(--surface);border-radius:22px;grid-template-rows:64px minmax(0,1fr);display:grid;overflow:hidden}.hero-studio .toolbar{grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;display:grid}.hero-studio .toolbar .l,.hero-studio .toolbar .r{align-items:center;gap:4px;display:flex}.hero-studio .toolbar .r{justify-content:flex-end}.hero-studio .toolbar .c{align-items:center;gap:14px;display:flex}.hero-studio .toolbar .time{font:500 19px var(--mono);letter-spacing:.02em;text-align:right;min-width:82px}.hero-studio .toolbar .time.dim{color:var(--ink-3);text-align:left}.hero-studio .playbtn{color:#1c1c1e;width:48px;height:48px;transition:transform .12s var(--spring);background:#f3f3f5;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 8px #0000004d}.hero-studio[data-studio-theme=light] .playbtn{color:#fff;background:#1c1c1e}.hero-studio .playbtn:active{transform:scale(.94)}.hero-studio .durbtn{border-radius:12px;align-items:center;gap:8px;height:40px;padding:0 10px;font-weight:500;display:inline-flex}.hero-studio .durbtn:hover{background:var(--field-bg)}.hero-studio .toolbar input.zoomrange{flex:none;width:116px}.hero-studio .tl{scrollbar-width:thin;position:relative;overflow:auto}.hero-studio .tl-inner{position:relative}.hero-studio .tl-row{border-bottom:1px solid var(--line);grid-template-columns:240px 1fr;display:grid}.hero-studio .tl-head{z-index:3;background:var(--surface);align-items:center;gap:12px;min-width:0;padding:0 12px 0 16px;font-size:15px;display:flex;position:sticky;left:0}.hero-studio .tl-head .stack{align-items:center;gap:6px;display:flex}.hero-studio .tl-head .stack .t{color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.hero-studio .tl-body{position:relative}.hero-studio .ruler{cursor:pointer;height:34px;position:relative}.hero-studio .ruler span{font:12px var(--mono);color:var(--ink-3);position:absolute;top:6px;transform:translate(3px)}.hero-studio .ruler i{background:var(--ink-4);width:1px;height:8px;position:absolute;bottom:2px}.hero-studio .phead{background:var(--accent);z-index:4;pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.hero-studio .phead:before{content:"";background:var(--accent);border-radius:9px;width:18px;height:22px;position:absolute;top:6px;left:-8px}.hero-studio .sec{white-space:nowrap;border-radius:9px;align-items:center;height:28px;padding:0 12px;font-size:14px;font-weight:600;display:flex;position:absolute;top:6px;overflow:hidden}.hero-studio .clip{color:#fff;white-space:nowrap;cursor:grab;height:36px;box-shadow:inset 0 1px 0 #ffffff40, 0 3px 0 var(--edge,#0003);border-radius:10px;align-items:center;gap:6px;padding:0 20px;font-size:14px;font-weight:600;display:flex;position:absolute;top:7px;overflow:hidden}.hero-studio .clip .lbl{text-overflow:ellipsis;pointer-events:none;align-items:center;gap:6px;display:inline-flex;overflow:hidden}.hero-studio .clip .grip{cursor:ew-resize;justify-content:center;align-items:center;gap:3px;width:16px;display:flex;position:absolute;top:0;bottom:0}.hero-studio .clip .grip:before,.hero-studio .clip .grip:after{content:"";background:#ffffffd9;border-radius:2px;width:2.5px;height:16px}.hero-studio .clip .grip.l{left:2px}.hero-studio .clip .grip.r{right:2px}.hero-studio .clip.sel{box-shadow:0 0 0 2px var(--accent), 0 0 0 5px #0a84ff40, inset 0 1px 0 #ffffff40}.hero-studio .clip .kf{pointer-events:none;background:#fff;border-radius:2px;width:10px;height:10px;margin-left:-5px;position:absolute;top:12px;transform:rotate(45deg);box-shadow:0 0 0 1.5px #0000004d}.hero-studio .clip svg.wave{opacity:.35;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-studio .fxtick{background:#ff9f0a;border-radius:2px;width:3px;height:26px;position:absolute;top:12px}.hero-studio .tl-hint{color:var(--ink-3);white-space:nowrap;font-size:14px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.hero-studio .beat{background:var(--line);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.hero-studio{border-color:var(--line-2)}.hero-studio:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.hero-studio button:focus-visible,.hero-studio summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero-studio .shell{grid-template-rows:52px 410px auto;height:auto;padding:0 12px 12px}.hero-studio .topbar{gap:10px}.hero-studio .topbar .title{text-overflow:ellipsis;white-space:nowrap;width:auto;min-width:0;font-size:14px;overflow:hidden}.hero-studio .key.sm{height:29px;padding:0 10px;font-size:11px}.hero-studio .workarea{grid-template-columns:280px minmax(0,1fr);gap:12px}.hero-studio .leftcol{gap:10px}.hero-studio .leftscroll{overscroll-behavior:contain;gap:10px;padding-right:3px}.hero-studio .seg.tabs{border-radius:12px;padding:3px}.hero-studio .seg.tabs button{gap:4px;height:29px;font-size:10px}.hero-studio .layerhead{gap:8px}.hero-studio .layerhead .field{height:34px;padding:8px 10px;font-size:12px}.hero-studio .layerhead .small{padding:4px 2px 0;font-size:10px}.hero-studio .tile{border-radius:10px;width:34px;height:34px}.hero-studio .pcard{border-radius:14px;flex:none}.hero-studio .ph{height:42px;padding:0 12px;list-style:none}.hero-studio .ph::-webkit-details-marker{display:none}.hero-studio .ph b{font-size:13px}.hero-studio .ph .ic{color:var(--ink-2);display:grid}.hero-studio .pcard:not([open]) .ph>svg{transform:rotate(180deg)}.hero-studio .pcard .pb{gap:10px;padding:0 12px 12px}.hero-studio .pcard .hint{font-size:11px}.hero-studio .frow{grid-template-columns:88px minmax(0,1fr);gap:8px;min-height:30px}.hero-studio .frow label{font-size:11px}.hero-studio .field{height:30px;padding:7px 9px;font-size:11px}.hero-studio .pref .field{padding-left:24px}.hero-studio .pref span{font-size:11px;left:8px}.hero-studio .color-value{gap:7px;display:flex}.hero-studio .color-value i{width:30px;height:30px;box-shadow:0 0 0 1px var(--line-2);border-radius:8px;flex:none}.hero-studio .hero-studio-layer-list{flex-direction:column;gap:3px;display:flex}.hero-studio .hero-studio-layer{text-align:left;border-radius:7px;align-items:center;gap:7px;padding:6px;font-size:10px;display:flex}.hero-studio .hero-studio-layer:hover{background:var(--field-bg)}.hero-studio .hero-studio-layer.on{background:var(--accent-soft)}.hero-studio .hero-studio-layer .layer-type{color:#fff;border-radius:6px;flex:none;place-items:center;width:23px;height:23px;display:grid}.hero-studio .hero-studio-layer i{background:var(--ink-4);border-radius:50%;flex:none;width:4px;height:4px}.hero-studio .hero-studio-layer i.active{background:var(--accent)}.hero-studio .stagebox{border-radius:18px;justify-content:center;align-items:center;padding:32px 28px 95px;display:flex}.hero-studio .hero-studio-screen{background:#f2f2f7;border-radius:12px;flex:none;width:min(100%,503px);position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #00000080}.hero-studio .hero-studio-canvas,.hero-studio .hero-studio-poster{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-studio .hero-studio-poster{object-fit:cover}.hero-studio .hero-studio-canvas{opacity:0;pointer-events:none}.hero-studio .hero-studio-canvas-ready{opacity:1;pointer-events:auto;cursor:crosshair}.hero-studio .zoompill{padding:2px;bottom:51px}.hero-studio .zoompill .pct{width:43px;font-size:10px}.hero-studio .zoompill .fit{height:28px;padding:0 8px;font-size:10px}.hero-studio .askpill{gap:8px;max-width:calc(100% - 24px);height:36px;padding:0 8px;bottom:10px}.hero-studio .askpill .spark{flex:none;width:25px;height:25px}.hero-studio .askpill .msg{font-size:11px}.hero-studio .askpill kbd{flex:none;width:21px;height:21px;font-size:11px}.hero-studio .timeline{border-radius:18px;grid-template-rows:52px minmax(0,1fr);height:335px}.hero-studio .timeline.collapsed{height:52px}.hero-studio .toolbar{grid-template-columns:1fr auto 1fr;gap:6px;padding:0 8px}.hero-studio .toolbar .l,.hero-studio .toolbar .r{gap:2px;min-width:0}.hero-studio .toolbar .c{gap:5px}.hero-studio .ibtn.sq{border-radius:8px;flex:none;width:28px;height:30px}.hero-studio .toolbar .time{min-width:52px;font-size:14px}.hero-studio .playbtn{flex:none;width:38px;height:38px}.hero-studio .playbtn svg{margin-left:2px}.hero-studio .libbtn{color:#fff;background:linear-gradient(135deg,#0a84ff,#5e5ce6);border-radius:8px;gap:4px;height:30px;padding:0 7px;font-size:10px;display:inline-flex}.hero-studio .durbtn{gap:4px;height:30px;padding:0 6px;font-size:11px}.hero-studio .sep{flex:none;height:18px;margin:0 3px}.hero-studio .tl{overscroll-behavior:contain;scrollbar-color:var(--surface-3) var(--surface)}.hero-studio .tl-inner{--head:180px;min-width:100%}.hero-studio .tl-row{grid-template-columns:var(--head) minmax(0, 1fr);height:40px}.hero-studio .tl-body{grid-column:2}.hero-studio .tl-head{gap:8px;padding:0 10px;font-size:11px}.hero-studio .tl-head .tile{border-radius:8px;width:26px;height:26px}.hero-studio .tl-head .stack{gap:4px}.hero-studio .tl-head .stack .t{border-radius:6px;flex:none;width:22px;height:22px}.hero-studio .ruler{height:26px}.hero-studio .tl-row:has(.ruler){height:26px}.hero-studio .ruler span{font-size:9px;top:3px}.hero-studio .ruler span:last-child{transform:translate(-100%)}.hero-studio .ruler span i{height:6px;top:15px;bottom:auto}.hero-studio .sec-row{height:36px}.hero-studio .sec{border-radius:7px;height:24px;padding:0 7px;font-size:10px;top:4px}.hero-studio .board-row{height:58px}.hero-studio .board-shot{border-left:2px solid var(--accent);background:var(--surface-2);text-align:left;border-radius:8px;height:49px;padding:5px 7px;position:absolute;top:4px;overflow:hidden}.hero-studio .board-shot.active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.hero-studio .board-shot b,.hero-studio .board-shot small{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.hero-studio .board-shot small{color:var(--ink-3);margin-top:3px;font-size:9px}.hero-studio .camera-row{height:32px}.hero-studio .tl-hint{font-size:10px;left:12px}.hero-studio .clip{border-radius:8px;min-width:5px;height:29px;padding:0 15px;font-size:10px;top:5px}.hero-studio .clip .grip{gap:2px;width:10px}.hero-studio .clip .grip:before,.hero-studio .clip .grip:after{width:2px;height:13px}.hero-studio .hero-studio-clip-select{text-align:left;color:#fff;padding:0 14px;position:absolute;inset:0;overflow:hidden}.hero-studio .clip .lbl{max-width:100%;font-size:10px}.hero-studio .clip .kf,.hero-studio .kf{pointer-events:auto;z-index:2;background:#fff;width:8px;height:8px;padding:0;top:10px}.hero-studio .clip.onscreen{border:1px dashed #ffffff80}.hero-studio .music-clip{--edge:#1c8a5c;background:linear-gradient(#46e0a0,#2cc585);justify-content:center;width:calc(100% - 4px);left:0}.hero-studio .fxtick{width:2px;height:20px;top:8px}.hero-studio .hero-studio-playhead-zone{inset:0 0 0 var(--head);pointer-events:none;z-index:4;position:absolute}.hero-studio .phead{left:0}.hero-studio .phead:before{border-radius:7px;width:14px;height:18px;top:2px;left:-6px}.hero-studio input.hero-studio-scrubber{opacity:0;pointer-events:auto;cursor:ew-resize;touch-action:pan-y;width:100%;height:26px;margin:0;position:absolute;inset:0 0 auto}.hero-studio input.hero-studio-scrubber::-webkit-slider-thumb{border:0;width:1px;height:26px;margin:0}.hero-studio input.hero-studio-scrubber::-moz-range-thumb{border:0;width:1px;height:26px}.hero-studio .hero-studio-playhead-zone:focus-within{outline:1px solid var(--accent)}.hero-studio-caption{flex-wrap:wrap}.hero-studio-audio-status{white-space:nowrap}.hero-studio:fullscreen{border-radius:0;width:100vw;height:100vh}.hero-studio:fullscreen .shell{grid-template-rows:52px minmax(0,1fr) auto;height:100%}@media (width<=1100px){.hero-studio .hero-studio-create-tool:nth-of-type(n+5),.hero-studio .libbtn{display:none}.hero-studio .workarea{grid-template-columns:235px minmax(0,1fr)}}@media (width<=800px){.hero-studio .shell{grid-template-rows:48px 345px auto}.hero-studio .hero-studio-screen{width:min(100%,387px)}.hero-studio .workarea{grid-template-columns:200px minmax(0,1fr)}.hero-studio .toolbar .l{display:none}.hero-studio .toolbar{grid-template-columns:1fr auto}.hero-studio .toolbar .c{justify-content:flex-start}.hero-studio .topbar .aspect,.hero-studio .topbar>.ibtn{display:none}}@media (width<=650px){.hero-studio .shell{grid-template-rows:43px auto auto;padding:0 8px 8px}.hero-studio .workarea{display:block}.hero-studio .leftcol,.hero-studio .topbar>.key,.hero-studio .topbar .split{display:none}.hero-studio .topbar .title{font-size:11px}.hero-studio .stagebox{border-radius:14px;padding:20px 12px 75px}.hero-studio .hero-studio-screen{border-radius:9px}.hero-studio .zoompill{bottom:43px;left:8px}.hero-studio .zoompill .pct{width:32px}.hero-studio .zoompill .ibtn{width:23px;height:23px}.hero-studio .zoompill .fit{height:23px;padding:0 6px}.hero-studio .askpill{gap:5px;height:29px;padding:0 6px;bottom:9px}.hero-studio .askpill .spark{width:21px;height:21px}.hero-studio .askpill .msg{font-size:9px}.hero-studio .askpill kbd{display:none}.hero-studio .timeline{border-radius:14px;grid-template-rows:49px minmax(0,1fr);height:220px}.hero-studio .timeline.collapsed{height:49px}.hero-studio .toolbar{gap:3px;padding:0 6px}.hero-studio .toolbar .c{gap:1px}.hero-studio .toolbar .time{min-width:40px;font-size:11px}.hero-studio .toolbar .ibtn.sm{width:24px}.hero-studio .playbtn{width:33px;height:33px}.hero-studio .toolbar .durbtn,.hero-studio .toolbar .r>button:nth-last-child(2),.hero-studio .toolbar .r>button:nth-last-child(3){display:none}.hero-studio .tl-inner{--head:0px}.hero-studio .tl-head{display:none}.hero-studio .ruler span:nth-child(4n+3){font-size:0}.hero-studio .sec{height:21px;padding:0 3px;font-size:8px}.hero-studio .board-row{display:none}.hero-studio .layer-row{height:25px}.hero-studio .layer-row .clip{border-radius:5px;height:18px;top:3px}.hero-studio .layer-row .lbl{font-size:8px}.hero-studio .layer-row .lbl svg,.hero-studio .layer-row .grip{display:none}.hero-studio .clip .kf{width:5px;height:5px;top:6px}.hero-studio-caption{font-size:9px}.hero-studio-caption>span:last-child{display:none}}.hero-studio .tf-list{flex-direction:column;gap:10px;display:flex}.hero-studio .tf-row{grid-template-columns:124px 1fr;align-items:center;gap:10px;min-height:36px;display:grid}.hero-studio .tf-row.text{grid-template-columns:1fr;gap:4px}.hero-studio .tf-lab{min-width:0;color:var(--ink-2);align-items:center;gap:4px;font-size:12.5px;display:flex}.hero-studio .tf-row.text .tf-lab{color:var(--ink-3);font-size:11.5px}.hero-studio .tf-reset{width:20px;height:20px;color:var(--ink-3);border-radius:6px;flex:none;place-items:center;display:inline-grid}.hero-studio .tf-reset:hover{background:var(--field-bg);color:var(--ink)}.hero-studio .tf-color{align-items:center;gap:8px;display:flex}.hero-studio .tf-color .swatch{flex:none;width:36px;height:36px}.hero-studio .tf-color .field{text-transform:uppercase;font-size:12.5px}.hero-studio .tf-image{align-items:center;gap:8px;display:flex}.hero-studio .tf-thumb{background:var(--field-bg) repeating-conic-gradient(var(--line-2) 0 25%, transparent 0 50%) 0 0 / 10px 10px;border-radius:8px;flex:none;place-items:center;width:64px;height:40px;display:grid;overflow:hidden}.hero-studio .tf-thumb img{object-fit:contain;max-width:100%;max-height:100%}.hero-studio .tf-search{color:var(--ink-3);align-items:center;gap:8px;display:flex}.hero-studio .tf-search .field{height:32px}.hero-studio .tf-group{border-top:1px solid var(--line);padding-top:10px}.hero-studio .tf-group>summary{cursor:pointer;align-items:center;gap:8px;padding:2px 0 10px;font-size:13.5px;font-weight:600;list-style:none;display:flex}.hero-studio .tf-group>summary::-webkit-details-marker{display:none}.hero-studio .tf-group>summary:before{content:"›";width:10px;color:var(--ink-3);transition:transform .15s;display:inline-block}.hero-studio .tf-group[open]>summary:before{transform:rotate(90deg)}.hero-studio .tf-group>summary .ellipsis{flex:1}.hero-studio .tf-cta{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.hero-studio .tf-row{grid-template-columns:88px minmax(0,1fr);min-height:30px}.hero-studio .tf-row.text{grid-template-columns:1fr}.hero-studio .tf-lab{font-size:11px}.hero-studio .tf-list{gap:8px}.hero-studio .tf-color .swatch{width:30px;height:30px}.hero-studio .tf-color .field{font-size:10px}.hero-studio .tf-group>summary{font-size:12px}.hero-studio .tf-search .field{width:100%;min-width:0}@media (width<=1100px){.hero-studio .hero-studio-history{display:none}}@media (width<=650px){.hero-studio .beat{display:none}}.hero-studio .askpill.hero-studio-pill{box-shadow:0 0 0 2px color-mix(in srgb, var(--ai-accent,#fff) 70%, #fff), inset 0 1px 0 #ffffff47, 0 4px 0 #c43d0c, 0 18px 40px -12px #ff5a1f99}.hero-studio .askpill .hero-studio-ai-logo{color:#16120f}.hero-studio .askpill .hero-studio-ai-logo svg{width:62%;height:62%}.ai-picker{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin:26px auto 0;display:flex}.ai-picker-label{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ai-picker-chips{isolation:isolate;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;display:flex;position:relative}.ai-picker-thumb{z-index:-1;background:color-mix(in srgb, var(--ai-accent,var(--orange-500)) 11%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ai-accent,var(--orange-500)) 38%, transparent);border-radius:999px;position:absolute;top:0;left:0}.ai-chip{font:600 13px/1 var(--font);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:8px 14px 8px 10px;transition:color .2s;display:inline-flex}.ai-chip:hover{color:var(--ink-2)}.ai-chip.on{color:var(--ink)}.ai-chip:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}.ai-chip-logo{width:18px;height:18px;color:var(--ink);filter:grayscale()opacity(.55);transition:filter .25s;display:inline-flex}.ai-chip-logo svg{width:100%;height:100%}.ai-chip.on .ai-chip-logo,.ai-chip:hover .ai-chip-logo{filter:none}.ai-picker-note{color:var(--muted);flex-basis:100%;font-size:12px}@media (width<=560px){.ai-picker-chips{border-radius:18px}.ai-chip{padding:8px 11px 8px 8px;font-size:12px}}.launch-chip{transition:transform .3s var(--ease-out), box-shadow .3s;border-radius:999px;align-items:center;gap:9px;padding:7px 8px 7px 13px;font-size:13px;line-height:1.2;display:inline-flex}.launch-chip:hover{transform:translateY(-1px)}.launch-chip>i{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;animation:1.8s ease-out infinite launch-chip-pulse}@keyframes launch-chip-pulse{0%{box-shadow:0 0 0 0 var(--orange-300)}to{box-shadow:0 0 0 7px #0000}}.launch-chip b{font-weight:700}.launch-chip-count{font:600 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 9px}.launch-chip.is-light{background:var(--surface);border:1px solid var(--orange-200);color:var(--ink-2);box-shadow:0 6px 18px -12px var(--orange-400)}.launch-chip.is-light b{color:var(--orange-700)}.launch-chip.is-light .launch-chip-count{background:var(--accent);color:var(--accent-ink)}.launch-chip.is-dark{color:#fff;background:#ffffff1f;border:1px solid #ffffff40}.launch-chip.is-dark>i{background:#fff}.launch-chip.is-dark .launch-chip-count{color:var(--orange-700);background:#fff}.launch-chip:not(:has(.launch-chip-count)){padding-right:14px}@media (prefers-reduced-motion:reduce){.launch-chip>i{animation:none}}.codebg{z-index:0;pointer-events:none;background:radial-gradient(70% 55% at 50% 30%, var(--orange-50), transparent 75%), linear-gradient(180deg, var(--surface-2), var(--bg) 85%);position:absolute;inset:0;overflow:hidden}.codebg-canvas{width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 560px,#0000 900px);mask-image:linear-gradient(#000 0 560px,#0000 900px)}.ai-choice{padding-block:clamp(72px,9vw,120px)}.ai-choice-head{text-align:center;justify-items:center;gap:16px;margin-bottom:clamp(36px,5vw,56px);display:grid}.ai-choice-head .lead{text-wrap:pretty;margin:0}.ai-choice-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.ai-card{text-align:left;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:border-color .3s, box-shadow .3s, transform .35s var(--ease-out);align-content:start;gap:18px;padding:22px;display:grid;position:relative}.ai-card:before{content:"";background:var(--ai-accent);opacity:0;height:3px;transition:opacity .3s, transform .45s var(--ease-out);border-radius:0 0 3px 3px;position:absolute;inset:0 22px auto;transform:scaleX(.3)}.ai-card:hover{border-color:var(--orange-200);transform:translateY(-3px)}.ai-card.on{border-color:color-mix(in srgb, var(--ai-accent) 45%, var(--line));box-shadow:var(--shadow), 0 20px 50px -30px color-mix(in srgb, var(--ai-accent) 70%, transparent)}.ai-card.on:before{opacity:1;transform:none}.ai-card:focus-visible{outline:2px solid var(--orange-500);outline-offset:3px}.ai-card-top{align-items:center;gap:12px;display:flex}.ai-card-top b{letter-spacing:-.01em;font-size:18px;display:block}.ai-card-top small{font:500 11px/1.3 var(--mono);color:var(--muted);margin-top:2px;display:block}.ai-card-logo{background:var(--surface-2);border:1px solid var(--line);width:44px;height:44px;color:var(--ink);border-radius:12px;flex:none;place-items:center;display:grid}.ai-card-logo svg{width:24px;height:24px}.ai-card dl{gap:4px;margin:0;display:grid}.ai-card dt{font:500 10.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-700);margin-top:8px}.ai-card dt:first-child{margin-top:0}.ai-card dd{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.45}.ai-card .ai-card-connect{font-family:var(--mono);font-size:12.5px}.ai-choice-foot{text-align:center;justify-items:center;gap:8px;margin-top:32px;display:grid}.ai-choice-foot p{color:var(--ink-2);margin:0;font-size:15px}.ai-choice-foot a{color:var(--orange-700);align-items:center;gap:6px;font-weight:600;display:inline-flex}.ai-choice-foot a:hover{text-decoration:underline}.ai-choice-foot .ai-choice-legal{color:var(--muted);font-size:12px}.c2v{--c2v-bg:#0c0b0a;--c2v-line:#ffffff17;--c2v-text:#f4efea;--c2v-muted:#a49c95;background:var(--c2v-bg);color:var(--c2v-text);isolation:isolate;padding-block:clamp(72px,9vw,128px);overflow:hidden}.c2v:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 37% 62%,#ff6b1624,#0000 70%),radial-gradient(40% 40% at 90% 0,#ffad700f,#0000 70%);position:absolute;inset:0}.c2v-head{z-index:3;text-align:center;justify-items:center;gap:16px;margin-bottom:clamp(28px,4vw,48px);display:grid;position:relative}.c2v-head .lead{color:var(--c2v-muted);text-wrap:pretty;margin:0}.c2v-eyebrow{color:var(--orange-300)}.c2v-eyebrow:before{display:none}.c2v-accent{color:var(--orange-400)}.c2v-stage{width:100%;height:300px;position:relative}.c2v-track{position:absolute;inset:0}.c2v-card{width:300px;height:var(--card-h,188px);border:1px solid var(--c2v-line);color:var(--c2v-text);text-align:left;will-change:transform, clip-path;visibility:hidden;background:#10131a;border-radius:14px;padding:0;transition:border-color .3s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 24px 60px -30px #000000e6}.c2v-card:hover{border-color:#ff8a3d8c}.c2v-card:focus-visible{outline:2px solid var(--orange-400);outline-offset:3px}.c2v-card canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.c2v-tag{z-index:1;font:600 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#ff6b16e6;border-radius:999px;padding:3px 8px;position:absolute;top:10px;left:10px}.c2v-name{z-index:1;align-items:baseline;gap:8px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.c2v-name b{letter-spacing:-.01em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0b0ab8;border-radius:8px;padding:3px 8px;font-size:13px;font-weight:600}.c2v-name small{font:500 11px/1 var(--mono);color:var(--c2v-muted);background:#0c0b0ab8;border-radius:8px;padding:5px 7px}.c2v-code{pointer-events:none;z-index:2;position:absolute;top:0;left:0}.c2v-seam{z-index:1;pointer-events:none;left:calc(var(--seam,37%) - 60px);width:120px;top:calc(50% - var(--card-h,188px) / 2 - 60px);height:calc(var(--card-h,188px) + 120px);filter:blur(6px);background:radial-gradient(closest-side,#ff8a3d59,#ff6b1614 60%,#0000);animation:1.7s steps(9,end) infinite c2v-flicker;position:absolute}@keyframes c2v-flicker{0%,to{opacity:.85}20%{opacity:1}35%{opacity:.65}55%{opacity:.95}70%{opacity:.75}}.c2v-hint{z-index:3;text-align:center;color:var(--c2v-muted);margin-top:18px;font-size:14px;position:relative}.c2v-stage.is-static{height:auto}.c2v-stage.is-static .c2v-track{padding:4px var(--gutter) 12px;scroll-snap-type:x mandatory;gap:16px;display:flex;position:static;overflow-x:auto}.c2v-stage.is-static .c2v-card{visibility:visible;scroll-snap-align:start;flex:none;height:188px;position:relative}.c2v-modal{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080706b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.c2v-modal__box{border-radius:var(--radius);border:1px solid var(--c2v-line);width:min(1040px,100%);max-height:calc(100dvh - 32px);color:var(--c2v-text);background:#141210;gap:16px;padding:20px;display:grid;overflow:auto;box-shadow:0 40px 120px -40px #000000e6}.c2v-modal__box header{align-items:center;gap:10px;padding-right:44px;display:flex;position:relative}.c2v-modal__box header .c2v-tag{position:static}.c2v-modal__box header b{font-size:18px}.c2v-modal__box header small{font:500 12px/1 var(--mono);color:var(--c2v-muted)}.c2v-close{border:1px solid var(--c2v-line);width:36px;height:36px;color:var(--c2v-text);background:0 0;border-radius:50%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.c2v-close:hover{border-color:var(--orange-400)}.c2v-modal__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;display:grid}.c2v-modal__grid figure{align-content:start;gap:8px;min-width:0;margin:0;display:grid}.c2v-modal__grid figcaption{font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-300)}.c2v-modal__grid pre{border:1px solid var(--c2v-line);height:100%;max-height:420px;font:12px/1.55 var(--mono);color:#d8d0c8;white-space:pre-wrap;word-break:break-word;background:#0b0a09;border-radius:12px;margin:0;padding:14px;overflow:auto}.c2v-modal__video{aspect-ratio:16/10;border:1px solid var(--c2v-line);background:#10131a;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.c2v-modal__video canvas{width:100%;height:100%;position:absolute;inset:0}.c2v-modal__video span{font:12px var(--mono);color:var(--c2v-muted)}.c2v-modal__box footer{justify-content:flex-end;display:flex}@media (width<=720px){.c2v-stage{height:210px}.c2v-card{border-radius:12px;width:208px}.c2v-tag{padding:2px 6px;font-size:9px;top:7px;left:7px}.c2v-name{gap:5px;bottom:7px;left:7px}.c2v-name b{padding:2px 6px;font-size:11.5px}.c2v-name small{padding:4px 5px;font-size:10px}.c2v-seam{width:70px;left:calc(var(--seam,30%) - 35px)}.c2v-modal__grid{grid-template-columns:1fr}.c2v-modal__grid figure:last-child{order:-1}.c2v-modal__grid pre{max-height:220px}}.features{scroll-margin-top:80px}.features-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:42px;display:flex}.features-heading .eyebrow{margin:0 0 20px}.features-heading .lead{margin:0 0 4px;font-size:17px}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.features-cell{perspective:1000px;min-width:0}.features-cell-motion{grid-column:span 2}.features-cell-ask{grid-column:1/-1}.features-card{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:100%;transform-style:preserve-3d;position:relative;overflow:hidden}.features-card:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(340px circle at var(--features-spot-x,50%) var(--features-spot-y,50%), color-mix(in srgb, var(--orange-200) 28%, transparent), transparent 75%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.features-card[data-hover=true]:after{opacity:1}.features-copy{z-index:1;padding:8px 28px 28px;position:relative}.features-icon{background:var(--orange-50);border:1px solid var(--orange-100);width:32px;height:32px;color:var(--orange-600);border-radius:9px;justify-content:center;align-items:center;margin-bottom:17px;display:inline-flex}.features-label{color:var(--muted);font:9px var(--mono);letter-spacing:.07em;display:block}.features-copy h3{letter-spacing:-.035em;margin:10px 0 12px;font-size:23px;line-height:1.12}.features-copy p{max-width:50ch;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.features-visual{justify-content:center;align-items:center;height:185px;margin:14px 20px 4px;display:flex;position:relative;overflow:hidden}.features-chip{background:var(--surface);border:1px solid var(--line);color:var(--muted);font:9px var(--mono);box-shadow:var(--shadow);border-radius:6px;padding:5px 9px;position:absolute}.features-motion{background:radial-gradient(ellipse, var(--orange-50), transparent 70%)}.features-motion strong{letter-spacing:-.065em;color:var(--orange-500);font-size:100px;line-height:1;position:relative;transform:rotate(-5deg)}.features-motion strong>.features-motion-arrow{margin-left:16px;font-size:.55em;font-weight:400}.features-motion-outline{letter-spacing:-.065em;color:var(--surface);-webkit-text-stroke:1px var(--orange-200);font-size:100px;font-weight:700;line-height:1;position:absolute;transform:translate(-12px,-15px)rotate(-5deg)}.features-chip-top{top:16px;left:20%;transform:rotate(-7deg)}.features-chip-bottom{bottom:6px;right:15%;transform:rotate(4deg)}.features-audio{flex-direction:column;padding:20px 10px}.features-wave{align-items:center;gap:4px;width:100%;height:95px;display:flex}.features-wave>i{background:var(--orange-300);border-radius:5px;flex:1}.features-wave>i:nth-child(3n){background:var(--orange-500)}.features-audio-meta{width:100%;font:9px var(--mono);color:var(--muted);justify-content:space-between;margin-top:20px;display:flex}.features-audio-meta i{background:var(--orange-500);border-radius:50%;width:5px;height:5px;margin-left:4px;display:inline-block}.features-curve svg{width:100%;max-width:300px;overflow:visible}.features-curve-grid{stroke:var(--line);stroke-width:1px}.features-curve-handle{stroke:var(--orange-300);stroke-width:1px;stroke-dasharray:3 3}.features-curve-line{stroke:var(--orange-500);stroke-width:3px}.features-curve circle{fill:var(--surface);stroke:var(--orange-500);stroke-width:2px}.features-curve .features-chip{bottom:7px;right:0}.features-dimension{perspective:700px;background:radial-gradient(ellipse at center, var(--orange-50), transparent 70%)}.features-cube{width:85px;height:85px;transform-style:preserve-3d;z-index:1;margin-top:-16px;position:relative;transform:rotateX(-24deg)rotateY(-32deg)}.features-cube>span{border:1px solid var(--orange-300);position:absolute;inset:0}.features-cube-front{background:linear-gradient(135deg, var(--orange-100), var(--orange-300));transform:translateZ(42.5px)}.features-cube-right{background:var(--orange-500);transform:rotateY(90deg)translateZ(42.5px)}.features-cube-top{background:var(--orange-50);transform:rotateX(90deg)translateZ(42.5px)}.features-dimension-ring{border:1px solid var(--orange-200);border-radius:50%;width:210px;height:75px;position:absolute;bottom:23px;transform:rotate(-9deg)}.features-dimension .features-chip{bottom:7px;right:0}.features-file{border:1px solid var(--line);background:var(--surface);width:195px;box-shadow:var(--shadow);border-radius:12px;padding:17px;transform:rotate(-6deg)}.features-file>span:first-child{color:var(--orange-600);font:10px var(--mono);padding-bottom:20px;display:block}.features-file strong{font-size:13px;display:block}.features-file small{font:8px var(--mono);color:var(--muted)}.features-file-progress{background:var(--orange-100);border-radius:8px;height:4px;margin-top:15px;display:block}.features-file-progress i{border-radius:inherit;background:var(--orange-400);width:100%;height:100%;display:block}.features-export-check{background:var(--orange-500);width:35px;height:35px;color:var(--accent-ink);border:4px solid var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:25px;right:12%}.features-card-ask{background:var(--orange-50);flex-direction:row-reverse;align-items:center;display:flex}.features-card-ask .features-copy{width:50%;padding:32px}.features-chat{flex-direction:column;align-items:stretch;gap:16px;width:50%;margin:0;padding:0 25px}.features-chat-request,.features-chat-answer{border:1px solid var(--orange-200);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:13px;display:flex}.features-chat-request{color:var(--ink-2);margin-left:12%;transform:rotate(2deg)}.features-chat-answer{color:var(--orange-600);margin-right:8%;transform:rotate(-2deg)}.features-chat-answer>span{color:var(--ink-2);flex:1}.features-chat-answer strong{font-weight:500}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features-cell-motion{grid-column:span 1}.features-cell-export{grid-column:span 2}.features-card-export{align-items:center;display:flex}.features-card-export .features-visual{min-width:40%}.features-card-export .features-copy{padding:25px}.features-heading{display:block}.features-heading .lead{margin-top:20px}}@media (width<=600px){.features-grid{grid-template-columns:minmax(0,1fr);gap:14px}.features-cell-export{grid-column:auto}.features-card-export,.features-card-ask{display:block}.features-card-ask .features-copy,.features-chat{width:100%}.features-card-ask .features-copy{padding:8px 24px 26px}.features-chat{margin-top:16px;padding-inline:18px}.features-chat-request{margin-left:5%;font-size:11px}.features-chat-answer{margin-right:5%;font-size:11px}.features-visual{height:170px}.features-copy{padding:8px 24px 26px}.features-motion strong,.features-motion-outline{font-size:88px}.features-label{font-size:8px}}.features-motion-sel{outline:1px dashed var(--orange-300);border-radius:4px;padding:4px 14px;position:relative;transform:rotate(-5deg)}.features-motion .features-motion-sel strong{display:inline-block;transform:none}.features-motion-sel>i{background:var(--surface);border:1px solid var(--orange-500);border-radius:2px;width:7px;height:7px;position:absolute}.features-motion-sel>i:first-of-type{top:-4px;left:-4px}.features-motion-sel>i:nth-of-type(2){top:-4px;right:-4px}.features-motion-sel>i:nth-of-type(3){bottom:-4px;left:-4px}.features-motion-sel>i:nth-of-type(4){bottom:-4px;right:-4px}.features-motion-char,.features-motion-arrow{display:inline-block}.features-chip-top{color:var(--accent-ink);background:var(--orange-500);border-color:var(--orange-500);z-index:1}.features-chip-bottom b{border-radius:4px;padding:1px 4px;font-weight:400;transition:background .25s,color .25s}.features-chip-bottom b.is-active{background:var(--orange-100);color:var(--orange-700)}.features-wave>i{transform-origin:50%;will-change:transform}.features-bpm{text-align:right;min-width:4ch;font-weight:400;display:inline-block}.features-curve .features-curve-ball{fill:var(--orange-500);stroke:var(--surface);stroke-width:2.5px}.features-curve-name{color:var(--orange-600);font-weight:400;display:inline-block}.features-cube{will-change:transform}.features-cube-back{background:var(--orange-400);transform:rotateY(180deg)translateZ(42.5px)}.features-cube-left{background:var(--orange-300);transform:rotateY(-90deg)translateZ(42.5px)}.features-cube-bottom{background:var(--orange-600);transform:rotateX(-90deg)translateZ(42.5px)}.features-cube-shadow{background:radial-gradient(closest-side, color-mix(in srgb, var(--orange-600) 30%, transparent), transparent);border-radius:50%;width:110px;height:18px;position:absolute;bottom:40px}.features-file-progress i{transform-origin:0}.features-file-stat{font-variant-numeric:tabular-nums;margin-top:7px;display:block}.features-export-tray{border:1px solid var(--orange-200);background:var(--orange-50);width:68px;height:26px;color:var(--orange-600);opacity:0;border-top:0;border-radius:0 0 12px 12px;place-items:center;margin-left:-34px;display:grid;position:absolute;bottom:10px;left:50%}.features-chat-caret{vertical-align:-2px;background:var(--orange-500);opacity:0;width:1px;height:1em;margin-left:2px;display:inline-block}.features-chat-dots{flex:1;gap:4px;display:none}.features-chat-dots i{background:var(--orange-300);border-radius:50%;width:5px;height:5px}.features-chat-result{border:1px dashed var(--orange-300);background:var(--surface);border-radius:10px;align-self:center;align-items:center;gap:10px;padding:8px 14px;display:inline-flex}.features-chat-tag{font:9px var(--mono);color:var(--muted)}.features-chat-title{letter-spacing:-.03em;color:var(--orange-500);font-size:22px;font-weight:700}.features-chat-title span{display:inline-block}.features-card-ask .features-chat{height:auto;padding-block:24px}@media (prefers-reduced-motion:reduce){.features-card{transform:none!important}.features-card:after{display:none}.features-cell,.features-heading{opacity:1!important;visibility:visible!important}}.features-call{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0 0;font-size:11.5px;line-height:1;display:flex}.features-call>*{opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out), background .3s, color .3s;border-radius:7px;padding:6px 8px;transform:translateY(6px)}.features-call-prompt{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.features-call code{font:inherit;background:var(--ink);color:var(--orange-200)}.features-call code:before{content:"→ ";color:var(--orange-400)}.features-call-result{background:var(--orange-50);color:var(--orange-700);border:1px solid var(--orange-100)}.features-call.is-on>*{opacity:1;transform:none}.features-call.is-on>:nth-child(2){transition-delay:.35s}.features-call.is-on>:nth-child(3){transition-delay:.7s}.features-cell:hover .features-call-result{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.features-call>*{opacity:1;transition:none;transform:none}}.howitworks{background:var(--surface-2);--how-progress:0;scroll-margin-top:80px;position:relative}.howitworks-scroll-anchor{pointer-events:none;width:1px;height:1px;position:absolute;left:0}.howitworks-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px;display:flex}.howitworks-heading .eyebrow{margin:0 0 14px}.howitworks-heading .h2{margin:0;font-size:clamp(34px,3.8vw,52px);line-height:1.04}.howitworks-intro{padding-bottom:4px}.howitworks-intro>span{align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.howitworks-intro p{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.6}.how-windows-mark{grid-template-columns:repeat(2,6px);gap:2px;display:grid}.how-windows-mark i{background:currentColor;width:6px;height:6px}.howitworks-body{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:40px;display:grid}.howitworks-navigation ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.howitworks-navigation button{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:17px;padding:17px 15px;transition:background .25s,border-color .25s,color .25s,box-shadow .25s;display:flex}.howitworks-navigation button:hover{background:var(--orange-50);color:var(--ink)}.howitworks-navigation button[aria-current]{background:var(--surface);border-color:var(--orange-200);color:var(--ink);box-shadow:0 7px 24px -14px #c43d0c40}.howitworks-navigation button:focus-visible,.howitworks-panels:focus-visible{outline:2px solid var(--orange-500);outline-offset:4px}.how-nav-number{letter-spacing:-.07em;color:#b9ada3;font-variant-numeric:tabular-nums;font-size:38px;font-weight:500;line-height:1}button[aria-current] .how-nav-number{color:var(--orange-600)}.how-nav-copy{flex:1}.how-nav-copy b{letter-spacing:-.025em;font-size:16px;font-weight:600;display:block}.how-nav-copy small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.how-nav-copy>span{display:none}.howitworks-navigation button>svg{opacity:0;transition:all .25s;transform:translate(-5px)}.howitworks-navigation button[aria-current]>svg{opacity:1;color:var(--orange-600);transform:none}.howitworks-progress{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 15px 0;font-size:11px;display:flex}.howitworks-progress b{font:11px var(--mono);color:var(--orange-600)}.howitworks-progress b span{color:var(--muted)}.howitworks-progress>div{background:var(--line);border-radius:4px;flex-basis:100%;height:3px;overflow:hidden}.howitworks-progress i{background:var(--orange-500);width:100%;height:100%;transform:scaleX(var(--how-progress));transform-origin:0;display:block}.howitworks-scroll-hint{color:var(--muted);align-items:center;gap:7px;margin:17px 15px 0;font-size:10px;display:flex}.howitworks-panels{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:14px;gap:20px;min-width:0;display:flex;overflow-x:auto}.howitworks-panels::-webkit-scrollbar{display:none}.howitworks-panel{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0}.howitworks-panel-copy{gap:20px;padding:22px 5px 4px;display:flex}.how-copy-number{color:var(--orange-200);letter-spacing:-.07em;font-size:56px;font-weight:500;line-height:1}.howitworks-step-detail{font:9px var(--mono);color:var(--orange-700);margin-bottom:8px;display:block}.howitworks-panel-copy h3{letter-spacing:-.045em;margin:0 0 8px;font-size:27px;line-height:1.1}.howitworks-panel-copy p{color:var(--muted);max-width:560px;margin:0;font-size:14px;line-height:1.6}.howitworks-is-pinned .howitworks-panels{display:grid;overflow:visible}.howitworks-is-pinned .howitworks-panel{grid-area:1/1}.howitworks-app{color:#f3f3f5;background:#1c1c1e;border:1px solid #3a3a3c;border-radius:13px;height:clamp(310px,100svh - 500px,400px);font-family:Inter,system-ui,sans-serif;font-size:10px;line-height:1.4;position:relative;overflow:hidden;box-shadow:0 18px 38px -20px #0008,0 2px 5px #0002}.howitworks-app svg{flex-shrink:0}.how-app-bar{z-index:2;background:#1c1c1e;border-bottom:1px solid #ffffff12;align-items:center;gap:7px;height:32px;padding:0 10px;display:flex;position:relative}.how-app-bar>img{border-radius:4px;width:17px;height:17px}.how-app-bar b{font-size:10px;font-weight:600}.how-app-bar>span{color:#f3f3f580;border-left:1px solid #ffffff1a;margin-left:4px;padding-left:10px;font-size:9px}.how-window-controls{color:#f3f3f580;align-items:center;gap:17px;margin-left:auto;display:flex}.how-window-controls span{border:1px solid;width:7px;height:7px}.how-install-scene{background:#000;place-items:center;height:calc(100% - 32px);display:grid;position:relative}.how-projects-backdrop{opacity:.35;position:absolute;inset:15px 26px}.how-projects-backdrop>span{color:#f3f3f5a3;align-items:center;gap:7px;font-size:9px;display:flex}.how-projects-backdrop>b{margin:13px 0;font-size:18px;display:block}.how-project-tiles{gap:10px;margin-bottom:14px;display:flex}.how-project-tiles>div{background:#2c2c2e;border:1px solid #3a3a3c;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:132px;height:96px;display:flex;overflow:hidden}.how-project-tiles img{object-fit:cover;width:100%;height:68px}.how-project-thumb{background:#10131a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:68px;display:flex}.how-project-thumb b{letter-spacing:-.04em;font-size:12px}.how-project-thumb span{color:#ff5a1f}.how-project-tiles span{font-size:8px}.how-install-dialog{z-index:1;background:#1c1c1ef5;border:1px solid #ffffff24;border-radius:14px;grid-template-columns:65px 1fr;column-gap:20px;width:min(82%,400px);padding:24px;display:grid;position:relative;box-shadow:0 20px 60px #0009}.how-install-dialog>img{border-radius:13px;align-self:center;width:65px}.how-install-dialog>div>span{letter-spacing:.08em;color:#f3f3f580;font-size:7px}.how-install-dialog h4{letter-spacing:-.045em;margin:7px 0 9px;font-size:22px;font-weight:600;line-height:1.15}.how-install-dialog p{font:8px var(--mono);color:#f3f3f5a3;margin:0}.how-install-bottom{border-top:1px solid #ffffff12;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;margin-top:23px;padding-top:17px;display:flex}.how-install-bottom>span:first-child{color:#f3f3f5a3;align-items:center;gap:5px;font-size:8px;display:flex}.how-install-bottom>span:first-child svg{color:#30d158}.how-install-bottom .how-app-button{color:#fff;background:#0a84ff;border-radius:7px;align-items:center;gap:8px;padding:7px 12px;font-size:9px;display:flex}.how-connect-scene{flex-direction:column;height:calc(100% - 32px);display:flex}.how-app-tabs{color:#f3f3f580;border-bottom:1px solid #ffffff12;justify-content:center;align-items:center;gap:22px;height:30px;font-size:9px;display:flex}.how-app-tabs b{color:#0a84ff;border-bottom:2px solid;align-items:center;height:100%;display:flex}.how-connect-content{gap:8px;padding:10px 20px;display:grid}.how-server-status{color:#f3f3f5a3;align-items:center;gap:6px;font-size:8px;display:flex}.how-server-status i,.how-activity-dot{background:#30d158;border-radius:50%;width:5px;height:5px}.how-server-status code{color:#f3f3f5;font:8px var(--mono);margin-left:auto}.how-config-card{background:#2c2c2e;border:1px solid #ffffff12;border-radius:9px;padding:8px 11px}.how-config-card>div{justify-content:space-between;align-items:center;display:flex}.how-config-card b,.how-code-card b{font-size:9px;font-weight:600}.how-config-card>div span{color:#0a84ff;align-items:center;gap:4px;font-size:8px;display:flex}.how-config-filename{font:7px var(--mono);color:#f3f3f580;margin:3px 0 5px;display:block}.how-config-card pre{color:#b6d8ff;font:8px/1.3 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#000;border-radius:6px;margin:0;padding:7px 10px}.how-config-card p{color:#f3f3f580;margin:4px 0 0;font-size:7px}.how-code-card b{align-items:center;gap:5px;margin-bottom:5px;display:flex}.how-code-card code{color:#f3f3f5a3;font:7px/1.45 var(--mono);overflow-wrap:anywhere;background:#000;border-radius:6px;padding:7px 10px;display:block}.how-code-card code span{color:#8bcea4}.how-editor-toolbar{border-bottom:1px solid #ffffff12;align-items:center;gap:13px;height:26px;padding:0 10px;display:flex}.how-editor-toolbar>span{color:#f3f3f5a3;align-items:center;gap:4px;font-size:8px;display:flex}.how-editor-toolbar .how-toolbar-export{color:#fff;background:#0a84ff;border-radius:4px;margin-left:auto;padding:3px 6px}.how-editor-workspace{grid-template-columns:140px minmax(0,1fr);height:calc(100% - 156px);display:grid}.how-editor-sidebar{border-right:1px solid #ffffff12;overflow:hidden}.how-sidebar-tabs{color:#f3f3f580;border-bottom:1px solid #ffffff12;justify-content:space-around;gap:5px;padding:7px 5px;font-size:6px;display:flex}.how-sidebar-tabs b{color:#0a84ff;font-weight:500}.how-layer-list{padding:6px}.how-layer-list>b{justify-content:space-between;align-items:center;margin:0 4px 8px;font-size:8px;font-weight:500;display:flex}.how-layer{color:#f3f3f5a3;white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:3px 4px;font-size:8px;display:flex}.how-layer-selected{color:#f3f3f5;background:#0a84ff24}.how-layer i{background:#f3f3f54d;border-radius:50%;width:3px;height:3px;margin-left:auto}.how-stage{background:#000;justify-content:center;align-items:center;padding:12px;display:flex;position:relative;container-type:size}.how-stage-art{aspect-ratio:16/9;background:#10131a;flex-direction:column;justify-content:center;align-items:center;width:min(100%,177.778cqh);max-height:100%;display:flex;position:relative;overflow:hidden}.how-stage-art:before{content:"";aspect-ratio:1;border:1px solid #ff5a1f40;border-radius:50%;width:55%;position:absolute;bottom:-30%;right:-20%;box-shadow:0 0 0 12px #ff5a1f09,0 0 0 24px #ff5a1f05}.how-stage-kicker{color:#ff5a1f;letter-spacing:.15em;margin-bottom:9px;font-size:5px}.how-stage-title{letter-spacing:-.06em;text-align:center;font-size:clamp(18px,2.5vw,36px);line-height:.98;position:relative}.how-stage-title em{color:#ff5a1f;font-style:normal}.how-stage-caption{color:#f3f3f5a3;margin-top:10px;font-size:5px}.how-stage-scale{color:#f3f3f580;justify-content:space-between;font-size:6px;display:flex;position:absolute;bottom:3px;left:8px;right:8px}.how-inspector{border-bottom:1px solid #ffffff12;grid-template-columns:26px 1fr;align-content:start;gap:4px;padding:6px 9px;display:grid}.how-inspector>b{align-items:center;gap:4px;margin-bottom:3px;font-size:8px;font-weight:500;display:flex}.how-inspector>span{color:#f3f3f580;font-size:6px}.how-inspector>div{background:#2c2c2e;border:1px solid #ffffff12;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 5px;font-size:7px;display:flex}.how-inspector i{background:#f3f3f5;border-radius:2px;width:8px;height:8px}.how-timeline{background:#1c1c1e;border-top:1px solid #ffffff12;height:98px}.how-transport{height:22px;font:7px var(--mono);border-bottom:1px solid #ffffff12;align-items:center;gap:7px;padding:0 9px;display:flex}.how-transport>svg:first-child{color:#0a84ff}.how-transport>span:nth-child(3){color:#f3f3f54d}.how-transport>svg:nth-child(4){color:#f3f3f580;margin-left:auto}.how-transport>span:nth-child(5){color:#f3f3f580}.how-timeline-grid{grid-template-columns:99px 1fr;display:grid}.how-track-labels{border-right:1px solid #ffffff12;grid-template-rows:22px repeat(3,17px);padding:0 9px;display:grid}.how-track-labels>span{align-items:center;gap:5px;font-size:7px;display:flex}.how-track-labels>span:first-child{color:#f3f3f580;justify-content:space-between;font-size:6px}.how-track-area{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#ffffff06 calc(25% - 1px) 25%);padding:0 5px;position:relative}.how-ruler{height:12px;font:6px var(--mono);color:#f3f3f54d;justify-content:space-between;align-items:center;display:flex}.how-sections{color:#f3f3f580;gap:2px;height:10px;font-size:5px;display:flex}.how-sections>span{background:#ffffff0a;flex:1;padding-left:3px}.how-clip{transform-origin:0;background:#0a84ff24;border:1px solid #0a84ff60;border-radius:3px;align-items:center;gap:10px;width:65%;height:12px;margin-top:4px;padding:0 6px;display:flex}.how-clip span{color:#bbdfff;font-size:5px}.how-clip i{background:#f3f3f5;width:3px;height:3px;transform:rotate(45deg)}.how-clip-shape{background:#bf5af224;border-color:#bf5af260;width:48%;margin-left:20%}.how-clip-shape span{color:#e4c5f6}.how-clip-audio{background:repeating-linear-gradient(90deg,#30d15880 0 1px,#30d15814 1px 3px);border-color:#30d15860;width:100%;height:10px}.how-playhead{background:#0a84ff;width:1px;position:absolute;top:0;bottom:0;left:25%}.how-playhead i{clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%);background:#0a84ff;width:7px;height:6px;position:absolute;top:0;left:-3px}.how-playhead-export{left:75%}.how-claude-activity{background:#2c2c2ef5;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:5px;padding:5px 8px;font-size:7px;display:flex;position:absolute;bottom:102px;right:12px;box-shadow:0 3px 15px #0005}.how-activity-dot{background:#ff5a1f}.how-claude-activity>svg{color:#30d158}.how-selection{border:1px solid #0a84ff;width:86%;height:52%;position:absolute}.how-selection i{background:#fff;border:1px solid #0a84ff;width:4px;height:4px;position:absolute;top:-2px;left:-2px}.how-selection i:nth-child(2){left:auto;right:-2px}.how-selection i:nth-child(3){top:auto;bottom:-2px}.how-selection i:nth-child(4){inset:auto -2px -2px auto}.how-export-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0008;place-items:center;display:grid;position:absolute;inset:32px 0 0}.how-export-dialog{background:#1c1c1e;border:1px solid #ffffff24;border-radius:14px;width:min(78%,350px);padding:22px;box-shadow:0 20px 50px #0008}.how-export-dialog h4{letter-spacing:-.03em;margin:0 0 5px;font-size:19px;font-weight:600}.how-export-dialog>div>span{color:#f3f3f580;font-size:8px}.how-export-file{background:#2c2c2e;border-radius:8px;align-items:center;gap:11px;margin:17px 0;padding:12px;display:flex}.how-export-file>svg{color:#0a84ff}.how-export-file>span{color:#f3f3f5!important}.how-export-file small{color:#f3f3f580;margin-top:4px;font-size:7px;display:block}.how-render-progress{background:#3a3a3c;border-radius:4px;height:6px;overflow:hidden}.how-render-progress i{border-radius:inherit;transform-origin:0;background:#0a84ff;height:100%;display:block;transform:scaleX(.72)}.how-export-status{justify-content:space-between;gap:10px;margin-top:12px;display:flex}.how-export-status span:last-child{border:1px solid #ffffff24;border-radius:5px;margin-top:-3px;padding:3px 7px}@media (prefers-reduced-motion:no-preference){.howitworks[data-in-view=true] .howitworks-panel[data-active=true] .how-stage-title{animation:.8s cubic-bezier(.16,1,.3,1) both how-title-in}.howitworks[data-in-view=true] .howitworks-panel[data-active=true] .how-clip:not(.how-clip-audio){animation:1s cubic-bezier(.16,1,.3,1) both how-clip-in}.howitworks[data-in-view=true] .howitworks-panel[data-active=true] .how-clip-shape{animation-delay:.16s}.howitworks[data-in-view=true] .howitworks-panel[data-active=true] .how-claude-activity{animation:.5s .35s both how-title-in}.howitworks[data-in-view=true] .howitworks-panel[data-active=true] .how-install-dialog{animation:.65s cubic-bezier(.16,1,.3,1) both how-title-in}.howitworks[data-in-view=true]:not(.howitworks-is-pinned) .howitworks-panel[data-active=true] .how-render-progress i{animation:2.4s ease-out both how-render-in}.howitworks[data-in-view=true]:not(.howitworks-is-pinned) .howitworks-panel[data-active=true] :is(.how-config-card,.how-code-card,.how-export-dialog,.how-layer){animation:.65s cubic-bezier(.16,1,.3,1) both how-title-in}.howitworks[data-in-view=true]:not(.howitworks-is-pinned) .howitworks-panel[data-active=true] .how-code-card{animation-delay:.12s}.howitworks[data-in-view=true]:not(.howitworks-is-pinned) .howitworks-panel[data-active=true] .how-layer:nth-child(3){animation-delay:80ms}.howitworks[data-in-view=true]:not(.howitworks-is-pinned) .howitworks-panel[data-active=true] .how-layer:nth-child(4){animation-delay:.16s}.howitworks[data-in-view=true]:not(.howitworks-is-pinned) .howitworks-panel[data-active=true] .how-layer:nth-child(5){animation-delay:.24s}.howitworks[data-in-view=true] .howitworks-panel[data-active=true] .how-playhead:not(.how-playhead-export){animation:2s ease-out both how-playhead-in}}@keyframes how-title-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes how-clip-in{0%{opacity:0;transform:scaleX(.1)}to{opacity:1;transform:scaleX(1)}}@keyframes how-render-in{0%{transform:scaleX(.05)}to{transform:scaleX(.92)}}@keyframes how-playhead-in{0%{left:4%}to{left:25%}}@media (width>=900px) and (height<=800px){.howitworks-heading{margin-bottom:24px}.howitworks-heading .h2{font-size:40px}.howitworks-navigation button{padding-block:13px}.howitworks-panel-copy{padding-top:17px}}@media (width<=1100px){.howitworks-body{grid-template-columns:260px minmax(0,1fr);gap:24px}.how-editor-workspace{grid-template-columns:110px minmax(0,1fr)}.how-timeline-grid{grid-template-columns:110px 1fr}.how-stage-title{font-size:25px}}@media (width<=899px){.howitworks-heading{align-items:start;margin-bottom:28px}.howitworks-heading .h2{font-size:clamp(34px,5vw,44px)}.howitworks-intro{max-width:230px}.howitworks-body{display:block}.howitworks-navigation ol{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.howitworks-navigation button{gap:9px;padding:12px 10px}.how-nav-number{font-size:28px}.how-nav-copy b,.how-nav-copy small,.howitworks-navigation button>svg{display:none}.how-nav-copy>span{font-size:12px;font-weight:500;display:block}.howitworks-progress{padding:15px 0 0}.howitworks-scroll-hint{margin:13px 0 18px}.howitworks-app{height:330px}.how-editor-workspace{grid-template-columns:140px minmax(0,1fr)}.how-timeline-grid{grid-template-columns:140px 1fr}.how-stage-title{font-size:36px}.how-claude-activity{font-size:7px;right:12px}}@media (width<=600px){.howitworks-heading{display:block}.howitworks-heading .h2{font-size:36px}.howitworks-intro{max-width:none;margin-top:19px}.howitworks-intro p{margin-top:9px;font-size:13px}.howitworks-intro p br{display:none}.howitworks-navigation ol{gap:5px}.howitworks-navigation button{padding:11px 8px 9px;display:block}.how-nav-number{margin-bottom:6px;font-size:30px;display:block}.how-nav-copy>span{font-size:11px}.howitworks-panels{margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter);border-radius:12px 0 0;gap:14px}.howitworks-panel{flex-basis:calc(100% - 14px)}.howitworks-panels:after{content:"";flex:0 0 0}.howitworks-app{border-radius:11px;height:316px}.how-app-bar{padding-inline:8px}.how-app-bar>span{margin-left:0;padding-left:6px;font-size:7px}.how-window-controls{gap:10px}.howitworks-panel-copy{gap:14px;padding:20px 0 4px}.how-copy-number{font-size:43px}.howitworks-panel-copy h3{font-size:25px}.howitworks-panel-copy p{font-size:13px;line-height:1.65}.howitworks-step-detail{font-size:8px}.how-install-dialog{grid-template-columns:48px 1fr;gap:14px;width:87%;padding:19px 15px}.how-install-dialog>img{width:48px}.how-install-dialog h4{font-size:20px}.how-install-bottom{margin-top:8px}.how-install-bottom>span:first-child{gap:3px;font-size:7px}.how-install-bottom .how-app-button{padding:6px 8px;font-size:8px}.how-connect-content{gap:11px;padding:11px 12px}.how-config-card pre{font-size:8px}.how-code-card code,.how-server-status,.how-server-status code{font-size:7px}.how-editor-workspace{grid-template-columns:70px minmax(0,1fr);height:calc(100% - 169px)}.how-inspector{display:none}.how-sidebar-tabs{padding:6px 4px;font-size:5px}.how-sidebar-tabs>span:last-child{display:none}.how-layer-list{padding-inline:3px}.how-layer{gap:3px;padding:6px 3px;font-size:6px}.how-layer-list>b{font-size:7px}.how-stage{padding:7px}.how-stage-title{font-size:25px}.how-stage-kicker{margin-bottom:8px}.how-stage-caption{margin-top:9px;font-size:5px}.how-timeline{height:111px}.how-timeline-grid{grid-template-columns:70px 1fr}.how-track-labels{grid-template-rows:25px repeat(3,20px);padding-inline:6px}.how-track-labels>span{font-size:6px}.how-ruler{height:15px}.how-clip{gap:6px;height:14px;margin-top:6px}.how-clip span{font-size:4px}.how-clip-audio{height:12px}.how-claude-activity{padding:4px 6px;font-size:6px;bottom:115px;right:8px}.how-export-dialog{width:84%;padding:19px}}@media (prefers-reduced-motion:reduce){.howitworks-panel{opacity:1!important;visibility:visible!important;transform:none!important}.howitworks-panels{scroll-behavior:auto}}.draftfilm{position:relative}.draftfilm-head{text-align:center;justify-items:center;gap:14px;max-width:720px;margin:0 auto 36px;display:grid}.draftfilm-title{letter-spacing:-.035em;color:var(--ink);text-wrap:balance;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.04}.draftfilm-sub{color:var(--ink-2);text-wrap:pretty;max-width:560px;font-size:clamp(16px,1.6vw,19px);line-height:1.5}.draftfilm-bar{scrollbar-width:none;overscroll-behavior-x:contain;max-width:1080px;margin:0 auto 14px;overflow-x:auto}.draftfilm-bar::-webkit-scrollbar{display:none}.draftfilm-scenes{grid-template-columns:repeat(7,minmax(112px,1fr));gap:10px;margin:0;padding:4px 2px 6px;list-style:none;display:grid}.draftfilm-scene{text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--muted);font:inherit;box-shadow:var(--shadow);transition:border-color .25s var(--ease-out), color .25s var(--ease-out), transform .25s var(--ease-out);gap:7px;padding:6px;display:grid}.draftfilm-scene:hover{color:var(--ink-2);transform:translateY(-2px)}.draftfilm-scene:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.draftfilm-scene.is-active{border-color:var(--orange-400);color:var(--ink)}.draftfilm-thumb{aspect-ratio:16/9;background:#0d0d0d;border-radius:7px;display:block;overflow:hidden}.draftfilm-thumb img{object-fit:cover;opacity:.62;width:100%;height:100%;transition:opacity .25s var(--ease-out);display:block}.draftfilm-scene.is-active .draftfilm-thumb img,.draftfilm-scene:hover .draftfilm-thumb img{opacity:1}.draftfilm-scene-label{white-space:nowrap;text-overflow:ellipsis;padding-inline:2px;font-size:13px;font-weight:600;overflow:hidden}.draftfilm-scene-num{font-family:var(--mono);color:var(--muted);font-size:11px}.draftfilm-scene.is-active .draftfilm-scene-num{color:var(--orange-600)}.draftfilm-scene-track{background:var(--line);border-radius:2px;height:2px;margin:0 2px 2px;display:block;overflow:hidden}.draftfilm-scene-progress{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.draftfilm-window{border-radius:var(--radius);background:#0b0b0b;border:1px solid #16120f1f;max-width:1080px;margin:0 auto;overflow:hidden;box-shadow:0 2px 4px #16120f0f,0 40px 80px -30px #16120f73}.draftfilm-chrome{background:#141210;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 12px;display:flex}.draftfilm-dots{flex:none;gap:6px;display:flex}.draftfilm-dots i{background:#ffffff29;border-radius:50%;width:10px;height:10px}.draftfilm-modes{background:#ffffff12;border-radius:999px;gap:2px;margin-inline:auto;padding:3px;display:flex}.draftfilm-mode{font:inherit;color:#ffffff9e;cursor:pointer;white-space:nowrap;transition:background-color .25s var(--ease-out), color .25s var(--ease-out);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.draftfilm-mode:hover{color:#fff}.draftfilm-mode.is-on{color:var(--ink);background:#fff}.draftfilm-mode:focus-visible,.draftfilm-icon:focus-visible,.draftfilm-play:focus-visible{outline:2px solid var(--orange-400);outline-offset:2px}.draftfilm-icon{color:#fffc;cursor:pointer;background:#ffffff12;border:0;border-radius:999px;flex:none;place-items:center;width:32px;height:32px;display:grid}.draftfilm-icon:hover{color:#fff;background:#ffffff1f}.draftfilm-frame{aspect-ratio:16/9;contain:paint;background:#0b0b0b;position:relative;overflow:hidden}.draftfilm-video{cursor:pointer;will-change:transform;width:100%;height:100%;display:block;position:absolute;inset:0}.draftfilm-frame:after{content:"";pointer-events:none;opacity:0;height:22%;transition:opacity .4s var(--ease-out);background:linear-gradient(#0b0b0b 40%,#0000);position:absolute;inset:0 0 auto}.draftfilm-frame.is-draft:after{opacity:1}.draftfilm-tag{z-index:1;pointer-events:none;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#0000008c;border-radius:999px;padding:5px 9px;font-size:11px;position:absolute;top:14px;left:14px}.draftfilm-play{z-index:2;background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;box-shadow:var(--glow);transition:transform .25s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 22px 14px 18px;font-size:15px;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.draftfilm-play:hover{transform:translate(-50%,-50%)scale(1.04)}.draftfilm-play.is-small{padding:16px}.draftfilm-steps{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1080px;margin:40px auto 0;padding:0;list-style:none;display:grid}.draftfilm-steps li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);align-content:start;gap:8px;padding:22px;display:grid;position:relative}.draftfilm-step-num{font-family:var(--mono);color:var(--muted);font-size:12px;position:absolute;top:18px;right:20px}.draftfilm-tool{font-family:var(--mono);color:var(--orange-700);background:var(--orange-50);border:1px solid var(--orange-100);border-radius:6px;justify-self:start;padding:3px 8px;font-size:12.5px}.draftfilm-steps h3{letter-spacing:-.02em;color:var(--ink);margin:4px 0 0;font-size:19px}.draftfilm-steps p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.5}@media (width<=760px){.draftfilm-bar{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}.draftfilm-scenes{grid-template-columns:repeat(7,116px)}.draftfilm-dots{display:none}.draftfilm-mode{padding:6px 10px;font-size:12px}.draftfilm-steps{grid-template-columns:1fr}.draftfilm-play{padding:12px 18px 12px 14px;font-size:14px}.draftfilm-tag{font-size:10px;top:8px;left:8px}}@media (prefers-reduced-motion:reduce){.draftfilm-scene,.draftfilm-scene:hover{transition:none;transform:none}.draftfilm-play{transition:none}.draftfilm-play:hover{transform:translate(-50%,-50%)}.draftfilm-frame:after{transition:none}}.showcase{scroll-margin-top:80px;overflow:clip}.showcase-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.showcase-heading .eyebrow{margin:0 0 20px}.showcase-start{color:var(--ink-2);white-space:nowrap;align-items:center;gap:12px;padding-bottom:4px;font-size:13px;display:inline-flex}.showcase-start:hover{color:var(--orange-600)}.showcase-start:focus-visible,.showcase-toggle:focus-visible{outline:2px solid var(--orange-500);outline-offset:5px}.showcase-viewport{overflow:hidden}.showcase-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;display:grid}.showcase-item{min-width:0}.showcase-art{border:1px solid var(--line);border-radius:var(--radius);isolation:isolate;height:330px;padding:25px;position:relative;overflow:hidden}.showcase-art-overline{font:7px var(--mono);letter-spacing:.11em;z-index:1;position:absolute;top:23px;left:25px}.showcase-art-bottom{font:9px var(--mono);z-index:1;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:20px;left:25px;right:25px}.showcase-art-type{background:var(--orange-500);color:var(--accent-ink);border-color:var(--orange-500)}.showcase-type-heading{z-index:1;padding-top:49px;position:relative}.showcase-type-heading>span{letter-spacing:.01em;font-size:12px}.showcase-type-heading>strong{letter-spacing:-.065em;margin-top:10px;font-size:clamp(58px,6vw,81px);line-height:.86;display:block}.showcase-type-heading strong>span{margin-left:15px;font-weight:400;display:inline-block}.showcase-type-ring{border:1px solid var(--orange-300);border-radius:50%;width:260px;height:260px;position:absolute;top:45px;right:-100px}.showcase-type-ring:before,.showcase-type-ring:after{content:"";border:1px solid var(--orange-300);border-radius:50%;position:absolute;inset:22px}.showcase-type-ring:after{inset:44px}.showcase-art-product{background:var(--surface-2)}.showcase-art-product .showcase-art-overline{color:var(--muted)}.showcase-product-copy{letter-spacing:-.05em;z-index:2;font-size:32px;font-weight:600;line-height:1.03;position:absolute;top:105px}.showcase-product-copy>em{color:var(--orange-600);font-style:normal}.showcase-product-copy>span{letter-spacing:0;color:var(--muted);margin-top:16px;font-size:10px;font-weight:400;display:block}.showcase-product-device{border:5px solid var(--ink-2);background:var(--surface);z-index:1;width:125px;height:245px;box-shadow:var(--shadow);border-radius:24px;position:absolute;top:50px;right:30px;transform:rotate(11deg)}.showcase-device-camera{background:var(--ink-2);z-index:2;border-radius:5px;width:35px;height:7px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.showcase-device-screen{background:var(--orange-100);border-radius:17px;height:100%;padding:30px 13px;position:relative;overflow:hidden}.showcase-device-screen>span{letter-spacing:-.055em;z-index:1;font-size:25px;font-weight:600;line-height:.98;position:relative}.showcase-device-screen>i{border:1px solid var(--orange-400);border-radius:50%;width:140px;height:140px;position:absolute;top:87px;left:0}.showcase-device-screen>strong{color:var(--orange-600);font-size:48px;font-weight:400;position:absolute;bottom:27px;right:18px}.showcase-product-orbit{border:1px solid var(--orange-200);border-radius:50%;width:300px;height:300px;position:absolute;top:20px;right:-105px}.showcase-art-launch{background:var(--orange-100)}.showcase-launch-poster{background:var(--orange-600);width:167px;height:278px;color:var(--accent-ink);box-shadow:var(--shadow);flex-direction:column;padding:17px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)rotate(-7deg)}.showcase-launch-poster>span{font:6px var(--mono);letter-spacing:.06em}.showcase-launch-poster>strong{letter-spacing:-.08em;margin-top:17px;font-size:107px;line-height:.9}.showcase-launch-poster>em{letter-spacing:-.03em;font-size:21px;font-style:normal}.showcase-launch-poster>div{letter-spacing:-.04em;margin-top:21px;font-size:22px;line-height:1.02}.showcase-launch-poster>i{font-size:22px;font-style:normal;position:absolute;top:12px;right:14px}.showcase-launch-poster>span:last-child{margin-top:auto}.showcase-launch-sticker{text-align:center;background:var(--surface);width:72px;height:72px;color:var(--orange-700);box-shadow:var(--shadow);border-radius:50%;align-content:center;font-size:13px;font-weight:600;line-height:1.1;display:grid;position:absolute;top:46px;right:15%;transform:rotate(12deg)}.showcase-art-launch .showcase-art-bottom{color:var(--orange-700)}.showcase-art-music{background:var(--ink);color:var(--accent-ink);border-color:var(--ink)}.showcase-art-music .showcase-art-overline,.showcase-art-music .showcase-art-bottom{color:var(--orange-200)}.showcase-music-heading{letter-spacing:-.05em;z-index:1;margin-top:40px;font-size:clamp(42px,5vw,64px);font-weight:700;line-height:.9;position:relative}.showcase-music-heading>em{color:var(--orange-400);font-style:normal}.showcase-music-heading>span{color:var(--orange-100);letter-spacing:0;margin-top:16px;font-size:10px;font-weight:400;display:block}.showcase-music-wave{opacity:.75;align-items:center;gap:5px;height:95px;display:flex;position:absolute;bottom:45px;left:25px;right:25px}.showcase-music-wave>i{background:var(--orange-500);transform-origin:50%;border-radius:5px;flex:1}.showcase-music-wave>i:nth-child(3n){background:var(--orange-300)}.showcase-item-meta{font:9px var(--mono);color:var(--muted);justify-content:space-between;margin-top:18px;display:flex}.showcase-item h3{letter-spacing:-.03em;margin:10px 0;font-size:20px;line-height:1.2}.showcase-item-tag{color:var(--muted);align-items:center;gap:9px;font-size:11px;display:flex}.showcase-item-tag>span{color:var(--orange-600);font:9px var(--mono)}.showcase-footer{border-top:1px solid var(--line);align-items:center;gap:20px;margin-top:30px;padding-top:18px;display:flex}.showcase-disclaimer{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.showcase-disclaimer>svg{color:var(--orange-600);flex-shrink:0}.showcase-toggle{color:var(--orange-700);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:7px 0;font-size:11px;display:inline-flex}.showcase-scroll-status{color:var(--muted);font:10px var(--mono);align-items:center;gap:11px;margin-left:auto;display:none}.showcase-scroll-progress{background:var(--line);width:80px;height:2px}.showcase-scroll-progress>i{background:var(--orange-500);width:100%;height:100%;display:block}.showcase-is-pinned .showcase-viewport{--edge:max(var(--gutter), (var(--vw,100vw) - var(--container)) / 2);margin-inline:calc(50% - var(--vw,100vw) / 2)}.showcase-is-pinned .showcase-track{width:max-content;padding-inline:var(--edge);gap:24px;display:flex}.showcase-is-pinned .showcase-item{flex:0 0 clamp(350px,34vw,440px)}.showcase-is-pinned .showcase-scroll-status{display:flex}.showcase-type-heading strong>span{animation:showcase-arrow 2.8s var(--ease-out) infinite}.showcase-product-device{animation:5s ease-in-out infinite showcase-device}.showcase-launch-sticker{animation:4s ease-in-out infinite showcase-sticker}.showcase-music-wave>i{animation:.8s ease-in-out infinite alternate showcase-beat}.showcase .showcase-type-heading strong>span,.showcase .showcase-product-device,.showcase .showcase-launch-sticker,.showcase .showcase-music-wave>i{animation-play-state:paused}.showcase[data-animate=true][data-in-view=true] .showcase-type-heading strong>span,.showcase[data-animate=true][data-in-view=true] .showcase-product-device,.showcase[data-animate=true][data-in-view=true] .showcase-launch-sticker,.showcase[data-animate=true][data-in-view=true] .showcase-music-wave>i{animation-play-state:running}@keyframes showcase-arrow{0%,70%,to{transform:translate(0)}40%{transform:translate(7px,-7px)}}@keyframes showcase-device{0%,to{transform:rotate(11deg)translateY(0)}50%{transform:rotate(7deg)translateY(-7px)}}@keyframes showcase-sticker{0%,to{transform:rotate(12deg)}50%{transform:rotate(-4deg)}}@keyframes showcase-beat{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@media (width<=900px){.showcase-heading{display:block}.showcase-start{margin-top:23px}.showcase-art{height:300px;padding:20px}.showcase-product-device{width:110px;height:215px;right:15px}.showcase-product-copy{font-size:27px;left:20px}.showcase-type-heading>strong{font-size:64px}.showcase-launch-sticker{right:6%}.showcase-art-overline{font-size:6px;left:20px}.showcase-art-bottom{left:20px;right:20px}}@media (width<=600px){.showcase-track{grid-template-columns:minmax(0,1fr);gap:32px}.showcase-heading{margin-bottom:28px}.showcase-art{height:310px}.showcase-type-heading>strong{font-size:74px}.showcase-music-heading{font-size:60px}.showcase-footer{flex-wrap:wrap;gap:5px 18px}.showcase-disclaimer{font-size:10px}.showcase-product-device{width:125px;height:235px;right:25px}.showcase-product-copy{font-size:30px}.showcase-launch-sticker{right:13%}}@media (prefers-reduced-motion:reduce){.showcase .showcase-type-heading strong>span,.showcase .showcase-product-device,.showcase .showcase-launch-sticker,.showcase .showcase-music-wave>i{animation:none}}.references{overflow-x:clip}.references-head{text-align:center;justify-items:center;gap:16px;display:grid}.references-head .lead{max-width:680px}.references-stage{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:56px;display:grid}@media (width>=980px){.references-stage{grid-template-columns:300px minmax(0,1fr);align-items:start}.references-result{grid-column:1/-1}}.references-film{--f-bg:#1b1f3b;--f-a:#5b5bf0;--f-b:#b8f35a;--f-c:#f4f1ea;aspect-ratio:16/10;background:var(--f-bg);border-radius:10px;position:relative;overflow:hidden}.references-film.is-brand{--f-bg:var(--ink);--f-a:var(--orange-500);--f-b:var(--orange-200);--f-c:var(--bg)}.references-shot{place-items:center;display:grid;position:absolute;inset:0}.references-shot:not(.s1){visibility:hidden;opacity:0}.references-shot.s2,.references-shot.s6{background:var(--f-c)}.references-shot.s4{background:var(--f-a)}.references-dot{aspect-ratio:1;background:var(--f-a);width:34%;box-shadow:0 0 0 10px color-mix(in srgb, var(--f-a) 30%, transparent);border-radius:50%}.references-shot.s2{align-items:flex-end;gap:6%;padding:18% 14%;display:flex}.references-bar{background:var(--f-a);transform-origin:bottom;border-radius:4px;flex:1;height:100%}.references-bar:nth-child(2){background:var(--f-b);height:60%}.references-bar:nth-child(3){height:80%}.references-bar:nth-child(4){background:var(--f-bg);height:40%}.references-word{letter-spacing:-.04em;color:var(--f-b);font-size:clamp(26px,9cqw,64px);font-weight:800;line-height:1}.references-film{container-type:inline-size}.references-shot.s5 .references-word{color:var(--f-c)}.references-square{aspect-ratio:1;background:var(--f-b);border-radius:14%;width:32%}.references-shot.s6{grid-template-columns:repeat(3,14%);place-content:center;gap:6%}.references-pip{aspect-ratio:1;background:var(--f-a);border-radius:50%}.references-pip:nth-child(3n+2){background:var(--f-bg)}.references-ring{aspect-ratio:1;border:2px solid var(--f-a);border-radius:50%;width:60%;position:absolute}.references-post{gap:12px;padding:14px;display:grid}.references-post-head{align-items:center;gap:10px;font-size:14px;display:flex}.references-post-head b{color:var(--ink);display:block}.references-post-head small{color:var(--muted);font-size:12px}.references-avatar{background:conic-gradient(#5b5bf0,#b8f35a,#1b1f3b,#5b5bf0);border-radius:50%;width:34px;height:34px}.references-post-text{color:var(--ink-2);margin:0;font-size:14px}.references-post-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.references-post-meta{color:var(--muted);font-size:12px}.references-save-wrap{position:relative}.references-save{background:var(--ink);color:#fff;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;transition:background .25s,box-shadow .25s;display:inline-flex;box-shadow:0 3px #000}.references-save-b{display:none}.references-save.is-saved{background:var(--orange-700);box-shadow:0 3px #8a2a07}.references-save.is-saved .references-save-a{display:none}.references-save.is-saved .references-save-b{display:inline}.references-cursor{opacity:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 22'%3E%3Cpath d='M1 1l15 9.5-6.5 1.4L13 20l-3 1.2-3.4-8.2L1 17z' fill='%2316120f' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:18px;height:22px;position:absolute;bottom:-6px;right:8px}.references-app{border-radius:12px;overflow:hidden}.references-chrome{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:9px 12px 9px 14px;display:flex}.references-wintitle{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.references-logo{background:var(--accent);border-radius:4px;flex:none;width:14px;height:14px}.references-add{background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 0 var(--line);color:var(--ink-2);border-radius:9px;flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.references-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;padding:8px 12px;display:flex;overflow-x:auto}.references-tabs span{color:var(--muted);border-radius:8px;flex:none;padding:5px 10px;font-size:12px}.references-tabs .is-on{background:var(--orange-50);color:var(--orange-700);font-weight:600}.references-app-body{gap:18px;padding:16px;display:grid}@media (width>=720px){.references-app-body{grid-template-columns:210px minmax(0,1fr)}}.references-library{align-content:start;gap:12px;display:grid}.references-item{border:1px solid var(--orange-200);background:var(--orange-50);border-radius:10px;align-items:center;gap:10px;padding:8px;font-size:13px;display:flex}.references-item b{color:var(--ink);display:block}.references-item small{color:var(--muted);font-size:11px}.references-thumb{background:linear-gradient(135deg,#1b1f3b 50%,#5b5bf0 50% 75%,#b8f35a 75%);border-radius:6px;flex:none;width:44px;height:30px}.references-prompt{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:12px 12px 12px 4px;margin:0;padding:10px 12px;font-size:13px}.references-call{margin:0}.references-call code{background:var(--ink);color:var(--orange-200);font:12px var(--mono);border-radius:7px;padding:6px 9px;display:inline-block}.references-call code:before{content:"→ ";color:var(--orange-400)}.references-study{gap:8px;min-width:0;display:grid}.references-row-label{font:11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;gap:8px;display:flex}.references-row-label span:last-child:not(:first-child){color:var(--orange-700);text-transform:none}.references-strip{gap:2px;height:30px;margin-bottom:8px;display:flex;position:relative}.references-seg{background:var(--surface-2);border:1px solid var(--line);border-radius:4px}.references-scanfill{z-index:1;transform-origin:0;background:color-mix(in srgb, var(--orange-200) 45%, transparent);pointer-events:none;border-radius:4px;position:absolute;inset:0;transform:scaleX(0)}.references-mark{z-index:2;background:var(--orange-600);transform-origin:50%;border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.references-playhead{z-index:3;background:var(--ink);width:2px;margin-left:-1px;position:absolute;top:-8px;bottom:-8px;left:0}.references-playhead:before{content:"";border:5px solid #0000;border-top-color:var(--ink);position:absolute;top:0;left:-4px}.g0{--g:#1b1f3b}.g1{--g:#f4f1ea}.g2{--g:#1b1f3b}.g3{--g:#5b5bf0}.g4{--g:#1b1f3b}.g5{--g:#f4f1ea}.g6{--g:#1b1f3b}.references-sheet{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:8px;display:grid}.references-cell{aspect-ratio:16/10;background:var(--g);border:1px solid #0000000f;border-radius:4px;position:relative}.references-cell:after{content:"";background:#5b5bf0;border-radius:50%;position:absolute;inset:30%}.references-cell.g1:after,.references-cell.g5:after{border-radius:2px}.references-cell.g2:after,.references-cell.g4:after,.references-cell.g6:after{background:#b8f35a;border-radius:2px;inset:38% 22%}.references-cell.g3:after{background:#b8f35a;border-radius:3px}.references-cell small{z-index:1;font:9px var(--mono);color:#fff;text-shadow:0 0 3px #000c;position:absolute;top:1px;left:3px}.references-meters{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:8px;display:grid}.references-meters>div{align-content:start;gap:6px;min-width:0;display:grid}.references-swatches{gap:6px;display:flex}.references-swatch{border:1px solid #00000014;border-radius:6px;width:22px;height:22px}.references-curve{width:100%;max-width:140px;height:auto;overflow:visible}.references-curve-axis{stroke:var(--line);stroke-width:1.5px;fill:none}.references-curve-line{stroke:var(--orange-500);stroke-width:2.5px;fill:none;stroke-linecap:round}.references-bpm{font:12px var(--mono);color:var(--muted)}.references-bpm b{color:var(--ink);font-size:18px}.references-beat{align-items:flex-end;gap:2px;height:18px;display:flex}.references-beat i{background:var(--orange-400);transform-origin:bottom;border-radius:2px;flex:1;max-width:4px}.references-spec{background:var(--ink);color:#f3ece5;font:12px/1.7 var(--mono);white-space:normal;border-radius:10px;margin:0;padding:12px 14px;display:grid}.references-spec-line:first-child{color:var(--orange-300)}.references-result{align-items:center;gap:16px;padding:16px;display:grid}@media (width>=720px){.references-result{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.references-result-films{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.references-result-films figure{gap:6px;margin:0;display:grid}.references-result-films figcaption{font:11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.references-result-films figure:last-child figcaption{color:var(--orange-700)}.references-result-copy{justify-items:start;gap:10px;display:grid}.references-result-copy p{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(20px,2.4vw,26px);font-weight:700}.references-badge{background:var(--orange-50);border:1px solid var(--orange-200);color:var(--orange-700);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:13px;font-weight:600;display:inline-flex}.references-badge code{background:var(--ink);color:var(--orange-200);font:12px var(--mono);border-radius:7px;padding:4px 8px}.references-points{gap:24px 28px;margin:48px 0 0;padding:0;list-style:none;display:grid}@media (width>=820px){.references-points{grid-template-columns:repeat(3,1fr)}}.references-points h3{letter-spacing:-.01em;margin:12px 0 4px;font-size:18px}.references-points p{color:var(--ink-2);margin:0;font-size:15px}.references-icon{background:var(--orange-50);border:1px solid var(--orange-100);width:34px;height:34px;color:var(--orange-600);border-radius:10px;place-items:center;display:grid}@media (width<=560px){.references-meters{grid-template-columns:1fr 1fr}.references-meters>div:last-child{grid-column:1/-1}.references-sheet{gap:3px}.references-cell small{display:none}.references-add{padding:6px 8px;font-size:11px}}.references-cell.g1 small,.references-cell.g5 small{color:var(--ink);text-shadow:none}.analysis{position:relative}.analysis-head{text-align:center;justify-items:center;gap:14px;max-width:760px;margin:0 auto 36px;display:grid}.analysis-title{letter-spacing:-.035em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.04}.analysis-sub{color:var(--ink-2);text-wrap:pretty;max-width:620px;margin:0;font-size:clamp(16px,1.6vw,19px);line-height:1.5}.analysis-window{border-radius:var(--radius);color:#e8e9ee;background:#0f1013;border:1px solid #16120f1f;max-width:1120px;margin:0 auto;overflow:hidden;box-shadow:0 2px 4px #16120f0f,0 40px 80px -30px #16120f73}.analysis-chrome{background:#16171b;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:10px 12px;display:flex}.analysis-dots{gap:6px;display:flex}.analysis-dots i{background:#ffffff29;border-radius:50%;width:10px;height:10px}.analysis-status{font-family:var(--mono);color:#ffffffb3;font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-left:8px;margin-right:auto;font-size:12px;display:inline-flex}.analysis-pulse{background:#38c793;border-radius:50%;width:7px;height:7px}.analysis-pulse.is-on{background:var(--orange-400);animation:.9s ease-in-out infinite alternate analysis-pulse}@keyframes analysis-pulse{to{opacity:.3}}.analysis-icon{color:#ffffffd9;cursor:pointer;background:#ffffff12;border:0;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.analysis-icon:hover{color:#fff;background:#ffffff21}.analysis-icon:focus-visible,.analysis-play:focus-visible{outline:2px solid var(--orange-400);outline-offset:2px}.analysis-top{grid-template-columns:minmax(0,1fr) 280px;gap:0;display:grid}.analysis-frame{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.analysis-video{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.analysis-readout{border-left:1px solid #ffffff0f;align-content:start;gap:10px;min-width:0;padding:16px 18px;font-size:13px;display:grid}.analysis-readout-title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin:0;font-size:11px}.analysis-readout-frame{color:#fff;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.analysis-readout-hint{color:#fff9;margin:0;line-height:1.5}.analysis-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#111;background:#fff;border-radius:999px;padding:2px 7px;font-size:10.5px}.analysis-readout dl{gap:7px;margin:0;display:grid}.analysis-readout dl>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.analysis-readout dt{color:#ffffff8c}.analysis-readout dd{color:#fff;font-variant-numeric:tabular-nums;text-align:right;align-items:center;gap:6px;margin:0;display:inline-flex}.analysis-readout dd>i{border-radius:2px;width:8px;height:8px}.analysis-meter{background:#ffffff1a;border-radius:3px;width:90px;height:6px;overflow:hidden}.analysis-meter span{transform-origin:0;background:#ff6a1a;height:100%;display:block}.analysis-swatches{gap:3px!important}.analysis-swatches i{box-shadow:inset 0 0 0 1px #ffffff26;border-radius:3px!important;width:14px!important;height:14px!important}.analysis-timeline{border-top:1px solid #ffffff0f;padding:12px 12px 10px}.analysis-canvas{cursor:crosshair;touch-action:pan-y;width:100%;display:block}.analysis-legend{color:#fff9;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.analysis-legend li{align-items:center;gap:6px;display:inline-flex}.analysis-legend i{border-radius:2px;width:10px;height:3px}.analysis-play{z-index:1;background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;box-shadow:var(--glow);border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 18px 12px 14px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.analysis-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px;max-width:1120px;margin:20px auto 0;display:grid}.analysis-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);min-width:0;padding:22px}.analysis-card h3{font-size:13px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-weight:500}.analysis-score{align-items:baseline;gap:10px;display:flex}.analysis-score-num{letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:52px;font-weight:700;line-height:1}.analysis-score-label{color:var(--muted);font-size:13px}.analysis-chips{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.analysis-chips li{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13.5px;display:inline-flex}.analysis-chips b{color:var(--ink);font-variant-numeric:tabular-nums}.analysis-chips li.is-low{background:var(--orange-50);border-color:var(--orange-200)}.analysis-chips li.is-low b{color:var(--orange-700)}.analysis-issues{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.analysis-issues li{color:var(--ink);grid-template-columns:52px 1fr;gap:10px;font-size:14px;line-height:1.45;display:grid}.analysis-issues em{color:var(--muted);margin-top:2px;font-style:normal;display:block}.analysis-issue-at{font-family:var(--mono);color:var(--orange-700);font-variant-numeric:tabular-nums;padding-top:2px;font-size:12px}.analysis-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 0;padding-top:16px;display:grid}.analysis-stats div{flex-direction:column-reverse;gap:2px;display:flex}.analysis-stats dt{color:var(--muted);font-size:11.5px;line-height:1.3}.analysis-stats dd{letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:700}.analysis-notes{gap:4px;margin:0;padding:0;list-style:none;display:grid}.analysis-notes li{border-radius:var(--radius-sm);transition:background-color .3s var(--ease-out), border-color .3s var(--ease-out);border:1px solid #0000;padding:10px 12px}.analysis-notes li.is-active{background:var(--surface-2);border-color:var(--line)}.analysis-note-name{color:var(--ink);align-items:center;gap:8px;font-size:14.5px;font-weight:600;display:flex}.analysis-note-name i{border-radius:3px;flex:none;width:10px;height:10px}.analysis-note-name small{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px;font-weight:400}.analysis-notes p{color:var(--ink-2);margin:4px 0 0 18px;font-size:13.5px;line-height:1.5}@media (width<=960px){.analysis-top{grid-template-columns:1fr}.analysis-readout{border-top:1px solid #ffffff0f;border-left:0}.analysis-grid{grid-template-columns:1fr}}@media (width<=760px){.analysis-stats{grid-template-columns:repeat(2,1fr)}.analysis-card{padding:18px}.analysis-score-num{font-size:44px}}@media (prefers-reduced-motion:reduce){.analysis-pulse.is-on{animation:none}.analysis-notes li{transition:none}}.devices{overflow-x:clip}.devices-head{text-align:center;justify-items:center;gap:16px;display:grid}.devices-head .lead{max-width:680px}.devices-block{margin-top:56px}.devices h3{letter-spacing:-.015em;color:var(--ink);align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.devices h3 svg{color:var(--orange-600)}.devices-picker{gap:20px;display:grid}@media (width>=900px){.devices-picker{grid-template-columns:300px minmax(0,1fr);align-items:stretch}}.devices-side{align-content:start;gap:14px;display:grid}.devices-tabs{gap:8px;display:grid}.devices-tabs button{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;box-shadow:0 2px 0 var(--line);gap:2px;padding:12px 14px;transition:border-color .2s,background .2s,box-shadow .2s,translate .12s;display:grid}.devices-tabs button:hover{border-color:var(--orange-200)}.devices-tabs button:active{box-shadow:0 0 0 var(--line);translate:0 2px}.devices-tabs button.is-on{border-color:var(--orange-300);background:var(--orange-50);box-shadow:0 2px 0 var(--orange-200)}.devices-tabs b{color:var(--ink);font-size:15px}.devices-tabs small{color:var(--muted);font-size:13px}.devices-tabs button.is-on small{color:var(--orange-700)}.devices-tabs button:focus-visible,.devices-preset:focus-visible,.devices-vary button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.devices-note{color:var(--muted);margin:0;font-size:13px}.devices-stage{border-radius:var(--radius);aspect-ratio:16/9;background:#e8e6e0;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0f101a8c}.devices-stage video{object-fit:cover;width:100%;height:100%;display:block}.devices-chips{pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.devices-chips span{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);background:#16120fc7;border:1px solid #ffffff1f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600;transform:translateY(8px)}.devices-chips span.is-on{opacity:1;transform:none}.devices-row-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:16px;display:flex}.devices-row-head p{color:var(--muted);margin:0;font-size:14px}.devices-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=760px){.devices-presets{grid-template-columns:repeat(4,minmax(0,1fr))}}.devices-preset{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;aspect-ratio:16/9;box-shadow:0 3px 0 var(--line);transition:translate .2s var(--ease-out), box-shadow .2s, border-color .2s;background:#0f101a;padding:0;position:relative;overflow:hidden}.devices-preset:hover{border-color:var(--orange-300);box-shadow:0 5px 0 var(--orange-200);translate:0 -2px}.devices-preset:active{box-shadow:0 1px 0 var(--orange-200);translate:0 2px}.devices-preset video{object-fit:cover;width:100%;height:100%;display:block}.devices-preset-name{background:var(--surface);color:var(--ink);border-radius:8px;padding:4px 9px;font-size:12.5px;font-weight:700;position:absolute;bottom:8px;left:8px}.devices-preset:hover .devices-preset-name,.devices-preset:focus-visible .devices-preset-name{background:var(--accent);color:var(--accent-ink)}.devices-director{align-items:center;gap:24px;display:grid}@media (width>=900px){.devices-director{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:40px}}.devices-dir-copy{gap:14px;display:grid}.devices-dir-copy>p{color:var(--ink-2);margin:0;font-size:16px}.devices-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.devices-steps li{color:var(--muted);align-items:center;gap:10px;font-size:15px;transition:color .3s;display:flex}.devices-steps span{border:1px solid var(--line);width:24px;height:24px;font:12px var(--mono);border-radius:8px;flex:none;place-items:center;transition:background .3s,color .3s,border-color .3s;display:grid}.devices-steps li.is-on{color:var(--ink)}.devices-steps li.is-on span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.devices-mcp{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.devices-mcp svg{color:var(--orange-600)}.devices-mcp code{background:var(--ink);color:var(--orange-200);font:12px var(--mono);border-radius:7px;padding:5px 8px}.devices-dir-stage{aspect-ratio:16/10;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:#ebe8e1;position:relative;overflow:hidden}.devices-dir-draw,.devices-dir-stage video{opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.devices-dir-draw.is-on,.devices-dir-stage video.is-on{opacity:1}.devices-dir-draw img{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}.devices-dir-stage video{object-fit:cover}.devices-box{border:2px solid var(--accent);background:color-mix(in srgb, var(--orange-200) 22%, transparent);transform-origin:0 0;opacity:0;border-radius:6px;position:absolute;transform:scale(0)}.devices-box i{background:var(--accent);width:18px;height:18px;color:var(--accent-ink);font:700 10px var(--mono);border-radius:5px 0;place-items:center;display:grid;position:absolute;top:-2px;left:-2px}.devices-dir-draw.is-on.is-seen .devices-box{animation:devices-box .6s var(--ease-out) both}@keyframes devices-box{0%{opacity:1;transform:scale(0)}to{opacity:1;transform:scale(1)}}.devices-dir-status{color:#fff;background:#16120fd1;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.devices-vary{background:var(--surface);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:4px;padding:4px;font-size:12px;display:flex;position:absolute;bottom:12px;right:12px}.devices-vary>span{color:var(--ink);padding:0 6px 0 8px;font-weight:700}.devices-vary button{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:6px 10px;font-weight:600;transition:background .2s,color .2s}.devices-vary button:hover{background:var(--orange-50)}.devices-vary button.is-on{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 0 var(--orange-700)}@media (width<=560px){.devices-chips span{padding:4px 8px;font-size:11px}.devices-chips span:nth-child(n+3){display:none}.devices-dir-stage{aspect-ratio:4/3}.devices-vary{justify-content:space-between;bottom:8px;left:8px;right:8px}.devices-vary button{padding:6px 8px}}@media (prefers-reduced-motion:reduce){.devices-box{opacity:1;transform:none}.devices-dir-draw.is-on.is-seen .devices-box{animation:none}.devices-chips span{opacity:1;transition:none;transform:none}}.cmp-head{gap:18px;margin-bottom:clamp(32px,5vw,56px);display:grid}.cmp-head__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.cmp-head .lead{margin:0}.cmp-total{justify-items:end;margin:0;line-height:1;display:grid}.cmp-total span{letter-spacing:-.05em;color:var(--orange-600);font-variant-numeric:tabular-nums;font-size:clamp(48px,7vw,88px);font-weight:700}.cmp-total small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:12px}.cmp-gallery{padding:14px;overflow:hidden}.cmp-gallery__bar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.cmp-tabs{scrollbar-width:none;flex-wrap:wrap;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}.cmp-tabs::-webkit-scrollbar{display:none}.cmp-tabs button{border:1px solid var(--line);background:var(--surface-2);height:36px;color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:0 14px;font-size:14px;font-weight:500;transition:background .2s,color .2s,border-color .2s}.cmp-tabs button:hover{border-color:var(--orange-300)}.cmp-tabs button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.cmp-mode{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;flex:none;padding:3px;display:inline-flex}.cmp-mode button{height:30px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.cmp-mode button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.cmp-dot{background:var(--orange-500);width:7px;height:7px;box-shadow:0 0 0 3px var(--orange-100);border-radius:50%}.cmp-video{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);width:100%;display:block}.cmp-video[hidden]{display:none}.cmp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cmp-card{background:var(--surface-2);border:1px solid var(--line);transition:transform .35s var(--ease-out), box-shadow .35s, border-color .35s;border-radius:16px;margin:0;padding:8px}.cmp-card:hover{box-shadow:var(--shadow);border-color:var(--orange-200);transform:translateY(-3px)}.cmp-card figcaption{justify-content:space-between;align-items:center;gap:8px;padding:10px 4px 2px;display:flex}.cmp-card figcaption>span:first-child{min-width:0;display:grid}.cmp-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.cmp-card small{color:var(--muted);font-size:12.5px}.cmp-real-preview{aspect-ratio:4/3;color:#fff;background:radial-gradient(120% 90% at 50% 0,#2a211b,#120e0b 70%);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.cmp-real-preview canvas{width:100%;height:100%;display:block}.cmp-real-preview>span{z-index:1;text-align:center;color:#fff9;max-width:90%;font:11px var(--mono);position:absolute}.cmp-real-poster{background:linear-gradient(145deg,#30271f,#111318)}.cmp-real-count{color:var(--muted);font:11px var(--mono);flex:none;padding:8px 10px}.cmp-pages{color:var(--muted);font:12px var(--mono);justify-content:center;align-items:center;gap:14px;padding:18px 0 4px;display:flex}.cmp-pages button{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:9px}.cmp-pages button:disabled{opacity:.4;cursor:default}.cmp-import-label{color:var(--muted);margin:0;font-size:12px}.cmp-use{color:var(--orange-700);background:var(--orange-50);border:1px solid var(--orange-200);opacity:0;border-radius:999px;flex:none;padding:5px 10px;font-size:12px;font-weight:600;transition:opacity .25s,transform .25s;transform:translateY(4px)}.cmp-card:hover .cmp-use{opacity:1;transform:none}.cmp-card--more,.cmp-card--empty{background:linear-gradient(160deg, var(--orange-50), var(--surface));align-content:center;justify-items:start;gap:6px;padding:22px;display:grid}.cmp-card--more{grid-column:1/-1;grid-template-columns:auto auto 1fr;align-items:center;column-gap:16px}.cmp-card--more strong{letter-spacing:-.04em;color:var(--orange-600);font-size:44px}.cmp-card--more span{font-weight:600}.cmp-card--more p,.cmp-card--empty p{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.5}.cmp-card--empty{grid-column:span 2}.cmp-card--empty a{color:var(--orange-700);margin-top:6px;font-weight:600}.cmp-empty__icon{background:var(--surface);border:1px solid var(--line);width:40px;height:40px;color:var(--orange-600);border-radius:12px;place-items:center;display:grid}.cmp-note{color:var(--muted);grid-column:span 2;align-self:center;margin:0;font-size:15px;line-height:1.5}.cmp-prev{--cmp-hue:var(--orange-500);aspect-ratio:4/3;color:#fff;letter-spacing:-.02em;background:radial-gradient(120% 90% at 50% 0,#2a211b,#120e0b 70%);border-radius:10px;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden;container-type:inline-size}.cmp-prev *{animation-play-state:paused!important}.cmp-prev.is-live *{animation-play-state:running!important}@media (prefers-reduced-motion:reduce){.cmp-prev *{animation:none!important}}.cmp-flip{white-space:nowrap;perspective:400px;font-size:8cqw;display:flex}.cmp-flip span{transform-origin:50% 60%;animation:cmp-flip 3s var(--ease-out) infinite;animation-delay:calc(var(--i) * 60ms);display:inline-block}@keyframes cmp-flip{0%,8%{opacity:0;transform:rotateX(-90deg)}22%,80%{opacity:1;transform:none}94%,to{opacity:0;transform:rotateX(90deg)}}.cmp-prev--flip span span:nth-child(odd){color:var(--cmp-hue)}.cmp-reel{align-items:center;gap:3cqw;font-size:7cqw;display:flex}.cmp-reel b{opacity:.6;white-space:nowrap;font-size:5cqw}.cmp-reel__win{height:3.6em;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.cmp-reel__win:before{content:"";background:color-mix(in srgb, var(--cmp-hue) 28%, transparent);border-radius:6px;height:1.2em;position:absolute;top:1.2em;left:-.3em;right:-.3em}.cmp-reel__list{padding-top:1.2em;animation:7.5s cubic-bezier(.7,0,.2,1) infinite cmp-reel;display:grid;position:relative}.cmp-reel__list span{white-space:nowrap;height:1.2em;line-height:1.2em}@keyframes cmp-reel{0%,16%{transform:translateY(0)}20%,36%{transform:translateY(-1.2em)}40%,56%{transform:translateY(-2.4em)}60%,76%{transform:translateY(-3.6em)}80%,96%{transform:translateY(-4.8em)}to{transform:translateY(-6em)}}.cmp-swap{white-space:nowrap;align-items:baseline;gap:.3em;font-size:8cqw;display:flex}.cmp-swap__win{height:1.15em;color:var(--cmp-hue);display:inline-grid;overflow:hidden}.cmp-swap__win span{height:1.15em;line-height:1.15em;animation:6s cubic-bezier(.7,0,.2,1) infinite cmp-swap}@keyframes cmp-swap{0%,26%{transform:translateY(0)}33%,59%{transform:translateY(-100%)}66%,92%{transform:translateY(-200%)}to{transform:translateY(-300%)}}.cmp-decode{font-family:var(--mono);letter-spacing:.04em;color:#fff;text-shadow:0 0 18px color-mix(in srgb, var(--cmp-hue) 70%, transparent);white-space:nowrap;font-size:7.5cqw}.cmp-prev--decode{color:var(--cmp-hue)}.cmp-bubble{justify-items:start;width:70%;display:grid}.cmp-bubble>*{grid-area:1/1}.cmp-bubble__dots,.cmp-bubble__msg{background:#3b9eff;border-radius:4cqw 4cqw 4cqw 1cqw;padding:3cqw 4cqw;font-size:5.2cqw;font-weight:600}.cmp-bubble__dots{align-self:end;gap:1.4cqw;animation:4s infinite cmp-dots-box;display:flex}.cmp-bubble__dots i{background:#fff;border-radius:50%;width:1.8cqw;height:1.8cqw;animation:1s infinite cmp-dot}.cmp-bubble__dots i:nth-child(2){animation-delay:.15s}.cmp-bubble__dots i:nth-child(3){animation-delay:.3s}.cmp-bubble__msg{animation:cmp-msg 4s var(--ease-out) infinite;transform-origin:0 100%}@keyframes cmp-dot{50%{opacity:.5;transform:translateY(-40%)}}@keyframes cmp-dots-box{0%,40%{opacity:1;transform:none}46%,to{opacity:0;transform:scale(.7)}}@keyframes cmp-msg{0%,42%{opacity:0;transform:scale(.6)}50%,92%{opacity:1;transform:none}to{opacity:0}}.cmp-counter{font-variant-numeric:tabular-nums;text-shadow:0 0 24px color-mix(in srgb, var(--cmp-hue) 60%, transparent);white-space:nowrap;font-size:12cqw}.cmp-bars{align-items:flex-end;gap:3cqw;height:55%;display:flex}.cmp-bars i{background:linear-gradient(var(--orange-300), var(--cmp-hue));transform-origin:bottom;width:7cqw;animation:cmp-bar 3.2s var(--ease-out) infinite;animation-delay:calc(var(--i) * 90ms);border-radius:1.5cqw 1.5cqw 0 0}@keyframes cmp-bar{0%{transform:scaleY(0)}30%,85%{transform:scaleY(1)}to{transform:scaleY(0)}}.cmp-ring{width:52%;overflow:visible}.cmp-ring circle{fill:none;stroke:#ffffff1f;stroke-width:9px}.cmp-ring .cmp-ring__arc{stroke:var(--cmp-hue);stroke-linecap:round;stroke-dasharray:100;transform-origin:50%;animation:cmp-ring 3.2s var(--ease-out) infinite;transform:rotate(-90deg)}.cmp-ring text{fill:#fff;font-size:20px;font-weight:700;font-family:var(--font)}@keyframes cmp-ring{0%{stroke-dashoffset:100px}45%,85%{stroke-dashoffset:13px}to{stroke-dashoffset:100px}}.cmp-marquee{width:100%;overflow:hidden}.cmp-marquee__row{gap:3cqw;width:max-content;animation:9s linear infinite cmp-marquee;display:flex}.cmp-marquee__row i{aspect-ratio:3/4;border-radius:3cqw;width:26cqw}@keyframes cmp-marquee{to{transform:translate(calc(-50% - 1.5cqw))}}.cmp-stack{aspect-ratio:3/4;width:38%;position:relative}.cmp-stack i{animation:cmp-stack 6s var(--ease-out) infinite;animation-delay:calc(var(--i) * -1.5s);border:1.2cqw solid #fff;border-radius:3cqw;position:absolute;inset:0;box-shadow:0 10px 30px #0008}@keyframes cmp-stack{0%{z-index:4;transform:rotate(-8deg)}20%{z-index:4;transform:translate(80%)rotate(14deg)}25%{z-index:1;transform:rotate(6deg)}50%{z-index:2;transform:rotate(-3deg)}75%{z-index:3;transform:rotate(4deg)}to{z-index:4;transform:rotate(-8deg)}}.cmp-carousel{perspective:600px;place-items:center;width:100%;height:100%;display:grid}.cmp-carousel__ring{aspect-ratio:3/4;width:22cqw;transform-style:preserve-3d;animation:12s linear infinite cmp-spin;position:relative}.cmp-carousel__ring i{transform:rotateY(calc(var(--i) * 45deg)) translateZ(32cqw);backface-visibility:hidden;border-radius:2.5cqw;position:absolute;inset:0}@keyframes cmp-spin{0%{transform:rotateX(-8deg)rotateY(0)}to{transform:rotateX(-8deg)rotateY(-360deg)}}.cmp-notify{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:74%;animation:cmp-notify 3.6s var(--ease-out) infinite;background:#ffffff14;border:1px solid #fff2;border-radius:4cqw;align-items:center;gap:3cqw;padding:3.5cqw;font-size:5cqw;display:flex}.cmp-notify b,.cmp-notify small{display:block}.cmp-notify small{opacity:.6;font-size:.8em;font-weight:500}.cmp-notify__icon{background:var(--cmp-hue);border-radius:2.5cqw;flex:none;width:10cqw;height:10cqw}@keyframes cmp-notify{0%{opacity:0;transform:translateY(-160%)}18%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-160%)}}.cmp-coin{perspective:500px}.cmp-coin__face{aspect-ratio:1;color:#7a4306;background:radial-gradient(circle at 35% 30%,#ffe7b0,#f2a93b 45%,#a8620f);border-radius:50%;place-items:center;width:34cqw;font-size:10cqw;animation:3s ease-in-out infinite cmp-coin;display:grid;box-shadow:inset 0 0 0 2cqw #ffd27a,0 18px 40px #0009}@keyframes cmp-coin{0%{transform:rotateY(0)translateY(0)}50%{transform:rotateY(180deg)translateY(-6%)}to{transform:rotateY(360deg)translateY(0)}}.cmp-orbit{aspect-ratio:1;width:60cqw;transform-style:preserve-3d;place-items:center;display:grid;position:relative;transform:rotateX(62deg)}.cmp-orbit>i{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, var(--orange-200), var(--cmp-hue) 60%, #6b2408);border-radius:50%;width:16cqw;transform:rotateX(-62deg)}.cmp-orbit__path{border:1px solid #ffffff2a;border-radius:50%;animation:4s linear infinite cmp-orbit;position:absolute;inset:0}.cmp-orbit__path--b{animation-duration:2.6s;animation-direction:reverse;inset:18%}.cmp-orbit__path i{aspect-ratio:1;background:#fff;border-radius:50%;width:6cqw;position:absolute;top:-3cqw;left:calc(50% - 3cqw)}.cmp-orbit__path--b i{background:#3b9eff}@keyframes cmp-orbit{to{transform:rotate(360deg)}}.cmp-blob{aspect-ratio:1;background:linear-gradient(135deg, var(--orange-300), var(--cmp-hue));width:42cqw;box-shadow:0 0 60px color-mix(in srgb, var(--cmp-hue) 50%, transparent);animation:6s ease-in-out infinite cmp-blob}@keyframes cmp-blob{0%,to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:rotate(0)}33%{border-radius:70% 30% 46% 54%/30% 39% 61% 70%}66%{border-radius:30% 70% 39% 61%/60% 35% 65% 40%;transform:rotate(120deg)}}.cmp-viz{align-items:center;gap:1.6cqw;height:50%;display:flex}.cmp-viz i{background:var(--cmp-hue);width:2.6cqw;height:100%;animation:.5s ease-in-out infinite alternate cmp-viz;animation-delay:calc(var(--i) * -73ms);border-radius:2cqw;transform:scaleY(.15)}.cmp-viz i:nth-child(4n){animation-duration:.5s}.cmp-viz i:nth-child(3n){animation-duration:.38s}.cmp-viz i:nth-child(5n){animation-duration:.62s}@keyframes cmp-viz{to{transform:scaleY(1)}}.cmp-aurora{filter:blur(14cqw);position:absolute;inset:0}.cmp-aurora i{aspect-ratio:1;background:var(--cmp-hue);border-radius:50%;width:60%;animation:8s ease-in-out infinite alternate cmp-aurora;position:absolute}.cmp-aurora i:nth-child(2){background:#b35cf0;animation-delay:-3s;bottom:0;right:0}.cmp-aurora i:nth-child(3){background:#3b9eff;width:40%;animation-delay:-5s;top:20%;left:30%}@keyframes cmp-aurora{0%{transform:translate(-20%,-10%)scale(.9)}to{transform:translate(30%,25%)scale(1.2)}}.cmp-metal{letter-spacing:-.05em;background:linear-gradient(110deg,#6d6d6d 20%,#fff 40%,#9a9a9a 50%,#f5f5f5 60%,#5b5b5b 80%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22cqw;animation:3s linear infinite cmp-metal}@keyframes cmp-metal{0%{background-position:100% 0}to{background-position:-150% 0}}.cmp-curtain{place-items:center;font-size:22cqw;display:grid;position:absolute;inset:0}.cmp-curtain b{grid-area:1/1}.cmp-curtain__b{color:var(--cmp-hue);opacity:0;animation:3.4s infinite cmp-b}.cmp-curtain i{background:var(--cmp-hue);animation:3.4s cubic-bezier(.7,0,.2,1) infinite cmp-curtain;position:absolute;inset:0;transform:scaleX(0)}@keyframes cmp-curtain{0%,25%{transform-origin:0;transform:scaleX(0)}45%{transform-origin:0;transform:scaleX(1)}46%{transform-origin:100%}66%,to{transform-origin:100%;transform:scaleX(0)}}@keyframes cmp-b{0%,45%{opacity:0}46%,96%{opacity:1}to{opacity:0}}.cmp-curtain>b:first-child{animation:3.4s infinite cmp-a}@keyframes cmp-a{0%,45%{opacity:1}46%,96%{opacity:0}to{opacity:1}}.cmp-blocks{gap:20px;margin-top:20px;display:grid}.cmp-block{padding:clamp(20px,3vw,36px)}.cmp-kicker{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-700);align-items:center;gap:6px;margin:0;font-size:12px;display:inline-flex}.cmp-block h3{letter-spacing:-.03em;margin:10px 0;font-size:clamp(24px,2.8vw,34px);line-height:1.1}.cmp-block__copy>p:not(.cmp-kicker),.cmp-import__head p:not(.cmp-kicker){color:var(--ink-2);max-width:54ch;margin:0 0 18px;line-height:1.6}.cmp-field{gap:6px;margin-top:12px;display:grid}.cmp-field>span{color:var(--muted);font-size:13px}.cmp-field input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);height:42px;font:inherit;color:var(--ink);outline:0;min-width:0;padding:0 12px;transition:border-color .2s,box-shadow .2s}.cmp-field input:focus{border-color:var(--orange-300);box-shadow:0 0 0 4px var(--orange-50)}.cmp-swatches{gap:8px;display:flex}.cmp-swatches button{border:2px solid var(--surface);width:30px;height:30px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:50%;transition:transform .2s,box-shadow .2s}.cmp-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink);transform:scale(1.08)}.cmp-swapblock{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,4vw,48px);display:grid}.cmp-swap__stage{background:var(--ink);border-radius:18px;outline:0;padding:10px;transition:box-shadow .2s}.cmp-swap__stage:focus-visible{box-shadow:0 0 0 4px var(--orange-300)}.cmp-swap__screen .cmp-prev{aspect-ratio:16/9;animation:cmp-in .5s var(--ease-out);border-radius:12px}.cmp-swap__screen .cmp-prev .cmp-flip{font-size:8cqw}@keyframes cmp-in{0%{opacity:0;filter:blur(6px);transform:scale(.96)}}.cmp-swap__bar{color:#fff;justify-content:space-between;align-items:center;gap:8px;padding:10px 2px 2px;display:flex}.cmp-swap__name{text-align:center;justify-items:center;display:grid}.cmp-swap__name b{font-size:15px}.cmp-swap__name small{font-family:var(--mono);opacity:.55;font-size:11px}.cmp-keys{cursor:pointer;background:0 0;border:0;gap:4px;padding:0;display:inline-flex}.cmp-keys kbd{color:#fff;min-width:30px;height:28px;font-family:var(--mono);background:#2a241f;border:1px solid #ffffff1f;border-bottom-width:3px;border-radius:7px;place-items:center;padding:0 7px;font-size:12px;transition:transform .12s,border-bottom-width .12s,background .12s;display:inline-grid}.cmp-keys.is-down kbd,.cmp-keys:active kbd{background:var(--orange-600);border-bottom-width:1px;transform:translateY(2px)}.cmp-import__head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.cmp-import__app{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;margin-top:6px;padding:clamp(12px,2vw,20px)}.cmp-steps{flex-wrap:wrap;gap:8px 20px;margin:0 0 14px;padding:0;list-style:none;display:flex}.cmp-steps li{color:var(--muted);align-items:center;gap:8px;font-size:14px;transition:color .3s;display:inline-flex}.cmp-steps li>span{background:var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:600;transition:background .3s,color .3s;display:grid}.cmp-steps li.is-on{color:var(--ink);font-weight:600}.cmp-steps li.is-on>span{background:var(--orange-500);color:#fff;box-shadow:0 0 0 4px var(--orange-100)}.cmp-steps li.is-done>span{background:var(--ink);color:#fff}.cmp-import__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.cmp-code{color:#f5e9de;background:#16120f;border-radius:14px;min-height:300px;overflow:hidden}.cmp-code__bar{font-family:var(--mono);color:#fff8;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:10px 14px;font-size:12px;display:flex}.cmp-code pre{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;margin:0;padding:14px;font-size:12.5px;line-height:1.6}.cmp-code__ph{color:#fff5}.cmp-caret{vertical-align:text-bottom;background:var(--orange-400);width:7px;height:1.1em;animation:1s step-end infinite cmp-caret;display:inline-block}@keyframes cmp-caret{50%{opacity:0}}.cmp-import__side{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:300px;padding:16px}.cmp-log p{color:var(--ink-2);animation:cmp-in .4s var(--ease-out);align-items:center;gap:8px;margin:0 0 10px;font-size:14px;display:flex}.cmp-log p svg{color:var(--orange-600);flex:none}.cmp-log small{color:var(--muted);margin-top:12px;font-size:13px;display:block}.cmp-log__busy{color:var(--muted)!important}.cmp-spin{border:2px solid var(--orange-200);border-top-color:var(--orange-600);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite cmp-rot}@keyframes cmp-rot{to{transform:rotate(360deg)}}.cmp-result{animation:cmp-in .5s var(--ease-out);gap:4px;display:grid}.cmp-glow{--cmp-hue:var(--orange-500);min-height:120px;box-shadow:0 0 0 1px color-mix(in srgb, var(--cmp-hue) 45%, transparent), 0 18px 40px -16px var(--cmp-hue);animation:cmp-glow-in .7s var(--ease-out);background:#18181b;border-radius:14px;align-items:flex-end;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.cmp-glow:before{content:"";background:conic-gradient(from 0deg, transparent, color-mix(in srgb, var(--cmp-hue) 35%, transparent), transparent 40%);animation:5s linear infinite cmp-rot;position:absolute;inset:-40%}.cmp-glow__photo{border-radius:10px;flex:none;width:64px;height:64px;position:relative}.cmp-glow b{color:var(--cmp-hue);letter-spacing:-.02em;word-break:break-word;font-size:22px;line-height:1.1;position:relative}@keyframes cmp-glow-in{0%{opacity:0;transform:translateY(24px)}}.cmp-fields{grid-template-columns:1fr;display:grid}.cmp-result__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.cmp-save{height:44px;padding:0 18px;font-size:14px}.cmp-save.is-saved{background:var(--ink);box-shadow:none}.cmp-replay{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px;text-decoration:underline}.cmp-import__app>.cmp-video{aspect-ratio:16/9}@media (prefers-reduced-motion:reduce){.cmp-glow:before,.cmp-caret,.cmp-spin,.cmp-swap__screen .cmp-prev,.cmp-result,.cmp-log p,.cmp-glow{animation:none!important}}@media (width<=960px){.cmp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-card--more{grid-column:auto;grid-template-columns:1fr;padding:16px}.cmp-card--more strong{font-size:34px}.cmp-swapblock,.cmp-import__grid{grid-template-columns:1fr}.cmp-code,.cmp-import__side{min-height:0}.cmp-code pre{max-height:240px;overflow:hidden}}@media (width<=640px){.cmp-gallery{padding:10px}.cmp-tabs{flex-wrap:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.cmp-card--more p{font-size:12.5px}.cmp-gallery__bar,.cmp-import__head{flex-direction:column;align-items:stretch}.cmp-mode{align-self:flex-start}.cmp-grid{gap:8px}.cmp-card{border-radius:14px;padding:6px}.cmp-card strong{font-size:13.5px}.cmp-card small{font-size:11.5px}.cmp-use{display:none}.cmp-card--empty,.cmp-note{grid-column:1/-1}.cmp-total{justify-items:start}.cmp-code pre{font-size:11px}}.cmp-import__app>.cmp-import-label{margin-bottom:16px}.cmp-steps button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;display:inline-flex}.cmp-steps button>span{background:var(--line);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.cmp-steps .is-on button>span{background:var(--orange-500);color:#fff}.cmp-steps .is-done button>span{background:var(--ink);color:#fff}.cmp-code__bar span{overflow-wrap:anywhere;min-width:0}.cmp-code__bar small{white-space:nowrap;margin-left:auto;font-size:10px}.cmp-code pre{white-space:pre;word-break:normal;overscroll-behavior:contain;scrollbar-color:#645b50 #16120f;height:400px;max-height:400px;font-size:11px;overflow:auto}.cmp-code pre:focus-visible{outline:2px solid var(--orange-400);outline-offset:-2px}.cmp-syntax-comment{color:#817c73}.cmp-syntax-string{color:#bcd998}.cmp-syntax-keyword{color:#e6a374}.cmp-syntax-number{color:#b9a3db}.cmp-import__toolbar{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 16px;display:flex}.cmp-review{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.cmp-review__renders{gap:14px;min-width:0;display:grid}.cmp-review__renders figure{min-width:0;margin:0}.cmp-review__renders figcaption{color:var(--muted);font:11px var(--mono);margin-bottom:8px}.cmp-review--compare{grid-template-columns:minmax(0,1fr) 240px}.cmp-review--compare .cmp-review__renders{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-original{aspect-ratio:4/3;background:#030303;border-radius:10px;position:relative;overflow:hidden}.cmp-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cmp-fields .cmp-field{margin:0}.cmp-fields .cmp-field--text{grid-column:1/-1}.cmp-fields .cmp-field>span{font-size:12px}.cmp-fields input{width:100%;height:36px;padding:0 8px;font-size:13px}.cmp-fields input[type=color]{cursor:pointer;padding:4px}.cmp-save:disabled{opacity:.5;cursor:wait}@media (width<=960px){.cmp-review,.cmp-review--compare{grid-template-columns:1fr}.cmp-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.cmp-fields .cmp-field--text{grid-column:auto}}@media (width<=640px){.cmp-code pre{height:290px;max-height:290px;font-size:10px}.cmp-code__bar{flex-wrap:wrap;padding:10px;font-size:10px}.cmp-import__toolbar{align-items:start}.cmp-review--compare .cmp-review__renders{grid-template-columns:1fr}.cmp-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-fields .cmp-field--text{grid-column:1/-1}.cmp-import__toolbar .cmp-replay{flex:none}}@media (prefers-reduced-motion:reduce){.cmp-original .ogp-root *,.cmp-original .ogp-root :before,.cmp-original .ogp-root :after{transition:none!important;animation:none!important}}.cmp-card__preview{aspect-ratio:4/3;contain:layout paint;background:#10131a;border-radius:10px;position:relative;overflow:hidden}.cmp-card__poster{object-fit:contain;width:100%;height:100%;display:block}.cmp-card__preview .cmp-real-preview{background:0 0;position:absolute;inset:0}.cmp-card__preview .cmp-real-preview canvas:not([data-frames]){opacity:0}.cmp-import-mount{min-height:500px}.cmp-selection{color:var(--muted);font:12px var(--mono);padding:8px}.cmp-gallery__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.cmp-gallery__footer p{color:var(--muted);margin:0;font-size:13px}.cmp-swap-poster{aspect-ratio:4/3;object-fit:contain;background:#10131a;border-radius:10px;width:100%;display:block}.cmp-code__reveal{overflow:hidden}.platforms{overflow-x:clip}.platforms-head{text-align:center;justify-items:center;gap:16px;display:grid}.platforms-grid{gap:56px;margin-top:56px;display:grid}.platforms-stage{width:100%;min-width:0;max-width:1080px;margin-inline:auto}.platforms-window{box-shadow:0 40px 80px -40px #3c1e0a59, var(--shadow,none);border-radius:10px;overflow:hidden}.platforms-chrome{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;height:40px;padding-left:14px;display:flex}.platforms-wintitle{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.platforms-logo{background:var(--accent);border-radius:4px;width:14px;height:14px}.platforms-winctl{height:100%;display:flex}.platforms-winctl i{width:46px;color:var(--muted);place-items:center;font-size:12px;font-style:normal;transition:background .2s,color .2s;display:grid}.platforms-winctl i:hover{background:var(--line)}.platforms-winctl i:last-child:hover{background:var(--orange-500);color:var(--accent-ink)}.platforms-body{aspect-ratio:16/9;background:#0e0c0b;position:relative;overflow:hidden}.platforms-video{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.platforms-caption{pointer-events:none;max-width:calc(100% - 120px);margin:0;position:absolute;bottom:18px;left:16px}.platforms-caption span{color:#fff;letter-spacing:-.005em;background:#14100ed1;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-block}.platforms-caption span.is-in{animation:platforms-cap .5s var(--ease-out,ease-out) both}@keyframes platforms-cap{0%{opacity:0;transform:translateY(8px)}}.platforms-controls{opacity:0;gap:6px;transition:opacity .25s;display:flex;position:absolute;bottom:14px;right:12px}.platforms-body:hover .platforms-controls,.platforms-controls:focus-within{opacity:1}@media (hover:none){.platforms-controls{opacity:1}}.platforms-ctl{color:#fff;cursor:pointer;background:#14100ed1;border:0;border-radius:10px;place-items:center;width:34px;height:34px;transition:background .2s;display:grid}.platforms-ctl:hover{background:var(--accent);color:var(--accent-ink)}.platforms-ctl:focus-visible,.platforms-bigplay:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.platforms-ctl svg{fill:currentColor;width:16px;height:16px}.platforms-ctl svg[fill=none]{fill:none}.platforms-bigplay{background:var(--accent);width:72px;height:72px;box-shadow:var(--glow);cursor:pointer;border:0;border-radius:50%;margin:auto;transition:transform .2s;position:absolute;inset:0}.platforms-bigplay:hover{transform:scale(1.06)}.platforms-bigplay span{border-left:20px solid var(--accent-ink);border-block:13px solid #0000;position:absolute;top:23px;left:28px}.platforms-progress{background:#ffffff1f;height:3px;position:absolute;bottom:0;left:0;right:0}.platforms-progress>span{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.platforms-status{border-top:1px solid var(--line);background:var(--surface-2);font-family:var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:8px 14px;font-size:12px;display:flex}.platforms-status span{align-items:center;gap:8px;display:inline-flex}.platforms-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:relative}.platforms-dot:after{content:"";background:var(--orange-300);border-radius:50%;animation:2s ease-out infinite platforms-pulse;position:absolute;inset:0}@keyframes platforms-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3)}}@media (prefers-reduced-motion:reduce){.platforms-dot:after{opacity:0;animation:none}}.platforms-side{gap:40px;width:100%;max-width:1080px;margin-inline:auto;display:grid}.platforms-benefits{gap:22px 28px;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.platforms-benefits{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.platforms-benefits{grid-template-columns:repeat(4,1fr)}}.platforms-benefit{align-items:flex-start;gap:16px;display:flex}.platforms-icon{background:var(--orange-50);border:1px solid var(--orange-100);width:34px;height:34px;color:var(--orange-600);border-radius:10px;flex:none;place-items:center;display:grid}.platforms-benefit h3{letter-spacing:-.01em;margin:0 0 4px;font-size:18px}.platforms-benefit p{color:var(--ink-2);overflow-wrap:anywhere;margin:0;font-size:15px}.platforms-cta{text-align:center;justify-items:center;gap:10px;display:grid}.platforms-cta span{color:var(--muted);font-size:13px}.platforms-cta .btn{box-shadow:0 4px 0 var(--orange-700), var(--glow);transition:translate .12s,box-shadow .12s,background .3s;translate:0}.platforms-cta .btn:hover{box-shadow:0 5px 0 var(--orange-700), var(--glow);transform:translateY(-1px)}.platforms-cta .btn:active{box-shadow:0 1px 0 var(--orange-700), 0 6px 20px -10px #ff6b1680;translate:0 3px}.platforms-mac{color:var(--orange-700);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--orange-200);text-decoration-color:var(--orange-200);font-size:14px;font-weight:600}.platforms-mac:hover{text-decoration-color:currentColor}@media (width<=560px){.platforms-caption{max-width:calc(100% - 96px);bottom:12px;left:10px}.platforms-caption span{padding:5px 10px;font-size:11.5px}.platforms-ctl{width:30px;height:30px}.platforms-controls{bottom:10px;right:8px}.platforms-bigplay{width:56px;height:56px}.platforms-bigplay span{border-left-width:16px;border-block-width:10px;top:18px;left:22px}.platforms-winctl i{width:34px}}@media (prefers-reduced-motion:reduce){.platforms-caption span{animation:none}}.pricing{overflow-x:clip}.pricing-head{text-align:center;justify-items:center;gap:16px;display:grid}.pricing-seal{background:var(--orange-50);border:1px solid var(--orange-200);color:var(--orange-700);text-align:left;border-radius:999px;align-items:center;gap:10px;margin:16px 0 0;padding:10px 18px;font-size:15px;font-weight:600;display:inline-flex}.pricing-seal svg{flex:none}.pricing-grid{align-items:stretch;gap:20px;max-width:880px;margin:56px auto 0;display:grid}.pricing-card{border-radius:var(--radius);background:var(--line);box-shadow:var(--shadow);transition:rotate .7s cubic-bezier(.34,1.56,.64,1), translate .7s cubic-bezier(.34,1.56,.64,1), box-shadow .4s var(--ease-out);padding:1px;position:relative}@media (width>=700px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:0;padding:12px 0 24px}.pricing-card{z-index:1;translate:10px 18px;rotate:-2.5deg}.pricing-card.is-featured{z-index:2;translate:-10px -10px;rotate:2deg}.pricing-card:hover{z-index:3;translate:0 -8px;rotate:0deg;box-shadow:0 2px 4px #16120f0d,0 30px 60px -20px #16120f47}.pricing-card.is-featured:hover{translate:-10px -18px;box-shadow:0 30px 70px -20px #ff6b1699}}@media (prefers-reduced-motion:reduce){.pricing-card{transition:none}}.pricing-inner{border-radius:calc(var(--radius) - 1px);background:var(--surface);flex-direction:column;height:100%;padding:32px 28px;display:flex}@property --pricing-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.pricing-card.is-featured{background:conic-gradient(from var(--pricing-angle), var(--orange-200), var(--orange-500), var(--orange-300), var(--orange-600), var(--orange-200));box-shadow:var(--glow);padding:2px;animation:4s linear infinite pricing-spin}@keyframes pricing-spin{to{--pricing-angle:360deg}}.pricing-card.is-featured .pricing-inner{border-radius:calc(var(--radius) - 2px);background:linear-gradient(180deg, var(--orange-50), var(--surface) 40%)}.pricing-badge{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);border-radius:999px;align-self:flex-start;margin-bottom:14px;padding:5px 10px;font-size:11px}.pricing-inner h3{letter-spacing:-.02em;margin:0;font-size:22px}.pricing-desc{color:var(--muted);margin:6px 0 20px;font-size:15px}.pricing-price{letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;margin:0;font-size:56px;font-weight:700;line-height:1;display:flex}.pricing-price small{color:var(--muted);letter-spacing:0;font-size:16px;font-weight:600}.pricing-note{color:var(--muted);margin:8px 0 24px;font-size:13px}.pricing-cta{justify-content:center;width:100%}.pricing-inner ul{border-top:1px solid var(--line);gap:12px;margin:24px 0 0;padding:24px 0 0;font-size:15px;list-style:none;display:grid}.pricing-inner li{color:var(--ink-2);align-items:center;gap:10px;display:flex}.pricing-inner li svg{color:var(--accent);flex:none}.pricing-cta{transition:translate .12s,box-shadow .12s,background .3s;translate:0}.pricing-cta.btn-primary{box-shadow:0 4px 0 var(--orange-700), var(--glow)}.pricing-cta.btn-ghost{box-shadow:0 4px 0 var(--line)}.pricing-cta:hover{transform:translateY(-1px)}.pricing-cta.btn-primary:hover{box-shadow:0 5px 0 var(--orange-700), var(--glow)}.pricing-cta.btn-ghost:hover{box-shadow:0 5px 0 var(--line)}.pricing-cta:active{translate:0 3px}.pricing-cta.btn-primary:active{box-shadow:0 1px 0 var(--orange-700), 0 6px 20px -10px #ff6b1680}.pricing-cta.btn-ghost:active{box-shadow:0 1px 0 var(--line)}.pricing-badge{align-items:center;gap:7px;display:inline-flex}.pricing-badge.is-live i{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite pricing-live}@keyframes pricing-live{0%{box-shadow:0 0 #fffc}to{box-shadow:0 0 0 7px #fff0}}.pricing-badge.is-closed{background:var(--ink)}.pricing-alert{background:var(--orange-50);border:1px solid var(--orange-300);color:var(--orange-700);border-radius:12px;margin:0;padding:10px 16px;font-size:14px}.pricing-card.is-soldout{background:linear-gradient(135deg, var(--orange-200), var(--line));box-shadow:var(--shadow);animation:none}.pricing-next{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px;display:grid}.pricing-next>div{background:var(--surface);border:1px dashed var(--orange-300);border-radius:14px;gap:2px;padding:14px;display:grid}.pricing-next b{font-size:15px}.pricing-next span{letter-spacing:-.02em;font-size:20px;font-weight:700}.pricing-next small{color:var(--muted);font-size:12px}.pricing-wait{gap:10px;display:grid}.pricing-wait-input{background:var(--surface);border:1px solid var(--line);height:50px;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 16px;display:flex}.pricing-wait-input:focus-within{border-color:var(--orange-400);box-shadow:0 0 0 4px var(--orange-100)}.pricing-wait-input input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.pricing-wait-error{color:var(--orange-700);font-size:14px}.pricing-wait-done{background:var(--orange-50);border:1px solid var(--orange-200);color:var(--ink-2);border-radius:14px;align-items:center;gap:10px;margin:0;padding:14px 16px;display:flex}.pricing-wait-done svg{color:var(--accent);flex:none}.pricing-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.pricing-badge.is-live i{animation:none}}.faq-grid{gap:48px;display:grid}@media (width>=900px){.faq-grid{grid-template-columns:1fr 1.4fr;align-items:start}.faq-head{position:sticky;top:120px}}.faq-head{align-content:start;gap:16px;display:grid}.faq-list{gap:12px;display:grid}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .3s,box-shadow .3s}.faq-item.is-open{border-color:var(--orange-200);box-shadow:var(--shadow)}.faq-q{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;font-size:18px;font-weight:600;display:flex}.faq-icon{background:var(--surface-2);width:30px;height:30px;color:var(--ink-2);transition:transform .5s var(--ease-out), background .3s, color .3s;border-radius:50%;flex:none;place-items:center;display:grid}.faq-item.is-open .faq-icon{background:var(--accent);color:var(--accent-ink);transform:rotate(135deg)}.faq-panel{height:0;overflow:hidden}.faq-panel p{color:var(--ink-2);max-width:60ch;margin:0;padding:0 24px 24px}.finalcta{padding-inline:clamp(8px,2vw,24px)}.finalcta-box{background:radial-gradient(circle at 80% 0%, var(--orange-400), transparent 55%), radial-gradient(circle at 0% 100%, var(--orange-600), transparent 50%), var(--orange-500);color:var(--accent-ink);border-radius:24px;padding-block:clamp(80px,12vw,160px);position:relative;overflow:hidden}.finalcta-box:after{content:"";pointer-events:none;background-image:radial-gradient(#ffffff2e 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 40%,#0000);mask-image:linear-gradient(#0000,#000 40%,#0000)}.finalcta-inner{z-index:1;text-align:center;justify-items:center;gap:28px;display:grid;position:relative}.finalcta-title{letter-spacing:-.055em;margin:0;font-size:clamp(48px,11vw,168px);font-weight:700;line-height:.92}.finalcta-line{display:block}.finalcta-word{margin:-.06em -.02em -.22em;padding:.06em .14em .22em;display:inline-block;overflow:hidden}.finalcta-char{will-change:transform;display:inline-block}.finalcta-sub{max-width:46ch;color:var(--orange-50);margin:0;font-size:clamp(18px,1.6vw,21px)}.finalcta-actions{padding:20px}.finalcta-btn{background:var(--ink);height:68px;color:var(--surface);border-radius:999px;align-items:center;padding:0 36px;font-size:18px;font-weight:600;display:inline-flex;box-shadow:0 24px 50px -18px #16120f99}.finalcta-btn-label{align-items:center;gap:12px;display:inline-flex}.finalcta-btn:hover{background:var(--surface);color:var(--ink)}.finalcta-btn{transition:translate .12s,box-shadow .12s,background .3s,color .3s;box-shadow:0 6px #000,0 24px 50px -18px #16120f99}.finalcta-btn:hover{box-shadow:0 6px 0 var(--orange-200), 0 24px 50px -18px #16120f66}.finalcta-btn:active{box-shadow:0 2px 0 var(--orange-200), 0 10px 24px -14px #16120f66;translate:0 4px}.footer{border-top:1px solid var(--line);background:var(--surface-2);padding-top:96px;overflow:hidden}.footer__grid{grid-template-columns:2fr repeat(3,1fr);gap:32px;display:grid}.footer__brand{margin:0 0 6px;font-size:20px;font-weight:700}.footer__tag{color:var(--muted);max-width:28ch;margin:0}.footer__title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:12px}.footer ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer li a{color:var(--ink-2);background:linear-gradient(var(--accent), var(--accent)) 0 100% / 0 1px no-repeat;transition:background-size .4s var(--ease-out), color .3s}.footer li a:hover{color:var(--ink);background-size:100% 1px}.footer__word{letter-spacing:-.06em;color:var(--orange-500);white-space:nowrap;justify-content:center;margin-top:72px;font-size:clamp(56px,15.5vw,230px);font-weight:800;line-height:.8;display:flex;overflow:hidden}.footer__word span{display:inline-block}.footer__bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:24px;font-size:14px;display:flex}@media (width<=800px){.footer__grid{grid-template-columns:1fr 1fr}.footer__grid>:first-child{grid-column:1/-1}}:root{--orange-50:#fff6ed;--orange-100:#ffead4;--orange-200:#ffd0a8;--orange-300:#ffad70;--orange-400:#ff8a3d;--orange-500:#ff6b16;--orange-600:#ec520c;--orange-700:#c43d0c;--ink:#16120f;--ink-2:#3d3631;--muted:#7a6f67;--line:#ece4dc;--bg:#fffcf9;--surface:#fff;--surface-2:#fbf5ef;--accent:var(--orange-500);--accent-ink:#fff;--radius:20px;--radius-sm:12px;--shadow:0 1px 2px #16120f0a, 0 12px 32px -12px #16120f1f;--glow:0 20px 60px -20px #ff6b168c;--font:"Inter Tight", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--container:1200px;--gutter:clamp(16px, 4vw, 40px);--ease-out:cubic-bezier(.2,.8,.2,1)}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;font-size:17px;line-height:1.55;overflow-x:hidden}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:var(--orange-200)}.container{width:min(100% - 2 * var(--gutter), var(--container));margin-inline:auto}.section{padding-block:clamp(80px,12vw,160px);position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-700);align-items:center;gap:8px;font-size:13px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.h1{letter-spacing:-.045em;margin:0;font-size:clamp(44px,7.4vw,104px);font-weight:700;line-height:.98}.h2{letter-spacing:-.035em;margin:0;font-size:clamp(34px,5vw,64px);font-weight:700;line-height:1.02}.lead{color:var(--ink-2);max-width:60ch;font-size:clamp(18px,1.6vw,21px)}.accent{color:var(--orange-600)}.btn{height:52px;transition:transform .3s var(--ease-out), box-shadow .3s, background .3s;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--glow)}.btn-primary:hover{background:var(--orange-600);transform:translateY(-2px)}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--orange-300)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hero-wrap{isolation:isolate;position:relative}.hero-wrap>.hero{z-index:1;background:0 0;position:relative}