:root{--bg:#F6F2EA;--bg2:#EFE9DF;--panel:#FEFCF8;--card:#FEFCF8;--line:#E6DFD3;--ink:#2A2622;--body:#5D554E;--mut:#786E64;--faint:#A89E92;--acc:#E15A3E;--soft:#C24A30;--amber:#C8902A;--amberD:#A87720;--pink:#C44545;--teal:#5B9B8A;--tealD:#4A8070;--plum:#8B6B9E;--terra:#C26B47;--wash:#FBF0EB;--wash-line:#F0CFC2;--shadow:#3C3228;--glass:rgba(254,252,248,.74);--r:18px;--rs:12px;--ease:cubic-bezier(.16,1,.3,1)}*{margin:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:radial-gradient(circle at 10% -8%,rgba(225,90,62,.16),transparent 30rem),radial-gradient(circle at 94% 8%,rgba(200,144,42,.12),transparent 26rem),radial-gradient(circle at 72% 52%,rgba(139,107,158,.08),transparent 30rem),linear-gradient(180deg,var(--bg) 0%,#F8F4ED 42%,#EFE9DF 100%);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#e15a3e52;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--soft);outline-offset:3px;border-radius:6px}.wrap{max-width:1080px;margin:0 auto;padding:0 28px}.skip{position:absolute;left:-9999px;top:0;background:var(--acc);color:#fff;padding:10px 18px;border-radius:0 0 10px;z-index:99;font-weight:600}.skip:focus{left:0}.kicker{font-size:12.5px;letter-spacing:.15em;color:var(--soft);font-weight:700;text-transform:uppercase}h2{font-size:clamp(28px,4vw,38px);letter-spacing:-.015em;line-height:1.15;margin:10px 0 14px}.lead{color:var(--body);max-width:600px}section{padding:96px 0}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f0f12c7;border-bottom:1px solid var(--line)}.nav .in{max-width:1080px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:26px;font-size:14px;color:var(--mut)}.logo{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:700;font-size:15.5px}.logo .dot{width:23px;height:23px;display:block;transition:transform .35s var(--ease)}.logo:hover .dot{transform:rotate(90deg)}.nav a.lnk{position:relative;padding:4px 2px;transition:color .2s}.nav a.lnk:hover,.nav a.lnk[aria-current=true]{color:var(--ink)}.nav a.lnk:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--soft);transition:right .25s var(--ease)}.nav a.lnk:hover:after,.nav a.lnk[aria-current=true]:after{right:0}.nav .cta{margin-left:auto;background:var(--acc);color:#fff;padding:8px 17px;border-radius:10px;font-weight:650;transition:transform .15s var(--ease),box-shadow .2s}.nav .cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px #e8590c66}@media(max-width:760px){.nav a.lnk{display:none}}.hero{text-align:center;padding:84px 0 40px;position:relative;overflow:hidden}.hero .glow{position:absolute;left:50%;top:-120px;width:880px;height:480px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(232,89,12,.16),transparent 65%);pointer-events:none}.pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--soft);border:1px solid rgba(240,153,123,.35);background:#f0997b12;padding:6px 15px;border-radius:99px;margin-bottom:24px}.pill .live{width:7px;height:7px;border-radius:50%;background:var(--soft);animation:breathe 2s ease-in-out infinite}@keyframes breathe{50%{opacity:.3}}h1{font-size:clamp(40px,6.6vw,62px);line-height:1.07;letter-spacing:-.025em;font-weight:800}h1 em{font-style:normal;color:var(--soft)}.hero .sub{color:var(--body);max-width:580px;margin:22px auto 32px;font-size:18px}.hword{display:inline-block;opacity:0;transform:translateY(14px);animation:rise .6s var(--ease) forwards}@keyframes rise{to{opacity:1;transform:none}}.wl{display:flex;gap:10px;justify-content:center;max-width:440px;margin:0 auto}.wl input[type=email]{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 16px;color:var(--ink);font-size:15px;transition:border-color .2s,box-shadow .2s}.wl input[type=email]::placeholder{color:var(--mut)}.wl input[type=email]:focus-visible{outline:none;border-color:var(--soft);box-shadow:0 0 0 3px #f0997b33}.wl button{background:var(--acc);color:#fff;border-radius:12px;padding:13px 22px;font-weight:700;font-size:15px;white-space:nowrap;transition:transform .15s var(--ease),box-shadow .2s}.wl button:hover{transform:translateY(-1px);box-shadow:0 10px 30px #e8590c66}.wl button:active{transform:translateY(0) scale(.98)}.hp{position:absolute;left:-9999px}.wl-status{min-height:24px;font-size:13.5px;margin-top:12px;color:var(--mut)}.wl-status.ok{color:var(--teal)}.wl-status.err{color:#f09595}.hero .note{font-size:12.5px;color:var(--mut);margin-top:4px}.demo-shell{margin:62px auto 0;max-width:940px;border-radius:18px;background:var(--panel);border:1px solid var(--line);overflow:hidden;box-shadow:0 50px 140px #0000008c;text-align:left}.tbar{display:flex;gap:7px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.tbar i{width:11px;height:11px;border-radius:50%;background:#3a3a40}.tbar i:nth-child(1){background:#e2554f}.tbar i:nth-child(2){background:#e0a33e}.tbar i:nth-child(3){background:#56a85c}.tbar span{margin-left:10px;font-size:12px;color:var(--mut)}.tbar .try{margin-left:auto;font-size:11.5px;color:var(--soft);border:1px solid rgba(240,153,123,.3);border-radius:99px;padding:3px 11px;animation:breathe 2.4s ease-in-out infinite}.stage{background:linear-gradient(135deg,#e8590c,#c2410c);padding:40px 64px;position:relative;overflow:hidden;min-height:280px}.vp{position:relative;width:100%;height:228px;will-change:transform}.dwin{position:absolute;left:8%;top:6%;width:72%;height:80%;background:#f4f3f0;border-radius:10px;box-shadow:0 24px 56px #00000059;overflow:hidden}.dwin .bar{height:26px;background:#e9e6df;display:flex;gap:6px;align-items:center;padding:0 11px}.dwin .bar i{width:8px;height:8px;border-radius:50%;background:#cfccc4}.sk{display:block;height:9px;border-radius:4px;background:#dedbd3;margin:13px 18px 0}.sk.hot{background:#f4b58e}.dcur{position:absolute;width:15px;height:15px;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));z-index:3}.dcur svg{display:block}.dcam{position:absolute;border-radius:50%;background:radial-gradient(circle at 50% 36%,#c98e6b 40%,#3b2f2a 41%);border:3px solid #fff;box-shadow:0 12px 30px #0006;z-index:4;will-change:transform,opacity}.dspot{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .2s var(--ease);background:radial-gradient(ellipse 158px 102px at var(--sx,40%) var(--sy,50%),transparent 0 55%,rgba(42,38,34,.54) 56% 100%)}.dspot.on{opacity:1}.dspot-hole{position:absolute;left:calc(var(--sx,40%) - 78px);top:calc(var(--sy,50%) - 50px);width:156px;height:100px;border:2px solid var(--acc);border-radius:14px;box-shadow:0 14px 30px #2a26222e;transition:left .08s linear,top .08s linear}.dspot-label{position:absolute;left:calc(var(--sx,40%) - 47px);top:calc(var(--sy,50%) + 62px);background:#2a2622;color:#fff;border-radius:10px;padding:5px 11px;font-size:11px;font-weight:850;box-shadow:0 10px 22px #2a262238}.dtag{position:absolute;top:14px;right:16px;background:#141418e6;color:var(--amber);border:1px dashed rgba(250,199,117,.7);font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:8px;opacity:0;transition:opacity .2s;z-index:5}.dtag.on{opacity:1}.lanes{padding:14px 18px 8px;display:grid;gap:8px;background:#141417}.lane{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:10px;font-size:9px;letter-spacing:.12em;color:#6d6d76;font-weight:700}.track{height:21px;border-radius:5px;background:#1d1d22;position:relative}.blk{position:absolute;top:3px;bottom:3px;border-radius:4px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s,filter .2s}.blk.z{background:#e8590c40;border:1px solid var(--soft);color:var(--soft)}.blk.c{background:#ed93b12e;border:1px solid var(--pink);color:var(--pink)}.blk.i{background:#fac7751a;border:1px dashed var(--amber);color:var(--amber)}.blk.hit{box-shadow:0 0 14px #f0997b8c;filter:brightness(1.3)}.scrub{display:flex;align-items:center;gap:14px;padding:10px 18px 16px;background:#141417}.playbtn{width:34px;height:34px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s var(--ease)}.playbtn:hover{transform:scale(1.08)}.scrub input[type=range]{flex:1;appearance:none;-webkit-appearance:none;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--acc) var(--p,0%),#2a2a30 var(--p,0%))}.scrub input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:4px solid var(--acc);box-shadow:0 2px 8px #0006;cursor:grab}.scrub input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.scrub input[type=range]::-moz-range-thumb{width:17px;height:17px;border-radius:50%;background:#fff;border:4px solid var(--acc);box-shadow:0 2px 8px #0006;cursor:grab}.scrub input[type=range]::-moz-range-track{height:5px;border-radius:3px;background:#2a2a30}.scrub input[type=range]::-moz-range-progress{height:5px;border-radius:3px;background:var(--acc)}.scrub .t{font:12px/1 ui-monospace,Menlo,monospace;color:var(--mut);min-width:74px;text-align:right}.demo-cap{font-size:13px;color:var(--mut);text-align:center;margin-top:16px}.demo-cap b{color:var(--body)}.capture-studio{padding-top:72px;scroll-margin-top:88px}.capture-studio .wrap{max-width:1360px;padding-left:24px;padding-right:24px}.cs-grid{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:30px;align-items:center}.cs-copy{position:relative}.cs-modes{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 18px}.cs-modes button{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 13px;color:var(--mut);font-size:13px;font-weight:800;box-shadow:1px 1px 0 var(--line);transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}.cs-modes button:hover{transform:translateY(-1px);border-color:var(--wash-line);color:var(--ink)}.cs-modes button.on{background:var(--acc);border-color:var(--soft);color:#fff;box-shadow:1px 1px 0 var(--soft),0 12px 24px #c24a302e}.cs-roadmap{display:grid;gap:8px;max-width:520px}.cs-roadmap span{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:#fefcf89e;border-radius:12px;padding:9px 11px;color:var(--body);font-size:13px}.cs-roadmap b{color:var(--soft);font:10px/1 ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;min-width:64px}.cs-stage{position:relative;border:1px solid var(--line);border-radius:28px;background:#fffcf7;box-shadow:3px 3px 0 var(--line),0 30px 70px #3c322821;overflow:hidden;padding:14px}.cs-stage:before{content:"";position:absolute;inset:-1px;background:radial-gradient(360px circle at var(--px,54%) var(--py,42%),rgba(225,90,62,.14),transparent 64%);opacity:.85;pointer-events:none;transition:opacity .2s}.cs-browser{position:relative;z-index:1;border:1px solid #D8CFBF;border-radius:20px;background:var(--panel);overflow:hidden;box-shadow:inset 0 1px #ffffffc7}.cs-chrome{height:42px;border-bottom:1px solid #E6DFD3;background:#f2ede5;display:flex;gap:7px;align-items:center;padding:0 15px;color:var(--mut)}.cs-chrome i{width:10px;height:10px;border-radius:50%;background:#e15a3e}.cs-chrome i:nth-child(2){background:#c8902a}.cs-chrome i:nth-child(3){background:#5b9b8a}.cs-chrome b{margin-left:8px;font-size:13px;color:#6e655d}.cs-chrome span{margin-left:auto;border:1px solid var(--wash-line);background:var(--wash);border-radius:999px;padding:3px 9px;color:var(--soft);font:10.5px/1 ui-monospace,Menlo,monospace;font-weight:900;text-transform:uppercase}.cs-canvas{position:relative;min-height:390px;padding:44px;overflow:hidden}.cs-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 22% 18%,rgba(225,90,62,.18),transparent 13rem),linear-gradient(135deg,#f5e9da,#ebdac9 48%,#e6b491);transition:filter .45s var(--ease),transform .45s var(--ease)}.cs-shot{position:relative;width:min(74%,480px);height:250px;margin:24px auto 0;border-radius:16px;background:#fffcf7;border:1px solid #D8CFBF;box-shadow:0 22px 46px #3c32282e,2px 2px #d8cfbf;overflow:visible;transform-origin:50% 54%;transition:transform .55s var(--ease),box-shadow .55s var(--ease),border-radius .55s var(--ease)}.cs-shotbar{height:34px;border-bottom:1px solid #E6DFD3;background:#f2ede5;border-radius:16px 16px 0 0;display:flex;gap:7px;align-items:center;padding:0 14px}.cs-shotbar i{width:8px;height:8px;border-radius:50%;background:#d8cfbf}.cs-shotbar i:nth-child(1){background:#e15a3e}.cs-shotbar i:nth-child(2){background:#c8902a}.cs-shotbar i:nth-child(3){background:#5b9b8a}.cs-shotbar b{margin-left:6px;color:#786e64;font-size:12px}.cs-lines{padding:24px 28px;display:grid;gap:14px}.cs-lines span{height:10px;border-radius:999px;background:#dcd3c5}.cs-lines .hot{background:#efb28d}.cs-cursor{position:absolute;right:20%;top:45%;filter:drop-shadow(0 3px 4px rgba(60,50,40,.28));transition:right .5s var(--ease),top .5s var(--ease),transform .5s var(--ease),opacity .25s}.cs-callout{position:absolute;right:-30px;bottom:42px;border:1px solid var(--wash-line);background:var(--wash);color:var(--soft);border-radius:10px;padding:7px 10px;font:11px ui-monospace,Menlo,monospace;font-weight:900;box-shadow:1px 1px 0 var(--wash-line);opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease),transform .35s var(--ease)}.cs-arrow{position:absolute;left:44%;top:52%;width:110px;height:2px;background:var(--acc);opacity:0;transform:scaleX(.2);transform-origin:left center;transition:opacity .35s var(--ease),transform .35s var(--ease)}.cs-arrow:after{content:"";position:absolute;right:-2px;top:-5px;width:10px;height:10px;border-top:2px solid var(--acc);border-right:2px solid var(--acc);transform:rotate(45deg)}.cs-frame{position:absolute;left:16%;top:34%;width:36%;height:28%;border:2px solid var(--acc);border-radius:12px;box-shadow:0 0 0 999px #f6f2ea7a;opacity:0;transition:opacity .35s var(--ease),left .45s var(--ease),top .45s var(--ease)}.cs-toolbar{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:8px;background:#fffcf7;border:1px solid #D8CFBF;border-radius:17px;padding:7px;box-shadow:2px 2px #d8cfbf,0 16px 34px #3c32281f;transition:transform .45s var(--ease),opacity .35s}.cs-toolbar span{border:1px solid #E6DFD3;border-radius:11px;padding:7px 10px;color:#786e64;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.cs-toolbar .active{color:var(--soft);background:var(--wash);border-color:var(--wash-line)}.cs-inspector{position:absolute;right:24px;top:72px;width:150px;border:1px solid #D8CFBF;background:#fffcf7;border-radius:16px;padding:14px;box-shadow:2px 2px #d8cfbf,0 16px 34px #3c32281f;opacity:0;transform:translate(18px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.cs-inspector b{display:block;font-size:12px;color:var(--ink);margin-bottom:12px}.cs-inspector span{display:block;height:8px;border-radius:999px;background:#e1d8ca;margin-top:11px;overflow:hidden}.cs-inspector i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--soft),var(--acc))}.cs-film{position:absolute;left:34px;right:34px;bottom:24px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:center;opacity:0;transform:translateY(18px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.cs-film span{height:66px;border-radius:13px;border:1px solid #D8CFBF;background:linear-gradient(145deg,#fffcf7,#e9ddce);box-shadow:1px 1px #d8cfbf;position:relative;overflow:hidden}.cs-film span:after{content:"";position:absolute;left:14px;right:26px;bottom:16px;height:8px;border-radius:999px;background:var(--acc)}.cs-film span:nth-child(2):after{right:50px}.cs-film span:nth-child(3):after{right:18px;background:var(--teal)}.cs-film i{font-style:normal;color:var(--tealD);border:1px solid rgba(91,155,138,.36);background:#5b9b8a1a;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850;white-space:nowrap}.cs-caption{font-size:13.5px;color:var(--mut);line-height:1.55;margin:14px 8px 4px}.cs-caption b{color:var(--ink)}.cs-stage[data-mode=capture] .cs-frame{opacity:1}.cs-stage[data-mode=annotate] .cs-shot{transform:translate(-4%) scale(1.02)}.cs-stage[data-mode=annotate] .cs-frame,.cs-stage[data-mode=annotate] .cs-callout,.cs-stage[data-mode=annotate] .cs-arrow{opacity:1;transform:none}.cs-stage[data-mode=annotate] .cs-toolbar span:nth-child(2){color:var(--soft);background:var(--wash);border-color:var(--wash-line)}.cs-stage[data-mode=beautify] .cs-backdrop{filter:saturate(1.08) contrast(1.02)}.cs-stage[data-mode=beautify] .cs-shot{transform:scale(.9) rotate(-1.5deg);border-radius:22px;box-shadow:0 30px 60px #3c32283d,4px 4px #d8cfbf}.cs-stage[data-mode=beautify] .cs-inspector{opacity:1;transform:none}.cs-stage[data-mode=beautify] .cs-toolbar{transform:translate(-64%)}.cs-stage[data-mode=showcase] .cs-shot{transform:translateY(-38px) scale(.62);box-shadow:0 18px 36px #3c322829,2px 2px #d8cfbf}.cs-stage[data-mode=showcase] .cs-film{opacity:1;transform:none}.cs-stage[data-mode=showcase] .cs-cursor{opacity:0}.cs-stage[data-mode=showcase] .cs-toolbar{opacity:0;transform:translate(-50%) translateY(12px)}.cs-app{position:relative;z-index:1;border:1px solid #D8CFBF;border-radius:22px;background:#f6f2ea;overflow:hidden;box-shadow:inset 0 1px #ffffffd9}.cs-topbar{height:46px;background:#fffcf7;border-bottom:1px solid #E6DFD3;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.cs-undo{display:flex;align-items:center;border:1px solid #D8CFBF;border-radius:10px;background:#fffcf7;box-shadow:2px 2px #d8cfbf}.cs-undo span{width:32px;height:28px;display:flex;align-items:center;justify-content:center;color:#8e857a;font-weight:900}.cs-undo span+span{border-left:1px solid #E6DFD3;opacity:.42}.cs-actions{display:flex;gap:10px;align-items:center}.cs-actions button{height:32px;border-radius:11px;border:1px solid #D8CFBF;background:#fffcf7;color:#2a2622;font-size:13px;font-weight:850;padding:0 14px;box-shadow:3px 3px #d8cfbf}.cs-actions .save{border-color:var(--soft);background:var(--acc);color:#fff;box-shadow:4px 4px 0 var(--soft);padding-right:8px}.cs-actions .save i{font-style:normal;margin-left:8px;padding-left:8px;border-left:1px solid rgba(255,255,255,.35)}.cs-editor{display:grid;grid-template-columns:minmax(0,1fr) 250px;height:620px;min-height:0}.cs-canvasarea{position:relative;min-width:0;background:#f2eee6;border-right:1px solid #E0D7C8;overflow:hidden}.cs-format{position:absolute;left:50%;top:18px;z-index:5;transform:translate(-50%);height:42px;min-width:330px;border:1px solid #D8CFBF;border-radius:14px;background:#fffcf7;box-shadow:3px 3px #d8cfbf,0 12px 28px #3c32281f;display:flex;align-items:center;gap:10px;padding:0 12px;color:#2a2622;font-size:13px;font-weight:850}.cs-format .ratio{width:22px;height:16px;border:2px dashed var(--soft);border-radius:4px}.cs-format i{width:3px;height:3px;border-radius:50%;background:#d8cfbf}.cs-format em,.cs-format strong{font-style:normal;color:var(--soft);font-size:14px}.cs-format strong{margin-left:auto;color:#9d9388}.cs-format .noframe{color:#2a2622}.cs-workbench{position:absolute;inset:88px 28px 104px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cs-bg{position:absolute;inset:0;background:linear-gradient(115deg,#fffcf738,#fffcf705),radial-gradient(circle at 20% 20%,rgba(225,90,62,.18),transparent 16rem),linear-gradient(135deg,#dde4e2,#d2a882 52%,#27313a);filter:blur(1px);transition:filter .35s var(--ease),transform .45s var(--ease)}.cs-source{position:relative;width:min(82%,420px);height:238px;border-radius:15px;background:#fffcf7;border:1px solid #D8CFBF;box-shadow:0 30px 60px #3c32283d;overflow:hidden;transition:transform .48s var(--ease),box-shadow .48s var(--ease)}.cs-sourcebar{height:31px;background:#f2ede5;border-bottom:1px solid #E6DFD3;display:flex;align-items:center;gap:7px;padding:0 12px}.cs-sourcebar i{width:8px;height:8px;border-radius:50%;background:#e15a3e}.cs-sourcebar i:nth-child(2){background:#c8902a}.cs-sourcebar i:nth-child(3){background:#5b9b8a}.cs-sourcebar b{margin-left:5px;color:#786e64;font-size:12px}.cs-sidebar{position:absolute;left:0;top:31px;bottom:0;width:54px;background:#f0e9dd;border-right:1px solid #DED6C9;padding:18px 12px;display:grid;align-content:start;gap:9px}.cs-sidebar span{height:7px;border-radius:99px;background:#d8cfbf}.cs-sidebar span:nth-child(1){width:30px}.cs-sidebar span:nth-child(2){width:23px}.cs-sidebar span:nth-child(3){width:34px}.cs-sidebar span:nth-child(4){width:19px}.cs-code{position:absolute;left:70px;right:20px;top:52px;font:17px/1.35 ui-monospace,Menlo,monospace;color:#7c736b;transition:transform .45s var(--ease)}.cs-code p{white-space:nowrap}.cs-code em{font-style:normal;color:#8b6b9e}.cs-code b{color:#c24a30}.cs-select-frame{position:absolute;left:22%;top:27%;width:36%;height:34%;border:2px solid var(--acc);border-radius:12px;box-shadow:0 0 0 999px #fffcf757;opacity:1;transition:opacity .25s var(--ease),transform .45s var(--ease),left .45s var(--ease),top .45s var(--ease)}.cs-arrow{position:absolute;left:44%;top:52%;width:118px;height:3px;background:var(--acc);opacity:0;transform:scaleX(.2) rotate(-8deg);transform-origin:left center;transition:opacity .25s var(--ease),transform .38s var(--ease)}.cs-arrow:after{content:"";position:absolute;right:-2px;top:-5px;width:11px;height:11px;border-top:3px solid var(--acc);border-right:3px solid var(--acc);transform:rotate(45deg)}.cs-note{position:absolute;left:55%;top:42%;background:#fffcf7;border:1px solid var(--wash-line);color:var(--soft);border-radius:10px;padding:6px 9px;font:11px ui-monospace,Menlo,monospace;font-weight:900;box-shadow:2px 2px 0 var(--wash-line);opacity:0;transform:translateY(8px);transition:opacity .25s var(--ease),transform .38s var(--ease)}.cs-redact{position:absolute;right:30%;bottom:25%;width:110px;height:19px;border-radius:5px;background:#2a26222e;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .3s}.cs-dock{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#fffcf7;border:1px solid #D8CFBF;border-radius:18px;padding:8px;box-shadow:4px 4px #3c322814,0 18px 38px #3c322829}.cs-dock span{width:36px;height:36px;border:1px solid #D8CFBF;border-radius:11px;background:#fffcf7;box-shadow:2px 2px #d8cfbf;display:flex;align-items:center;justify-content:center;color:#786e64;font-size:17px;font-weight:900}.cs-dock span.active{background:var(--acc);border-color:var(--soft);box-shadow:3px 3px 0 var(--soft);color:#fff}.cs-dock i{height:26px;width:1px;background:#e6dfd3;margin:0 2px}.cs-side{background:#fffcf7;padding:12px;overflow:auto;overscroll-behavior:contain}.cs-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;height:40px;border:1px solid #D8CFBF;background:#f6f2ea;border-radius:14px;padding:4px;margin-bottom:12px}.cs-tabs span{display:flex;align-items:center;justify-content:center;border-radius:10px;color:#786e64;font-size:11px;font-weight:900}.cs-tabs span.active{background:var(--acc);color:#fff;box-shadow:0 2px 0 var(--soft)}.cs-tabs .annotate-tab{display:none}.cs-panel{border:1px solid #D8CFBF;background:#fffcf7;border-radius:16px;padding:13px;box-shadow:1px 1px #d8cfbf;margin-bottom:12px}.cs-panel b{display:block;color:#9d9388;text-transform:uppercase;letter-spacing:.08em;font-size:11px;margin-bottom:10px}.cs-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:10px;overflow:hidden;background:#e9e0d4;margin-bottom:12px}.cs-seg span{padding:7px 4px;text-align:center;color:#786e64;font-size:11px;font-weight:850}.cs-seg .active{background:#fffcf7;color:#2a2622;box-shadow:inset 0 0 0 1px #d8cfbf}.cs-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:11px}.cs-swatches i{height:27px;border-radius:7px;border:1px solid #D8CFBF;background:linear-gradient(135deg,#e15a3e,#f4dbc8)}.cs-swatches i:nth-child(2){background:linear-gradient(135deg,#2f3f4d,#e0b183)}.cs-swatches i:nth-child(3){background:linear-gradient(135deg,#5b9b8a,#f7f1e8)}.cs-swatches i:nth-child(4){background:linear-gradient(135deg,#8b6b9e,#e9ddce)}.cs-swatches i:nth-child(5){background:#f6f2ea}.cs-swatches i:nth-child(6){background:#2a2622}.cs-swatches i:nth-child(7){background:#c8902a}.cs-swatches i:nth-child(8){background:#c26b47}.cs-panel button{width:100%;height:32px;border:1px solid #D8CFBF;border-radius:10px;background:#fffcf7;box-shadow:2px 2px #d8cfbf;color:#2a2622;font-size:12px;font-weight:850}.cs-panel.compact{padding:14px}.cs-panel p,.cs-panel label{display:flex;align-items:center;justify-content:space-between;color:#2a2622;font-size:13px;font-weight:800;margin-top:9px}.cs-panel p em{font-style:normal;background:var(--acc);color:#fff;border-radius:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.cs-panel p em.dot{background:var(--acc);border-radius:50%;width:18px;height:18px}.cs-panel label strong{color:#9d9388;background:#f0e9dd;border-radius:8px;padding:1px 7px}.cs-slider{height:22px;border-radius:10px;background:#e9e0d4;border:1px solid #D8CFBF;overflow:hidden;margin-top:6px}.cs-slider i{display:block;height:100%;background:var(--acc);border-radius:inherit}.cs-annotate-card{display:none}.cs-stage[data-mode=annotate] .cs-select-frame{left:36%;top:36%;opacity:1}.cs-stage[data-mode=annotate] .cs-arrow,.cs-stage[data-mode=annotate] .cs-note,.cs-stage[data-mode=annotate] .cs-redact{opacity:1;transform:none}.cs-stage[data-mode=annotate] .cs-dock span:nth-of-type(4){background:var(--acc);color:#fff;border-color:var(--soft);box-shadow:3px 3px 0 var(--soft)}.cs-stage[data-mode=annotate] .cs-dock span.active{background:#fffcf7;color:#786e64;border-color:#d8cfbf;box-shadow:2px 2px #d8cfbf}.cs-stage[data-mode=annotate] .cs-tabs{grid-template-columns:1fr 1fr 1fr}.cs-stage[data-mode=annotate] .cs-tabs .annotate-tab{display:flex;background:var(--acc);color:#fff;box-shadow:0 2px 0 var(--soft)}.cs-stage[data-mode=annotate] .cs-tabs .active{background:#fffcf7;color:#786e64;box-shadow:none}.cs-stage[data-mode=annotate] .cs-style-cards{display:none}.cs-stage[data-mode=annotate] .cs-annotate-card{display:block}.cs-stage[data-mode=style] .cs-bg{filter:saturate(1.1) contrast(1.04);transform:scale(1.03)}.cs-stage[data-mode=style] .cs-source{transform:none;box-shadow:0 34px 70px #3c322847}.cs-stage[data-mode=style] .cs-select-frame{opacity:0}.cs-stage[data-mode=style] .cs-code{transform:translateY(-8px)}.wf{padding:0;height:440vh;position:relative}.wf-pin{position:sticky;top:0;height:100dvh;display:flex;align-items:center;overflow:hidden}.wf-head{margin-bottom:30px}.wf-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.wf-rail{list-style:none;position:relative;display:grid;gap:4px}.wf-rail:before{content:"";position:absolute;left:17px;top:22px;bottom:22px;width:2px;background:var(--line);border-radius:2px}.wf-rail:after{content:"";position:absolute;left:17px;top:22px;width:2px;border-radius:2px;background:linear-gradient(var(--soft),var(--acc));height:calc((100% - 44px)*var(--wpf,0));transition:height .15s linear}.wf-step{display:grid;grid-template-columns:36px 1fr;gap:15px;text-align:left;padding:10px 8px 10px 0;opacity:.42;transition:opacity .3s;width:100%;align-items:start}.wf-step i{width:36px;height:36px;border-radius:50%;background:var(--bg);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:13px;color:var(--mut);position:relative;z-index:1;transition:background .3s,border-color .3s,color .3s,box-shadow .3s}.wf-step h3{font-size:16px;margin:7px 0 4px;color:var(--ink)}.wf-step p{font-size:13.5px;color:var(--mut);line-height:1.55}.wf-rail li.on .wf-step{opacity:1}.wf-rail li.on .wf-step i{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 0 20px #e8590c80}.wf-rail li.done .wf-step{opacity:.7}.wf-rail li.done .wf-step i{color:var(--soft);border-color:#f0997b80;font-size:0}.wf-rail li.done .wf-step i:before{content:"✓";font-size:13px}.wf-step:hover{opacity:.85}.wf-stage{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 40px 110px #00000080}.wfs-scene{position:relative;height:clamp(220px,36vh,320px);background:linear-gradient(150deg,#23303f,#161d27);overflow:hidden}.wf-vp{position:absolute;inset:0;transition:transform .9s var(--ease);transform-origin:58% 56%}.wf-stage.s3 .wf-vp{transform:scale(1.16)}.wf-stage.s4 .wf-vp{transform:scale(1)}.wfw{position:absolute;background:#f4f3f0;border-radius:9px;box-shadow:0 18px 44px #0006;overflow:hidden;transition:filter .5s var(--ease),opacity .5s var(--ease)}.wfw .bar{height:24px;background:#e9e6df;display:flex;gap:6px;align-items:center;padding:0 10px;font-size:10px;color:#8a857a;font-weight:600}.wfw .bar i{width:8px;height:8px;border-radius:50%;background:#cfccc4}.wfw .bar em{font-style:normal;margin-left:6px}.wfa{left:7%;top:14%;width:56%;height:66%}.wf-stage[data-step="1"] .wfa{outline:2.5px solid var(--soft);outline-offset:3px}.wfb{right:6%;top:22%;width:30%;height:46%;filter:blur(5px) saturate(.85);opacity:.55}.wf-rec{position:absolute;top:13px;left:13px;z-index:6;display:flex;gap:8px;align-items:center;background:#121216eb;border:1px solid var(--line);border-radius:99px;padding:6px 13px;font-size:11.5px;font-weight:700}.wf-rec .rdot{width:8px;height:8px;border-radius:50%;background:#e2554f;animation:breathe 1.4s ease-in-out infinite}.wf-rec b{font:11.5px/1 ui-monospace,Menlo,monospace;color:var(--body)}.wf-stage.s3 .wf-rec .rdot{background:var(--teal);animation:none}.wf-off{position:absolute;right:8%;top:13%;background:#141418e6;color:var(--amber);border:1px dashed rgba(250,199,117,.7);font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:7px;z-index:5;opacity:1;transition:opacity .4s}.wf-stage.s3 .wf-off{opacity:0}.wf-cur{position:absolute;left:22%;top:30%;z-index:5;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));opacity:0;transition:opacity .3s}.wf-stage.s2 .wf-cur{opacity:1}.wf-stage[data-step="2"] .wf-cur{left:calc(22% + var(--sp,0)*36%);top:calc(30% + var(--sp,0)*26%)}.wf-stage.s3 .wf-cur{left:58%;top:56%}.wf-rip{position:absolute;left:58%;top:56%;width:26px;height:26px;margin:-6px 0 0 -6px;border:2px solid #fff;border-radius:50%;z-index:4;opacity:0}.wf-stage[data-step="2"] .wf-rip{opacity:clamp(0,calc((var(--sp,0) - .8)*5),.9);transform:scale(calc(.4 + var(--sp,0)*1.1))}.wf-key{position:absolute;right:12%;top:64%;font:11px ui-monospace,Menlo,monospace;font-weight:700;color:var(--amber);border:1px solid rgba(250,199,117,.6);background:#fac7751f;border-radius:6px;padding:3px 8px;z-index:5;opacity:0}.wf-stage[data-step="2"] .wf-key{opacity:clamp(0,calc((var(--sp,0) - .35)*4),1)}.wf-cam{position:absolute;left:50%;top:52%;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 36%,#c98e6b 40%,#3b2f2a 41%);border:3px solid #fff;box-shadow:0 12px 30px #0006;z-index:5;transition:left .6s var(--ease),top .6s var(--ease),width .6s var(--ease),height .6s var(--ease)}.wf-stage.s2 .wf-cam{left:11%;top:80%;width:38px;height:38px}.wf-veil{position:absolute;inset:0;background:#0a0c108c;opacity:0;transition:opacity .45s;z-index:6;pointer-events:none}.wf-stage.s4 .wf-veil{opacity:1}.wf-exp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);width:min(78%,340px);background:#121216f5;border:1px solid var(--line);border-radius:14px;padding:16px 18px;z-index:7;opacity:0;transition:opacity .4s var(--ease),transform .4s var(--ease)}.wf-stage.s4 .wf-exp{opacity:1;transform:translate(-50%,-50%) scale(1)}.wf-exp .lbl{font:11.5px/1 ui-monospace,Menlo,monospace;color:var(--mut);margin-bottom:9px}.wf-exp .bar{height:10px;border-radius:5px;background:#26262c;overflow:hidden}.wf-exp .bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--soft),var(--acc));width:0}.wf-stage.s4 .wf-exp .bar i{width:calc(min(calc(var(--sp,0)*1.5),1)*100%)}.wf-exp .okk{font-size:12px;font-weight:700;color:var(--teal);margin-top:9px;opacity:clamp(0,calc((var(--sp,0) - .62)*5),1)}.wf-tl{border-top:1px solid var(--line)}.wf-tl .blk{transform-origin:left center;transform:scaleX(0);transition:transform .55s var(--ease)}.wf-stage.s3 .wf-tl .blk{transform:scaleX(1)}.wf-tl .blk.k{background:#fac7751a;border:1px solid rgba(250,199,117,.6);color:var(--amber);font:9px/1 ui-monospace,Menlo,monospace;font-weight:700;white-space:nowrap}.wf-au{position:absolute;left:2%;right:2%;top:50%;margin-top:-1px;border-top:2px dashed var(--teal);opacity:.65;transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--ease) .35s}.wf-stage.s3 .wf-au{transform:scaleX(1)}@media(max-width:880px){.wf{height:480vh}.wf-grid{grid-template-columns:1fr;gap:22px;align-items:start}.wf-stage{order:-1}.wf-head{margin-bottom:18px}.wf-head .lead{font-size:14.5px}.wfs-scene{height:clamp(180px,26vh,240px)}.wf-rail li:not(.on) .wf-step p{display:none}.wf-step{padding:6px 8px 6px 0}.wf-step i{width:28px;height:28px;font-size:12px}.wf-step h3{font-size:14.5px;margin-top:4px}.wf-rail:before,.wf-rail:after{left:13px}}@media(max-height:700px){.wf-head .lead{display:none}.wf-head{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){.wf{height:auto}.wf-pin{position:static;height:auto;padding:96px 0;overflow:visible}.wf-step{opacity:1!important}}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:26px;position:relative;overflow:hidden;transition:transform .25s var(--ease),border-color .25s}.card:hover{transform:translateY(-4px);border-color:#f0997b59}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(240,153,123,.07),transparent 60%);opacity:0;transition:opacity .3s}.card:hover:before{opacity:1}.card h3{font-size:17px;margin-bottom:7px;display:flex;align-items:center;gap:9px}.card h3 .ico{color:var(--soft);font-size:16px}.card p{font-size:14px;color:var(--mut)}.mini{position:relative;height:108px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);overflow:hidden;margin-bottom:18px}.mini .am{animation-duration:4.2s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-play-state:paused}.card:hover .mini .am,.card.live .mini .am{animation-play-state:running}.mini .mw{position:absolute;background:#f4f3f0;border-radius:7px;overflow:hidden}.mini .ln{display:block;height:6px;border-radius:3px;background:#dedbd3;margin:9px 12px 0}.mtag{position:absolute;font-size:10px;font-weight:800;padding:2px 8px;border-radius:6px;opacity:0}.m1w{left:12%;top:13%;width:76%;height:74%;transform-origin:36% 42%;animation-name:m1z}@keyframes m1z{0%,28%{transform:scale(1)}42%,72%{transform:scale(1.55)}86%,to{transform:scale(1)}}.m1cur{position:absolute;left:72%;top:72%;z-index:3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));animation-name:m1c}@keyframes m1c{0%{left:72%;top:72%}26%,to{left:37%;top:42%}}.m1rip{position:absolute;left:37%;top:42%;width:26px;height:26px;margin:-6px 0 0 -6px;border:2px solid #fff;border-radius:50%;opacity:0;animation-name:m1r}@keyframes m1r{0%,28%{opacity:0;transform:scale(.3)}34%{opacity:.9;transform:scale(1)}46%,to{opacity:0;transform:scale(1.9)}}.m1tag{top:10px;right:10px;background:#e8590c38;border:1px solid var(--soft);color:var(--soft);animation-name:m1t}@keyframes m1t{0%,38%{opacity:0}44%,70%{opacity:1}78%,to{opacity:0}}.m2track{position:absolute;left:9%;right:9%;top:42%;height:16px;background:#1d1d22;border-radius:5px}.m2chip{position:absolute;left:42%;width:30%;top:2px;bottom:2px;border-radius:4px;background:#fac7751a;border:1px dashed var(--amber);color:var(--amber);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.m2ph{position:absolute;top:30%;bottom:26%;width:2.5px;border-radius:2px;background:var(--acc);left:9%;animation-name:m2p;animation-timing-function:linear}@keyframes m2p{0%{left:9%}46%{left:42%}54%{left:72%}to{left:91%}}.m2tag{top:14px;left:50%;transform:translate(-50%);background:#fac77529;border:1px solid var(--amber);color:var(--amber);animation-name:m2t}@keyframes m2t{0%,44%{opacity:0}48%,56%{opacity:1}62%,to{opacity:0}}.m3b{right:8%;top:14%;width:48%;height:58%;animation-name:m3blur;z-index:1}@keyframes m3blur{0%,18%{filter:blur(0);opacity:1}34%,to{filter:blur(5px);opacity:.55}}.m3f{left:8%;bottom:12%;width:52%;height:60%;outline:2.5px solid var(--soft);outline-offset:2px;z-index:2}.m3badge{position:absolute;left:calc(60% - 9px);bottom:calc(72% - 9px);width:18px;height:18px;border-radius:50%;background:var(--acc);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:3;transform:scale(0);animation-name:m3bdg}@keyframes m3bdg{0%,20%{transform:scale(0)}30%,to{transform:scale(1)}}.m3tag{top:10px;right:10px;background:#141418eb;border:1px solid var(--line);color:var(--mut);animation-name:m3t}@keyframes m3t{0%,30%{opacity:0;transform:translateY(-4px)}40%,86%{opacity:1;transform:none}96%,to{opacity:0}}.m4w{left:10%;top:12%;width:80%;height:76%;opacity:.9}.m4b{position:absolute;border-radius:50%;background:radial-gradient(circle at 50% 36%,#c98e6b 40%,#3b2f2a 41%);border:2.5px solid #fff;box-shadow:0 6px 16px #0006;z-index:3;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);animation-name:m4m}@keyframes m4m{0%,20%{left:50%;top:50%;width:46px;height:46px;opacity:1}34%,64%{left:20%;top:66%;width:27px;height:27px;opacity:1}76%,90%{left:20%;top:66%;width:27px;height:27px;opacity:0}97%,to{left:50%;top:50%;width:46px;height:46px;opacity:1}}.m5cur{position:absolute;left:30%;top:46%;transform-origin:top left;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));animation-name:m5s}@keyframes m5s{0%,26%{transform:scale(1)}40%,68%{transform:scale(1.6)}84%,to{transform:scale(1)}}.m5rip{position:absolute;left:30%;top:46%;width:24px;height:24px;margin:-5px 0 0 -4px;border:2px solid #fff;border-radius:50%;opacity:0;animation-name:m5r}@keyframes m5r{0%,40%{opacity:0;transform:scale(.3)}46%{opacity:.9;transform:scale(1)}58%,to{opacity:0;transform:scale(1.9)}}.m5k{position:absolute;right:14%;top:34%;font:11px ui-monospace,Menlo,monospace;font-weight:700;color:var(--amber);border:1px solid rgba(250,199,117,.6);background:#fac7751a;border-radius:6px;padding:3px 8px;opacity:0;animation-name:m5k}@keyframes m5k{0%,46%{opacity:0;transform:translateY(6px) scale(.7)}54%,82%{opacity:1;transform:none}92%,to{opacity:0}}.m6mini{height:160px;background:#eee6da}.m6panel{position:absolute;inset:16px 18px;border-radius:14px;background:#fffcf7;border:1px solid #D8CFBF;box-shadow:0 14px 30px #3c32281f;padding:12px;display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto 1fr auto;gap:9px 12px}.m6top{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;color:#6e655d;font-size:10px;font-weight:850}.m6top span{color:var(--soft);border:1px solid var(--wash-line);background:var(--wash);border-radius:999px;padding:2px 8px}.m6preview{grid-row:2 / span 2;border-radius:10px;background:linear-gradient(145deg,#ead6c6,#c26b47);position:relative;overflow:hidden}.m6preview span{position:absolute;left:14px;right:14px;height:7px;border-radius:999px;background:#fffcf7a6}.m6preview span:nth-child(1){top:24px}.m6preview span:nth-child(2){top:42px;right:34px}.m6preview i{position:absolute;left:14px;bottom:16px;width:42px;height:8px;border-radius:999px;background:var(--acc)}.m6stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.m6stats strong{border:1px solid #E6DFD3;background:#f6f2ea;border-radius:8px;padding:6px 5px;text-align:center;color:#5d554e;font-size:9px}.m6pipe{align-self:center;height:14px;border-radius:999px;background:#e1d8ca;overflow:hidden;box-shadow:inset 1px 1px #3c32280f}.m6pipe i{display:block;height:100%;width:82%;border-radius:inherit;background:linear-gradient(90deg,var(--soft),var(--acc));animation-name:m6f;animation-timing-function:cubic-bezier(.16,1,.3,1)}@keyframes m6f{0%{width:0}42%,78%{width:82%}to{width:100%}}.m6foot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;font-size:9px;color:#786e64}.m6foot span,.m6foot b,.m6foot em{font-style:normal;border-radius:8px;padding:5px 6px;background:#f6f2ea;border:1px solid #E6DFD3;text-align:center}.m6foot b{color:var(--ink)}.m6foot em{color:var(--tealD);font-weight:850}@media(prefers-reduced-motion:reduce){.mini .am{animation:none!important}.m1rip,.m5rip{display:none}.m1tag,.m2tag,.m3tag,.m5k{opacity:1}.m3badge{transform:scale(1)}}.play3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.toy{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:14px}.toy h3{font-size:15.5px}.toy .hint{font-size:12.5px;color:var(--mut)}.toy-stage{border-radius:var(--rs);background:var(--bg2);border:1px solid var(--line);height:150px;position:relative;overflow:hidden}.keys-out{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;padding:12px}.kchip{font:12.5px ui-monospace,Menlo,monospace;font-weight:700;color:var(--amber);border:1px solid rgba(250,199,117,.6);background:#fac7751a;border-radius:7px;padding:4px 10px;animation:kpop .25s var(--ease)}@keyframes kpop{0%{transform:scale(.6);opacity:0}}.toy input.kin{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--ink);font-size:14px;width:100%}.toy input.kin:focus-visible{outline:none;border-color:var(--soft);box-shadow:0 0 0 3px #f0997b2e}.spot{cursor:crosshair}.spot .content{position:absolute;inset:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.spot .content i{border-radius:7px;background:#26262c}.spot .veil{position:absolute;inset:0;background:#000000b8;opacity:0;transition:opacity .25s;-webkit-mask:radial-gradient(circle 56px at var(--sx,50%) var(--sy,50%),transparent 0 54px,black 70px);mask:radial-gradient(circle 56px at var(--sx,50%) var(--sy,50%),transparent 0 54px,black 70px)}.spot:hover .veil,.spot.kb .veil{opacity:1}.race{display:flex;flex-direction:column;gap:14px;justify-content:center;padding:18px;position:absolute;inset:0}.rrow{display:grid;grid-template-columns:88px 1fr 48px;gap:10px;align-items:center;font-size:11.5px;color:var(--mut)}.rbar{height:9px;border-radius:5px;background:#26262c;overflow:hidden}.rbar i{display:block;height:100%;width:0%;border-radius:5px}.rbar.us i{background:linear-gradient(90deg,var(--soft),var(--acc))}.rbar.them i{background:#4a4a52}.rrow .rt{font:11px ui-monospace,Menlo,monospace;text-align:right}.toy .go{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:650;transition:border-color .2s,transform .15s var(--ease)}.toy .go:hover{border-color:var(--soft);transform:translateY(-1px)}.focus2{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:center}ul.fl{list-style:none;display:grid;gap:13px;margin-top:22px}ul.fl li{display:flex;gap:12px;font-size:15px;color:var(--body)}ul.fl li:before{content:"✓";color:var(--soft);font-weight:800}.fstage{background:linear-gradient(155deg,#2c3f52,#1b2836);border-radius:18px;border:1px solid var(--line);min-height:360px;position:relative;overflow:hidden;box-shadow:0 36px 100px #00000073}.fchip{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#121216f0;border:1px solid var(--line);border-radius:99px;padding:8px 16px;display:flex;gap:10px;align-items:center;font-size:12px;z-index:6;white-space:nowrap;transition:transform .25s var(--ease)}.fchip.pulse{animation:chippulse .3s var(--ease)}@keyframes chippulse{40%{transform:translate(-50%) scale(1.05)}}.fchip .c{width:22px;height:22px;border-radius:50%;background:#f0997b29;color:var(--soft);display:flex;align-items:center;justify-content:center;font-size:12px}.fchip b{font-size:12.5px}.fchip span{color:var(--mut);font-size:11px;display:block}.fwinb{position:absolute;border-radius:9px;background:#f4f3f0;box-shadow:0 18px 44px #0006;padding:0;text-align:left;overflow:visible;transition:filter .45s var(--ease),opacity .45s var(--ease),transform .2s var(--ease)}.fwinb .inner{border-radius:9px;overflow:hidden;height:100%}.fwinb .bar{height:24px;background:#e9e6df;display:flex;gap:6px;align-items:center;padding:0 10px;font-size:10px;color:#8a857a;font-weight:600}.fwinb .bar i{width:8px;height:8px;border-radius:50%;background:#cfccc4}.fwinb .bar em{font-style:normal;margin-left:6px}.fwinb .sk{margin:10px 14px 0}.fwinb:hover{transform:scale(1.012)}.fwinb[aria-pressed=false]{filter:blur(7px) saturate(.85);opacity:.62}.fwinb[aria-pressed=true]{outline:3px solid var(--soft);outline-offset:3px}.fwinb .badge{position:absolute;right:-9px;top:-9px;width:24px;height:24px;border-radius:50%;background:var(--acc);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;transform:scale(0);transition:transform .25s var(--ease);z-index:5}.fwinb[aria-pressed=true] .badge{transform:scale(1)}.fwinb:focus-visible{outline:3px solid var(--soft);outline-offset:3px}.fw1{left:6%;top:18%;width:48%;height:52%;z-index:3}.fw2{right:7%;top:13%;width:40%;height:42%;z-index:2}.fw3{left:24%;bottom:8%;width:44%;height:34%;z-index:4}.fcap{font-size:13px;color:var(--mut);margin-top:14px;text-align:center;min-height:20px}.creator{max-width:680px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:46px 52px;position:relative}.creator:before{content:"“";position:absolute;left:30px;top:6px;font:120px Georgia,serif;color:#f0997b29;line-height:1}.creator p{font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1.75;color:#d6d6de}.creator p+p{margin-top:18px}.creator .sig{display:flex;align-items:center;gap:14px;margin-top:30px}.creator .ava{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 50% 36%,#c98e6b 40%,#3b2f2a 41%);border:2px solid var(--line)}.creator .sig b{display:block;font-size:15px}.creator .sig span{font-size:13px;color:var(--mut)}.price{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:54px;text-align:center;max-width:600px;margin:0 auto;position:relative;overflow:hidden}.price:after{content:"";position:absolute;left:50%;top:-160px;width:560px;height:300px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(232,89,12,.13),transparent 60%);pointer-events:none}.amt{font-size:64px;font-weight:800;letter-spacing:-.03em;margin:14px 0 4px}.amt small{font-size:17px;color:var(--mut);font-weight:500}.amt .was{color:var(--mut);text-decoration:line-through;margin-right:12px;font-size:22px;font-weight:600}.pn{color:var(--mut);font-size:14px}.price-options{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;max-width:560px;margin:0 auto}.price-options span{position:relative;border:1px solid var(--line);background:#f6f2ea;border-radius:16px;padding:24px 18px 20px;display:grid;gap:5px;align-content:center;min-height:162px}.price-options .main{background:#fffcf7;border-color:var(--wash-line);box-shadow:2px 2px 0 var(--wash-line)}.price-options i{position:absolute;top:12px;right:12px;font-style:normal;border-radius:999px;background:var(--wash);border:1px solid var(--wash-line);color:var(--soft);font-size:11px;font-weight:850;padding:4px 8px}.price-options b{font-size:12px;color:var(--ink)}.price-options s{font-size:14px;color:var(--faint);text-decoration-thickness:1.5px}.price-options strong{font-size:34px;line-height:1;letter-spacing:-.045em;color:var(--soft)}.price-options em{font-style:normal;font-size:11px;color:var(--mut)}.seats{margin:18px auto 0;max-width:600px;text-align:center;font-size:14px;color:var(--mut)}.seats a{color:var(--soft);border-bottom:1px solid rgba(240,153,123,.4)}.faq{max-width:680px;margin:38px auto 0;display:grid;gap:12px}details{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s}details[open]{border-color:#f0997b4d}summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:650;font-size:15.5px;display:flex;align-items:center;gap:14px}summary::-webkit-details-marker{display:none}summary .pl{margin-left:auto;color:var(--soft);font-size:18px;transition:transform .25s var(--ease);flex-shrink:0}details[open] summary .pl{transform:rotate(45deg)}.ans{padding:0 22px 20px;color:var(--mut);font-size:14.5px}.ans p+p{margin-top:10px}.req{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.reqc{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}.reqc h4{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:12px}.reqc ul{list-style:none;display:grid;gap:8px;font-size:14px;color:var(--body)}.reqc li b{color:var(--ink);font-weight:600}footer{border-top:1px solid var(--line);padding:36px 0 60px;color:var(--mut);font-size:13.5px}footer .in{display:flex;gap:22px;flex-wrap:wrap;align-items:center}footer a:hover{color:var(--ink)}footer .crafted{margin-left:auto}footer .crafted b{color:var(--soft);font-weight:600}.grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:linear-gradient(115deg,transparent 0 48%,rgba(60,50,40,.08) 49% 50%,transparent 51%),radial-gradient(circle at 20% 10%,rgba(60,50,40,.24) 0 1px,transparent 1.5px);background-size:58px 58px,4px 4px}.cursor-glow{position:fixed;left:-170px;top:-170px;z-index:1;width:340px;height:340px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(225,90,62,.18),transparent 64%);transform:translate3d(-999px,-999px,0);transition:transform .08s linear}.nav,.hero,main,footer{position:relative;z-index:2}.magnetic{transform:translate3d(var(--tx,0),var(--ty,0),0);transition:transform .35s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}section{padding:112px 0}.wrap{max-width:1180px}.kicker{letter-spacing:.11em;text-transform:none;font-size:12px}h2{font-size:clamp(32px,4.7vw,56px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}.lead{font-size:17px;line-height:1.7;max-width:640px;text-wrap:pretty}.nav{background:#f6f2eac7;border-bottom:1px solid rgba(216,207,191,.78);box-shadow:0 1px #ffffffc2,0 18px 50px #3c322814}.nav .in{max-width:1180px;padding:12px 28px}.nav .cta{border-radius:999px;background:var(--acc);box-shadow:1px 1px 0 var(--soft),0 10px 24px #c24a3038}.hero{text-align:left;padding:48px 0 56px;min-height:calc(100dvh - 60px);display:flex;align-items:center}.hero .glow{left:64%;top:-22%;width:820px;height:780px;background:radial-gradient(circle at 44% 34%,rgba(225,90,62,.18),transparent 34%),radial-gradient(circle at 64% 62%,rgba(200,144,42,.14),transparent 30%)}.hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);gap:42px;align-items:center}.hero-copy{position:relative;z-index:3}.pill{border-radius:999px;background:var(--panel);border-color:var(--line);box-shadow:1px 1px 0 var(--line),inset 0 1px #fffc;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.pill .live{box-shadow:0 0 14px #e15a3e6b;background:var(--acc)}h1{font-size:clamp(44px,5.15vw,72px);line-height:.98;letter-spacing:-.06em;text-wrap:balance}h1 em{color:var(--soft);font-style:italic;text-shadow:none}.hero .sub{margin:20px 0 22px;max-width:500px;font-size:18px;line-height:1.48}.wl{margin:0;justify-content:flex-start;max-width:520px;padding:6px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:2px 2px 0 var(--line),0 18px 42px #3c322814}.wl input[type=email]{background:transparent;border:0;border-radius:12px}.wl input[type=email]:focus-visible{box-shadow:none}.wl button{border-radius:12px;background:var(--acc);box-shadow:1.5px 1.5px 0 var(--soft),0 12px 26px #c24a303d}.hero .note{text-align:left}.demo-shell{grid-column:2;margin:0;max-width:none;border-radius:24px;background:var(--panel);border:1px solid var(--line);box-shadow:4px 4px #d8cfbfe6,0 34px 78px #3c32282e;backdrop-filter:blur(16px) saturate(1.08);-webkit-backdrop-filter:blur(16px) saturate(1.08)}.stage{background:radial-gradient(circle at 24% 28%,rgba(254,252,248,.45),transparent 13rem),linear-gradient(145deg,#f4dbc8,#e5a887 44%,#c26b47);min-height:300px}.vp{height:232px}.dwin,.wfw,.fwinb{box-shadow:0 18px 42px #3c32282e,inset 0 1px #ffffffb3}.lanes,.scrub{background:var(--panel)}.demo-cap{grid-column:2;text-align:left;margin:14px 8px 0}.tbar{background:#f3f0ea;border-bottom-color:var(--line)}.tbar span{color:var(--mut)}.tbar .try{color:var(--soft);border-color:var(--wash-line);background:var(--wash)}.track,.m2track,.rbar{background:var(--bg2)}.lane{color:var(--faint)}.blk.z{background:var(--wash);border-color:var(--acc);color:var(--soft)}.blk.c{background:#8b6b9e1a;border-color:var(--plum);color:var(--plum)}.blk.i,.wf-tl .blk.k{background:#c8902a1a;border-color:var(--amber);color:var(--amberD)}.scrub input[type=range]{background:linear-gradient(90deg,var(--acc) var(--p,0%),var(--bg2) var(--p,0%))}.scrub .t{color:var(--mut)}.playbtn{background:var(--acc);box-shadow:1px 1px 0 var(--soft),0 10px 20px #c24a3033}.dtag,.wf-off{background:var(--panel);color:var(--amberD);border-color:#c8902a6b;box-shadow:1px 1px 0 var(--line)}.wf-rec{background:var(--panel);border-color:var(--line);color:var(--ink);box-shadow:1px 1px 0 var(--line)}.wf-rec b{color:var(--mut)}.wf-exp{background:var(--panel);border-color:var(--line);box-shadow:3px 3px 0 var(--line),0 24px 50px #3c322824}.wf-exp .bar{background:var(--bg2)}.wf-exp .okk{color:var(--tealD)}.wf{height:430vh}.wf-pin{height:100dvh;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.wf-stage,.card,.toy,.creator,.price,.reqc,details{background:var(--panel);border-color:var(--line);box-shadow:2px 2px 0 var(--line),0 18px 42px #3c322814}.wf-stage{border-radius:24px}.wfs-scene,.fstage{background:radial-gradient(circle at 22% 20%,rgba(225,90,62,.15),transparent 13rem),linear-gradient(155deg,#f7f1e8,#e9ddce)}.feature-bento{grid-template-columns:1.25fr .8fr .95fr;grid-auto-flow:dense;align-items:stretch}.feature-card{min-height:260px;display:flex;flex-direction:column}.feature-card .mini{height:126px}.feature-wide{grid-column:span 2;min-height:300px}.feature-wide .mini{height:160px}.card{border-radius:22px;padding:24px}.card:hover{transform:translateY(-5px) scale(1.008);border-color:var(--wash-line);box-shadow:3px 3px 0 var(--wash-line),0 22px 48px #3c32281c}.card:after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.72);pointer-events:none}.card h3{font-size:18px;margin-top:auto}.mini{background:var(--bg2);border-color:var(--line)}.play3{grid-template-columns:1.2fr .95fr .85fr;align-items:stretch}.toy{border-radius:22px;min-height:310px}.toy-stage{background:var(--bg2);border-color:var(--line)}.toy .go{border-radius:999px}.focus2{grid-template-columns:.82fr 1.18fr}.fstage{border-radius:26px;min-height:420px}.fchip{background:var(--panel);border-color:var(--line);box-shadow:2px 2px 0 var(--line)}.fchip .c{background:var(--wash);color:var(--soft)}.fchip span{color:var(--mut)}.fwinb[aria-pressed=false]{filter:blur(6px) saturate(.85);opacity:.58}.fwinb[aria-pressed=true]{outline-color:var(--acc)}.fwinb .badge{background:var(--acc)}.creator{max-width:860px;border-radius:28px;padding:54px 64px;background:#fffcf7;border-color:#d8cfbf}.creator p{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:22px;line-height:1.55;letter-spacing:-.015em;color:#3b352f}.creator p+p{color:#4e463f}.creator:before{font-family:Georgia,serif;color:#c24a301a}.creator .sig b{color:#2a2622}.creator .sig span{color:#5d554e}.price{max-width:720px;border-radius:30px}.price .cta:hover{transform:translate3d(var(--tx,0),calc(var(--ty,0) - 1px),0)}.req-head{max-width:620px}.req-head h2{margin-top:6px}.req-panel{margin-top:30px;background:#fffcf7;border:1px solid #D8CFBF;border-radius:28px;box-shadow:2px 2px #d8cfbf,0 24px 58px #3c32281a;overflow:hidden}.req-main{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:center;padding:28px;border-bottom:1px solid #E6DFD3;background:linear-gradient(135deg,#fffcf7,#f2eadf)}.req-mark{width:72px;height:72px;border-radius:18px;background:var(--wash);border:1px solid var(--wash-line);box-shadow:2px 2px 0 var(--wash-line);display:flex;align-items:center;justify-content:center;color:var(--soft);font:22px/1 ui-monospace,Menlo,monospace;font-weight:900}.req-main h3{font-size:24px;letter-spacing:-.035em;color:var(--ink);margin-bottom:4px}.req-main p{max-width:620px;color:var(--body);line-height:1.55}.req-list{display:grid;grid-template-columns:repeat(2,1fr)}.req-list div{display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:2px;padding:18px 22px;border-top:1px solid #EFE8DD}.req-list div:nth-child(-n+2){border-top:0}.req-list div:nth-child(odd){border-right:1px solid #EFE8DD}.req-list span{grid-row:1 / span 2;width:36px;height:36px;border-radius:11px;background:#f6f2ea;border:1px solid #E6DFD3;display:flex;align-items:center;justify-content:center;color:var(--soft);font:10px/1 ui-monospace,Menlo,monospace;font-weight:900;text-transform:uppercase}.req-list b{font-size:15px;color:var(--ink)}.req-list em{font-style:normal;font-size:13px;color:var(--mut)}section.demo-shell{padding:0}.ribbon-timeline{margin:0 14px 14px;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 12px #2a262214,0 30px 70px #3c32281f}.ribbon-head{height:38px;display:flex;align-items:center;gap:14px;color:var(--mut)}.ribbon-head strong{font-size:14px;letter-spacing:.16em;color:#9d9388}.ribbon-head strong span{letter-spacing:0;color:#6e655d;font-weight:850}.ribbon-hint{margin-left:auto;font-size:12px;font-weight:750;color:#9d9388}.collapse-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #D8CFBF;border-radius:13px;padding:5px 12px;background:var(--paper);box-shadow:1px 1px #d8cfbf;color:#6e655d;font-weight:850;font-size:12px}.collapse-chip i{font-style:normal;font-size:14px;line-height:1;color:#9d9388}.ribbon-board{position:relative;height:132px;border:1px solid #D8CFBF;border-radius:14px;background:linear-gradient(to bottom,#eee8dd 0 36px,#eae3d8 36px 37px,#eee8dd 37px 84px,#e1d8ca 84px 85px,#eee8dd 85px 100%);overflow:hidden;box-shadow:inset 0 1px #ffffffc2}.ribbon-edge{position:absolute;top:8px;bottom:8px;width:3px;border-radius:3px;background:#2a2622;z-index:4;box-shadow:3px 0 8px #3c322824}.ribbon-edge.left{left:0}.ribbon-edge.right{right:0}.ribbon-ruler{position:absolute;left:72px;right:12px;top:4px;display:grid;grid-template-columns:repeat(4,1fr);color:#aea59a;font:12px ui-monospace,Menlo,monospace;font-weight:850}.ribbon-ruler span{border-left:2px solid rgba(174,165,154,.32);padding-left:4px}.ribbon-label{position:absolute;left:16px;font-size:11px;letter-spacing:.18em;color:#9d9388;font-weight:900}.ribbon-label.effect{top:58px}.ribbon-label.audio{top:103px}.playhead{position:absolute;top:7px;bottom:8px;left:72px;width:3px;background:#2a2622;z-index:5;box-shadow:3px 0 8px #3c32282e}.playhead i{position:absolute;top:-5px;left:50%;width:18px;height:12px;transform:translate(-50%);border-radius:5px;background:#2a2622}.ribbon-seg{position:absolute;left:72px;width:80px;height:28px;border-radius:12px;display:flex;align-items:center;padding:0 12px;font-weight:900;font-size:13px;white-space:nowrap;overflow:hidden}.ribbon-seg.zoom{top:50px;background:var(--acc);border:2px solid var(--soft);color:#fff;box-shadow:0 3px 0 var(--soft)}.ribbon-seg.zoom:before{content:"";width:11px;height:11px;margin-right:8px;border:2px solid currentColor;border-radius:50%;box-shadow:5px 5px 0 -3px currentColor;transform:rotate(45deg)}.ribbon-seg.dashed{top:85px;background:#c8902a21;border:2px dashed var(--amberD);color:#9a6b1d}.ribbon-seg.cam{background:#8b6b9e1f;border-color:var(--plum);color:var(--plum)}.ribbon-seg.speed{border-color:#a35536;color:#a35536;background:#c26b471f}.ribbon-seg.spot{border-color:var(--amberD);color:#9a6b1d;background:#c8902a21}.ribbon-seg.key{height:22px;top:94px;border-color:var(--amberD);font-size:11px;justify-content:center;padding:0 7px}.ribbon-audio{position:absolute;left:72px;right:16px;top:107px;border-top:2px dotted #C8BEB1}.ribbon-seg.hit{filter:brightness(1.04);box-shadow:0 0 0 3px #e15a3e1f,0 3px 0 currentColor}.timeline-hook{display:none}.lanes{padding:16px 18px;gap:9px;background:var(--panel)}.lane{grid-template-columns:54px 1fr;font-size:9.5px;letter-spacing:.18em}.track{height:24px;border-radius:8px;box-shadow:inset 1px 1px #3c32280d}.blk{top:4px;bottom:4px;border-radius:6px;letter-spacing:.1em;box-shadow:1px 1px #3c322814}.wf-tl{margin:0 16px 16px;padding:14px}.wf-tl .blk{transform:scaleX(1);opacity:.78}.wf-stage.s3 .wf-tl .blk{transform:scaleX(1);opacity:1}.wf-au{transform:scaleX(1)}.m7mini{height:152px;background:#ece5d9}.m7app{position:absolute;inset:10px;border-radius:11px;background:#fffcf7;border:1px solid #D8CFBF;overflow:hidden;box-shadow:0 14px 30px #3c322824}.m7chrome{height:22px;background:#f2ede5;border-bottom:1px solid #DED6C9;display:flex;align-items:center;gap:5px;padding:0 9px}.m7chrome i{width:6px;height:6px;border-radius:50%;background:#e15a3e}.m7chrome i:nth-child(2){background:#c8902a}.m7chrome i:nth-child(3){background:#5b9b8a}.m7chrome b{margin-left:6px;font-size:9px;color:#786e64}.m7rail{position:absolute;left:0;top:22px;bottom:0;width:34px;background:#f0e9dd;border-right:1px solid #DED6C9;padding:11px 8px;display:grid;align-content:start;gap:8px}.m7rail span{height:6px;border-radius:99px;background:#d8cfbf}.m7rail span:nth-child(1){width:18px}.m7rail span:nth-child(2){width:14px}.m7rail span:nth-child(3){width:20px}.m7rail span:nth-child(4){width:12px}.m7code{position:absolute;left:34px;right:0;top:22px;padding:9px 10px;font:8.5px/1.65 ui-monospace,Menlo,monospace;color:#5d554e;animation-name:m7pan;animation-duration:4.8s;will-change:transform}.m7code p{height:14px;white-space:nowrap}.m7code em{font-style:normal;color:#8b6b9e}.m7code i{font-style:normal;color:#c24a30}.m7code b{color:#a87720}.m7code span{color:#5d554e}.m7target{position:absolute;left:88px;top:46px;width:132px;height:50px;border:2px solid var(--acc);border-radius:12px;box-shadow:0 0 0 999px #f6f2ea75,0 10px 22px #3c32281f;animation-name:m7target;animation-duration:4.8s}.m7caret{position:absolute;left:179px;top:54px;width:2px;height:13px;border-radius:2px;background:var(--acc);animation-name:m7caret;animation-duration:4.8s}.m7path{position:absolute;left:93px;top:72px;width:120px;height:1px;background:linear-gradient(90deg,var(--acc),transparent);opacity:.46;transform-origin:left;animation-name:m7path;animation-duration:4.8s}.m7chip{position:absolute;right:12px;bottom:10px;font:9.5px ui-monospace,Menlo,monospace;font-weight:850;color:var(--soft);border:1px solid var(--wash-line);background:var(--wash);border-radius:8px;padding:4px 7px;box-shadow:1px 1px 0 var(--wash-line);animation-name:m7chip;animation-duration:4.8s}@keyframes m7pan{0%,24%{transform:translate(0)}42%,60%{transform:translate(-48px)}76%,to{transform:translate(-48px,-28px)}}@keyframes m7target{0%,24%{left:66px;top:38px;width:124px;height:48px}42%,60%{left:116px;top:38px;width:128px;height:48px}76%,to{left:116px;top:66px;width:128px;height:48px}}@keyframes m7caret{0%,24%{left:148px;top:50px}42%,60%{left:207px;top:50px}76%,to{left:207px;top:78px}}@keyframes m7path{0%,20%{opacity:0;transform:scaleX(.15)}34%,88%{opacity:.46;transform:scaleX(1)}to{opacity:0;transform:scaleX(.4)}}@keyframes m7chip{0%,28%{opacity:0;transform:translateY(6px)}38%,88%{opacity:1;transform:none}to{opacity:0}}.spot .content{display:none}.spot-window{position:absolute;inset:14px;border-radius:10px;background:var(--panel);border:1px solid var(--line);padding:14px 16px;box-shadow:1px 1px 0 var(--line);display:grid;align-content:start;gap:9px}.spot-window b{font-size:12px;color:var(--ink)}.spot-window span{height:7px;border-radius:999px;background:#dcd3c5}.spot-window em{font-style:normal;color:var(--soft);font:11px ui-monospace,Menlo,monospace;background:var(--wash);border:1px dashed var(--wash-line);border-radius:7px;padding:5px 7px;width:max-content;max-width:100%}.spot-frame{position:absolute;left:calc(var(--sx,50%) - 54px);top:calc(var(--sy,50%) - 34px);width:108px;height:68px;border:2px solid var(--acc);border-radius:10px;box-shadow:0 0 0 999px #2a262285;opacity:0;transition:opacity .2s,left .08s linear,top .08s linear;pointer-events:none}.spot:hover .spot-frame,.spot.kb .spot-frame{opacity:1}.spot .veil{display:none}.req{gap:18px}footer .crafted{color:var(--mut)}@supports (animation-timeline:view()){.demo-shell,.wf-stage,.fstage{animation:surface-rise both;animation-timeline:view();animation-range:entry 0% cover 38%}@keyframes surface-rise{0%{transform:translateY(34px) scale(.97);opacity:.3}to{transform:none;opacity:1}}}.rev{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.rev.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}html{scroll-behavior:auto}.rev{opacity:1;transform:none}}@media(max-width:880px){.grid,.play3,.req,.focus2{grid-template-columns:1fr}.stage{padding:28px}.creator{padding:36px 28px}.wl{flex-direction:column}}@media(max-width:980px){section{padding:84px 0}.hero{padding:54px 0 48px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:28px}.demo-shell,.demo-cap{grid-column:auto}h1{font-size:clamp(42px,14vw,64px)}.hero .sub{font-size:17px}.cs-grid{grid-template-columns:1fr;gap:26px}.feature-bento,.play3,.req,.focus2{grid-template-columns:1fr}.feature-wide{grid-column:auto}.feature-card,.feature-wide{min-height:0}.wf-pin{height:auto;min-height:100dvh;padding:72px 0}.req{gap:14px}}@media(max-width:620px){.wrap{padding:0 18px}.nav .in{padding:11px 18px;gap:14px}.nav .cta{padding:7px 12px;font-size:13px}.logo{font-size:14px}.wl{padding:5px}.capture-studio{padding-top:56px}.cs-stage{border-radius:22px;padding:10px}.cs-editor{grid-template-columns:1fr;height:auto;min-height:0}.cs-canvasarea{min-height:520px;border-right:0;border-bottom:1px solid #E0D7C8}.cs-format{top:14px;min-width:0;width:calc(100% - 28px);font-size:12px}.cs-workbench{inset:74px 14px 98px}.cs-source{width:94%;height:228px}.cs-code{font-size:14px;left:64px}.cs-dock{bottom:18px;max-width:calc(100% - 24px);overflow:hidden;gap:4px;padding:7px}.cs-dock span{width:31px;height:31px;font-size:14px}.cs-side{max-height:none}.cs-actions button{height:30px;padding:0 11px}.cs-undo span{width:29px;height:27px}.cs-canvas{min-height:340px;padding:26px 14px 84px}.cs-shot{width:92%;height:210px;margin-top:22px}.cs-lines{padding:20px 18px;gap:12px}.cs-toolbar{bottom:18px;width:calc(100% - 32px);justify-content:space-between;gap:5px}.cs-toolbar span{font-size:9.5px;padding:6px 7px}.cs-inspector{right:14px;top:58px;width:126px;padding:12px}.cs-callout{right:4px;bottom:28px;max-width:160px}.cs-film{left:14px;right:14px;bottom:18px;grid-template-columns:repeat(3,1fr);gap:7px}.cs-film span{height:56px}.cs-film i{grid-column:1 / -1;justify-self:center}.cs-stage[data-mode=showcase] .cs-shot{transform:translateY(-34px) scale(.7)}.cs-stage[data-mode=beautify] .cs-toolbar{transform:translate(-50%)}.stage{padding:22px 18px;min-height:270px}.vp{height:214px}.demo-shell{border-radius:18px}.tbar .try{display:none}.creator p{font-size:18px}.creator{padding:34px 28px}.price-options{grid-template-columns:1fr}.req-main{grid-template-columns:1fr;padding:22px}.req-mark{width:58px;height:58px;border-radius:16px;font-size:18px}.req-main h3{font-size:21px}.req-list{grid-template-columns:1fr}.req-list div,.req-list div:nth-child(odd){border-right:0}.req-list div:nth-child(2){border-top:1px solid #EFE8DD}.price{padding:36px 22px}footer .crafted{margin-left:0}}@media(prefers-reduced-motion:reduce){.cursor-glow{display:none}.magnetic{transform:none!important}}