@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-cyrillic-ext-600-normal.341-hvs74ljp4.woff2)format("woff2"),url(../media/inter-cyrillic-ext-600-normal.1of5i9-_e5ga4.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-cyrillic-600-normal.0tppy39gl-lzn.woff2)format("woff2"),url(../media/inter-cyrillic-600-normal.3jalm3505289h.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-greek-ext-600-normal.20m9kgz843wth.woff2)format("woff2"),url(../media/inter-greek-ext-600-normal.3vzrk1-4zat7v.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-greek-600-normal.2ove9n9b8_3hb.woff2)format("woff2"),url(../media/inter-greek-600-normal.3aakp9m92tg2m.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-vietnamese-600-normal.0m_wd36g8rw-r.woff2)format("woff2"),url(../media/inter-vietnamese-600-normal.0dwa77f5pp57q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-latin-ext-600-normal.1zn8rwi8y9u6i.woff2)format("woff2"),url(../media/inter-latin-ext-600-normal.1pfmybho54-ry.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-latin-600-normal.2dov6rjg62vru.woff2)format("woff2"),url(../media/inter-latin-600-normal.2mum3nstrlzrd.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Sunghyun Sans;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/sunghyun-sans/SunghyunSans-Black-latin.woff2)format("woff2"),url(/fonts/sunghyun-sans/SunghyunSans-Black-latin.woff)format("woff")}@font-face{font-family:Sunghyun Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/sunghyun-sans/SunghyunSans-ExtraBold-latin.woff2)format("woff2"),url(/fonts/sunghyun-sans/SunghyunSans-ExtraBold-latin.woff)format("woff")}:root{--font:"Inter", ui-sans-serif, system-ui, sans-serif;--display:"Sunghyun Sans", "Inter", ui-sans-serif, sans-serif;--serif:"Inter", ui-sans-serif, system-ui, sans-serif;--paper:#f5f5f5;--paper-card:#fff;--paper-well:#f2f2f2;--ink-brand:#171717;--ink-mid:#525252;--ink-soft:#8a8a8a;--paper-line:#00000014;--paper-shadow:0 1px 2px #00000010, 0 18px 40px -22px #00000040, 0 0 0 .5px #0000001a;--brand:#5b4bff;--brand-hi:#7c6dff;--brand-lo:#3b2ed6;--brand-text:#4b3bf5;--accent:#5b4bff;--accent-2:#8e82ff;--accent-soft:#5b4bff33;--good:#2ec27e;--warn:#ffb547;--danger:#ff3b30;--kind-text:#f2549b;--kind-shape:#12b886;--kind-image:#f5a524;--kind-code:#38bdf8;--kind-sfx:#ff8a5c;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.4, .64, 1)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink-brand);font-family:var(--font);-webkit-font-smoothing:antialiased;font-synthesis-weight:none;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dim{color:var(--ink-soft)}.logo{font-family:var(--display);letter-spacing:-.025em;color:var(--ink-brand);align-items:center;gap:9px;font-size:22px;font-weight:900;text-decoration:none;display:inline-flex}.logo .o{color:var(--brand)}.logo-mark{border-radius:9px;flex:none;width:30px;height:30px;display:block;box-shadow:0 4px 10px -4px #5b4bff99}.btn{white-space:nowrap;height:48px;transition:transform .15s var(--ease), box-shadow .15s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-brand{background:linear-gradient(180deg, var(--brand-hi), var(--brand));color:#fff;box-shadow:0 4px 0 var(--brand-lo), 0 14px 28px -10px #5b4bff99}.btn-brand:active{box-shadow:0 2px 0 var(--brand-lo), 0 8px 18px -10px #5b4bff99}.btn-white{color:var(--ink-brand);background:#fff;box-shadow:0 4px #dcdcdc,0 14px 28px -14px #00000040,0 0 0 .5px #0000001a}.btn-white:active{box-shadow:0 2px #dcdcdc,0 8px 18px -14px #00000040,0 0 0 .5px #0000001a}.btn-ink{background:var(--ink-brand);color:#fff;height:40px;padding:0 18px;font-size:13.5px}.btn-ink:hover{background:#2a2a2a}.btn-quiet{height:40px;color:var(--ink-mid);background:0 0;padding:0 14px;font-size:14px;font-weight:500}.btn-quiet:hover{color:var(--ink-brand)}.btn:disabled{opacity:.6}.btn.full{width:100%}.site-nav{z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(14px);width:100%;max-width:1120px;box-shadow:var(--paper-shadow);background:#fffc;border-radius:999px;align-items:center;gap:8px;margin:12px auto 0;padding:8px 8px 8px 20px;display:flex;position:sticky;top:12px}.site-nav .links{gap:4px;margin:0 auto;display:flex}.site-nav .links a{color:var(--ink-mid);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none}.site-nav .links a:hover{color:var(--ink-brand);background:#0000000a}.user-avatar{color:#fff;font-family:var(--font);-webkit-user-select:none;user-select:none;background:#7b93a3;border-radius:50%;flex:none;place-items:center;font-weight:500;line-height:1;display:inline-grid}.nav-avatar{transition:transform .2s var(--spring), box-shadow .2s var(--ease);border-radius:50%;display:inline-flex}.nav-avatar:hover{transform:translateY(-1px);box-shadow:0 0 0 3px #5b4bff33}.nav-avatar:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.site-nav .end{align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.landing{padding:0 16px 96px;position:relative;overflow-x:clip}.landing:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(40% 50% at 50% 30%,#dcd6ffaa,#0000 70%),radial-gradient(30% 40% at 72% 42%,#ffd6ec88,#0000 70%);height:900px;position:absolute;inset:-200px -10% auto}.hero{text-align:center;max-width:980px;margin:0 auto;padding:96px 0 56px}.display{font-family:var(--display);letter-spacing:-.025em;margin:0;font-weight:900;line-height:.95}.hero h1{font-size:clamp(52px,10vw,104px)}.hero h1 .accent{color:var(--brand)}.hero .lede{max-width:620px;color:var(--ink-mid);margin:28px auto 0;font-size:18px;line-height:1.62}.hero .ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:6px;margin:0 0 10px;font-size:11.5px;font-weight:700;display:inline-flex}.showcase{max-width:1120px;box-shadow:var(--paper-shadow);background:#fff9;border-radius:30px;margin:0 auto;padding:10px}.showcase-inner{background:#1d1d20;border-radius:22px;overflow:hidden}.showcase-bar{color:#f3f3f5a3;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.showcase-bar b{color:#f3f3f5}.showcase-bar .dot{background:#ffffff1f;border-radius:50%;width:10px;height:10px}.showcase-bar .grow{flex:1}.showcase-stage{background:radial-gradient(#ffffff14 1px,#0000 1.4px) 0 0/18px 18px,#121214;place-items:center;padding:28px;display:grid}.showcase-stage canvas{aspect-ratio:16/9;border-radius:12px;width:100%;max-width:900px;height:auto;display:block;box-shadow:0 30px 60px -30px #000}.showcase-strip{gap:6px;padding:12px 16px 16px;display:flex;overflow:hidden}.showcase-strip span{color:var(--c);background:color-mix(in srgb, var(--c) 15%, transparent);border-radius:999px;flex:none;padding:3px 12px;font-size:12px;font-weight:600}.section{max-width:1120px;margin:0 auto;padding:120px 0 0}.section-head{max-width:680px;margin:0 0 40px}.section-head h2{font-size:clamp(38px,6vw,56px)}.section-head p{color:var(--ink-mid);margin:18px 0 0;font-size:18px;line-height:1.6}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--paper-card);box-shadow:var(--paper-shadow);border-radius:24px}.step{padding:26px}.step .num{background:var(--ink-brand);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:inline-grid}.step h3,.feature h3{font-family:var(--display);letter-spacing:-.025em;margin:18px 0 8px;font-size:22px;font-weight:800}.step p,.feature p{color:var(--ink-mid);margin:0;font-size:15px;line-height:1.6}.cmd{color:#f3f3f5;text-align:left;background:#171717;border:0;border-radius:14px;align-items:center;gap:10px;width:100%;margin-top:16px;padding:12px 14px;display:flex}.cmd code{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.cmd code .prompt{color:#f3f3f56b}.cmd .copy{color:#f3f3f5a3;flex:none;align-items:center;gap:5px;font-size:12px;display:inline-flex}.cmd.light{background:var(--paper-well);color:var(--ink-brand)}.cmd.light .copy,.cmd.light code .prompt{color:var(--ink-soft)}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.feature{padding:28px;overflow:hidden}.feature .big{font-family:var(--display);letter-spacing:-.025em;color:var(--brand);font-size:64px;font-weight:900;line-height:1}.feature .chips{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.feature .chips span{background:var(--paper-well);color:var(--ink-mid);border-radius:999px;padding:5px 11px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;font-weight:600}.cta-final{text-align:center;margin-top:120px;padding:72px 24px}.cta-final h2{font-size:clamp(40px,7vw,72px)}.cta-final p{max-width:520px;color:var(--ink-mid);margin:18px auto 30px;font-size:18px}.site-foot{max-width:1120px;color:var(--ink-soft);justify-content:space-between;gap:16px;margin:48px auto 0;font-size:13.5px;display:flex}.site-foot em{font-family:var(--serif);font-size:17px}.dash{padding:0 16px 96px}.dash-main{max-width:1120px;margin:0 auto}.project-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.project-card{background:var(--paper-card);box-shadow:var(--paper-shadow);transition:transform .2s var(--ease);border-radius:22px;flex-direction:column;padding:8px 8px 14px;text-decoration:none;display:flex}.project-card:hover{transform:translateY(-3px)}.project-card .thumb{aspect-ratio:16/10;background:radial-gradient(#ffffff14 1px,#0000 1.4px) 0 0/14px 14px,#1d1d20;border-radius:15px;place-items:center;display:grid;position:relative;overflow:hidden}.project-card .thumb img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.project-card .size{color:#fff;background:#000000a0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px;right:8px}.project-card .title{margin:12px 8px 0;font-size:15px;font-weight:700}.project-card .meta{color:var(--ink-soft);margin:2px 8px 0;font-size:13px}.dash-card{padding:26px}.dash-card h2{font-family:var(--display);letter-spacing:-.025em;margin:0 0 6px;font-size:24px;font-weight:800}.dash-card p{color:var(--ink-mid);margin:0 0 12px;font-size:15px;line-height:1.6}.pill-btn{background:var(--paper-well);border:0;border-radius:999px;height:34px;padding:0 14px;font-size:13px;font-weight:600}.pill-btn:hover{background:#e8e8e8}.inline-error{color:#c4281f;font-size:13px}.auth{flex-direction:column;min-height:100vh;padding:0 16px 48px;display:flex}.auth:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(40% 40% at 50% 20%,#dcd6ff88,#0000 70%);position:fixed;inset:0}.auth-wrap{flex:1;place-items:center;padding-top:40px;display:grid}.auth-card{background:var(--paper-card);width:100%;max-width:420px;box-shadow:var(--paper-shadow);border-radius:28px;padding:32px}.auth-card h1{font-family:var(--display);letter-spacing:-.025em;margin:0 0 6px;font-size:34px;font-weight:900;line-height:1.05}.auth-card .sub{color:var(--ink-mid);margin:0 0 22px;font-size:15px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form label{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.auth-form input{background:var(--paper-well);border:1px solid #0000;border-radius:14px;height:46px;padding:0 14px;font-size:15px}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:#fff;outline:none}.auth-form .btn{margin-top:8px}.auth-switch{text-align:center;color:var(--ink-mid);margin:18px 0 0;font-size:14px}.link-btn{color:var(--brand-text);background:0 0;border:0;padding:0;font-weight:600}.link-btn:hover{text-decoration:underline}.form-error{color:#c4281f;background:#ff3b3014;border-radius:12px;margin:0;padding:10px 12px;font-size:13.5px}.grants{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.grants li{color:var(--ink-mid);grid-template-columns:22px 1fr;gap:8px;font-size:14.5px;display:grid}.grants svg{color:var(--good);margin-top:2px}.consent-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.consent-actions .btn{height:46px}.client-badge{background:var(--paper-well);border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:6px 12px 6px 6px;font-size:14px;font-weight:600;display:inline-flex}.client-badge .app{background:var(--ink-brand);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.editor{--bg:#121214;--surface:#1d1d20;--surface-2:#28282c;--surface-3:#333338;--ink:#f3f3f5;--ink-2:#f3f3f5a3;--ink-3:#f3f3f56b;--ink-4:#f3f3f533;--line:#ffffff12;--line-2:#ffffff1f;--dots:#ffffff14;--card-shadow:0 1px 2px #0000004d, 0 12px 32px -14px #0009, 0 0 0 .5px #ffffff1f;--pop-shadow:0 1px 2px #0006, 0 24px 60px -20px #000c, 0 0 0 .5px #ffffff24;--canvas-shadow:0 24px 60px -24px #000;background:var(--bg);height:100dvh;color:var(--ink);-webkit-user-select:none;user-select:none;grid-template-rows:68px minmax(0,1fr) auto;font-size:14px;display:grid;overflow:hidden}.editor[data-theme=light]{--bg:#ececef;--surface:#fff;--surface-2:#f2f2f4;--surface-3:#e5e5ea;--ink:#171717;--ink-2:#171717a3;--ink-3:#1717176b;--ink-4:#17171724;--line:#0000000f;--line-2:#0000001a;--dots:#00000017;--card-shadow:0 1px 2px #0000000f, 0 12px 32px -18px #0000002e, 0 0 0 .5px #0000001a;--pop-shadow:0 1px 2px #0000001a, 0 24px 60px -24px #00000050, 0 0 0 .5px #0000001f;--canvas-shadow:0 24px 60px -30px #00000070}.editor input,.editor textarea{-webkit-user-select:text;user-select:text}.icon-btn{width:36px;height:36px;color:var(--ink-2);transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:12px;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.icon-btn:disabled{opacity:.35}.icon-btn.small{border-radius:9px;width:28px;height:28px}.ed-top{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 16px;display:flex}.readonly-chip{color:#b86e00;white-space:nowrap;background:#ffb5471f;border-radius:10px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.readonly-chip:hover{background:#ffb54733}.editor[data-theme=dark] .readonly-chip{color:var(--warn)}@media (max-width:720px){.readonly-chip span{display:none}}.crumbs{align-items:center;gap:8px;min-width:0;font-size:15px;display:flex}.crumb-link{color:var(--ink-2);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:inline-flex}.crumb-link:hover{color:var(--ink)}.crumb-link .ed-mark{border-radius:7px;width:24px;height:24px;display:block}.slash{color:var(--ink-4)}.project-name{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-weight:600;overflow:hidden}.conn{border-radius:50%;flex:none;width:7px;height:7px;margin-left:4px}.conn.on{background:var(--good);box-shadow:0 0 0 3px #2ec27e2e}.conn.off{background:var(--ink-3)}.status{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-3);font-size:13px;overflow:hidden}.status.claude{color:var(--brand)}.status.error{color:#ff6a61}.top-actions{flex:none;align-items:center;gap:8px;display:flex}.ratio-chip{height:36px;color:var(--ink-2);align-items:center;gap:8px;padding:0 10px;display:inline-flex}.ratio-chip span{background:var(--surface-2);border-radius:7px;padding:1px 7px;font-size:11.5px;font-weight:600}.top-sep{background:var(--line-2);width:1px;height:26px;margin:0 4px}.card-btn{background:var(--surface);height:44px;color:var(--ink);box-shadow:var(--card-shadow);border:0;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.card-btn:hover{background:var(--surface-2)}.split{gap:1px;display:inline-flex}.split .left{border-radius:14px 0 0 14px}.split .right{border-radius:0 14px 14px 0;padding:0 10px}.export{align-items:center;gap:10px;display:flex;position:relative}.export .status{max-width:240px}.menu{z-index:30;background:var(--surface);min-width:250px;box-shadow:var(--pop-shadow);animation:pop .18s var(--spring);border-radius:16px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu-title{color:var(--ink-3);margin:4px 8px 6px;font-size:11.5px;font-weight:600}.menu-note{border-top:1px solid var(--line);max-width:240px;color:var(--ink-3);margin:6px 8px 4px;padding-top:8px;font-size:11.5px;line-height:1.45}.menu button{text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:1fr auto 16px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:14px;display:grid}.menu button:hover{background:var(--surface-2)}.menu .dim{color:var(--ink-3);font-size:12.5px}.export-progress{font-variant-numeric:tabular-nums;border-radius:14px;min-width:250px;padding:0 6px 0 16px;font-size:14px;position:relative;overflow:hidden}.export-progress .bar{background:var(--accent-soft);transition:width .2s linear;position:absolute;inset:0 auto 0 0}.export-progress .label,.export-progress button{position:relative}.export-progress .label{flex:1}.export-progress .dim{color:var(--ink-3)}.done-btn{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:#fff;border-radius:14px;align-items:center;height:44px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #0000004d,0 10px 24px -10px #5b4bffaa}.done-btn:hover{filter:brightness(1.06)}.ed-main{grid-template-columns:minmax(0,1fr) 44px 300px;gap:12px;min-height:0;padding:0 12px 12px;display:grid}.stage-card{background:radial-gradient(var(--dots) 1px, transparent 1.4px) 0 0 / 18px 18px, var(--surface);min-width:0;min-height:0;box-shadow:var(--card-shadow);border-radius:22px;position:relative;overflow:hidden}.stage-viewport{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.stage-viewport.zoomed{place-items:start center;padding:24px;overflow:auto}.stage-sizer{flex:none}.canvas{box-shadow:var(--canvas-shadow);touch-action:none;border-radius:10px;display:block}.loading{color:var(--ink-3);pointer-events:none;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.zoom-pill{background:var(--surface);height:40px;box-shadow:var(--pop-shadow);border-radius:14px;align-items:center;gap:2px;padding:0 6px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:12px;left:12px}.zoom-value{text-align:center;font-variant-numeric:tabular-nums;min-width:46px}.pill-sep{background:var(--line-2);width:1px;height:20px;margin:0 4px}.fit-btn{height:28px;color:var(--ink-2);background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.fit-btn:hover{background:var(--surface-2);color:var(--ink)}.rail{background:var(--surface);box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;align-self:start;gap:6px;padding:4px;display:flex}.rail-btn{width:36px;height:36px;color:var(--ink-2);background:0 0;border:0;border-radius:11px;place-items:center;display:grid}.rail-btn:hover{background:var(--surface-2);color:var(--ink)}.rail-btn.on{background:var(--accent);color:#fff;box-shadow:0 6px 16px -6px #5b4bffaa}.side{scrollbar-width:none;flex-direction:column;gap:10px;min-height:0;padding:2px 4px 12px 2px;display:flex;overflow-y:auto}.layer-head{align-items:center;gap:10px;padding:4px 2px;display:flex}.layer-name{background:var(--surface-2);border:1px solid #0000;border-radius:12px;flex:1;min-width:0;height:40px;padding:0 12px;font-size:15px;font-weight:600}.layer-name:focus{border-color:var(--accent);outline:none}.kind-chip{color:#fff;background:var(--c,var(--ink-3));border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px #fff3}.kind-chip.small{border-radius:8px;width:26px;height:26px}.kind-chip.tiny{border-radius:7px;width:22px;height:22px}.kind-text{--c:var(--kind-text)}.kind-shape{--c:var(--kind-shape)}.kind-image{--c:var(--kind-image)}.kind-code{--c:var(--kind-code)}.kind-music{--c:#16b98a}.kind-project{--c:var(--brand)}.side-hint{color:var(--ink-3);margin:0 4px 4px;font-size:13px;line-height:1.5}.side-hint.flush{margin:8px 0 0}.side-hint code{background:var(--surface-2);color:var(--ink);border-radius:6px;padding:1px 5px}.panel{background:var(--surface);box-shadow:var(--card-shadow);border-radius:18px;flex:none}.panel-head{align-items:center;gap:4px;height:46px;padding:0 8px 0 6px;display:flex}.panel-toggle{text-align:left;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;height:36px;padding:0 8px;display:flex}.panel-icon{color:var(--ink-3);display:inline-flex}.panel-title{font-size:14px;font-weight:600}.panel .chev{transition:transform .2s var(--ease);transform:rotate(-90deg)}.panel.open .chev{transform:none}.panel-body{animation:pop .2s var(--ease);padding:0 12px 12px}.fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wide{grid-column:1/-1}.well{background:var(--surface-2);min-width:0;height:40px;transition:box-shadow .15s var(--ease);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative;overflow:hidden}.well:focus-within{box-shadow:0 0 0 2px var(--accent)}.well label,.scrub-label,.seg-label{text-overflow:ellipsis;min-width:0;color:var(--ink-3);white-space:nowrap;flex:0 auto;font-size:12.5px;font-weight:500;overflow:hidden}.well input,.well select,.well textarea{background:0 0;border:0;outline:none;flex:1 0 auto;width:0;min-width:36px;height:100%;font-size:13.5px;font-weight:500}.well.text input{text-align:right}.well.multi{flex-direction:column;align-items:stretch;gap:2px;height:auto;padding:8px 12px}.well.multi label{flex:none}.well.multi textarea{resize:vertical;width:100%;min-height:44px;font-size:14px;line-height:1.45}.well.select select{appearance:none;text-align:right;text-align-last:right;cursor:pointer;padding-right:18px}.well.select select option{background:var(--surface);color:var(--ink)}.select-chev{color:var(--ink-3);pointer-events:none;position:absolute;right:10px}.well.select.slim{height:34px;padding:0 8px}.well.select.slim select{text-align:left;text-align-last:left}.well.color .swatch{border-radius:6px;flex:none;order:1;width:20px;height:20px;margin-left:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.well.color .swatch input{opacity:0;cursor:pointer;width:40px;height:40px;position:absolute;inset:-8px}.well.color .hex{text-align:right;text-transform:uppercase;flex:none;width:62px;margin-left:auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}.scrub{cursor:ew-resize;touch-action:none}.scrub .fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));opacity:.9;pointer-events:none;border-radius:12px;position:absolute;inset:0 auto 0 0}.scrub-label,.scrub-value{pointer-events:none;position:relative}.scrub-label .hint{color:var(--warn);margin-left:6px;font-size:11px}.scrub-value{font-variant-numeric:tabular-nums;margin-left:auto;font-size:13.5px;font-weight:600}.scrub-label.on-fill{color:#fffd}.scrub-value.on-fill{color:#fff}.suffix{opacity:.6;margin-left:2px;font-weight:500}.scrub.disabled{opacity:.5;cursor:not-allowed}.scrub.editing input{text-align:right;font-weight:600}.segmented{background:var(--surface-2);border-radius:12px;align-items:center;gap:8px;height:40px;padding:0 4px 0 12px;display:flex}.seg-options{flex:1;justify-content:flex-end;gap:2px;display:flex}.seg-options button{min-width:34px;height:32px;color:var(--ink-2);background:0 0;border:0;border-radius:9px;place-items:center;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-grid}.seg-options button:hover{color:var(--ink)}.seg-options button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000004d, 0 0 0 .5px var(--line-2)}.text-btn{background:var(--surface-2);height:36px;color:var(--ink-2);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.text-btn:hover{color:var(--ink);background:var(--surface-3)}.empty{color:var(--ink-3);margin:0 2px 8px;font-size:13px}.motions{flex-direction:column;gap:6px;display:flex}.motion-row{grid-template-columns:44px minmax(0,1fr) 72px 28px;align-items:center;gap:6px;display:grid}.motion-row .scrub{height:34px;padding:0 8px}.at{border-radius:7px;place-items:center;height:24px;font-size:11px;font-weight:700;display:grid}.at-in{color:#2ec27e;background:#2ec27e22}.at-out{color:#ff6a61;background:#ff6a6122}.at-loop{color:var(--accent);background:var(--accent-soft)}.chip-row{gap:6px;margin-top:4px;display:flex}.chip-btn{background:var(--surface-2);height:30px;color:var(--ink-2);border:0;border-radius:999px;align-items:center;gap:4px;padding:0 11px;font-size:12.5px;font-weight:600;display:inline-flex}.chip-btn:hover{color:var(--ink);background:var(--surface-3)}.layer-list{background:var(--surface);box-shadow:var(--card-shadow);border-radius:18px;margin:0;padding:6px;list-style:none}.layer-item{border-radius:12px;align-items:center;display:flex}.layer-item:hover{background:var(--surface-2)}.layer-item.selected{background:var(--accent-soft)}.layer-item.idle .name{color:var(--ink-3)}.layer-main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;height:44px;padding:0 8px;display:flex}.layer-main .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:500;overflow:hidden}.layer-main .span{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11.5px}.row-actions{padding-right:4px;display:none}.layer-item:hover .row-actions,.layer-item:focus-within .row-actions{display:flex}.layer-item:hover .span,.layer-item:focus-within .span{display:none}.ask{flex-direction:column;gap:10px;display:flex}.ask .panel-body{padding:16px}.ask .eyebrow{color:var(--ink-3);margin-bottom:10px}.target{align-items:center;gap:10px;font-size:15px;display:flex}.prompts{gap:6px;margin:0;padding:0;list-style:none;display:grid}.prompts button{background:var(--surface-2);text-align:left;width:100%;color:var(--ink);border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:13.5px;display:flex}.prompts button span{flex:1}.prompts button svg{color:var(--ink-3);flex:none}.prompts button:hover{background:var(--surface-3)}.ask .text-btn{margin-top:12px}.timeline-card{background:var(--surface);box-shadow:var(--card-shadow);border-radius:22px;flex-direction:column;margin:0 12px 12px;display:flex;overflow:hidden}.tl-toolbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:64px;padding:0 12px;display:grid}.tl-tools{align-items:center;gap:4px;display:flex}.tl-tools.right{justify-content:flex-end}.tool{width:38px;height:38px;color:var(--ink-2);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.tool:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.tool:disabled{opacity:.3}.tool.on{background:var(--accent);color:#fff;box-shadow:0 6px 16px -6px #5b4bffaa}.tool-sep{background:var(--line-2);width:1px;height:22px;margin:0 6px}.transport{align-items:center;gap:6px;display:flex}.tc{font-variant-numeric:tabular-nums;text-align:center;min-width:64px;font-size:14px;font-weight:700}.tc.dim{color:var(--ink-3);font-weight:500}.play-btn{color:#111;width:48px;height:48px;transition:transform .15s var(--spring);background:#fff;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 2px #0000004d,0 10px 24px -10px #000a}.play-btn:hover{transform:scale(1.05)}.play-btn:active{transform:scale(.95)}.play-btn .nudge{margin-left:3px}.editor[data-theme=light] .play-btn{color:#fff;background:#171717}.tl-body{scrollbar-width:none;background:color-mix(in srgb, var(--surface) 92%, #000);grid-template-columns:180px minmax(0,1fr);max-height:34vh;display:grid;overflow-y:auto}.tl-labels{border-right:1px solid var(--line)}.tl-label{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;height:44px;color:var(--ink-2);background:0 0;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.tl-label.ruler-label{height:30px}.tl-label.caps{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:700}.tl-label.layer:hover{background:var(--surface-2)}.tl-label.selected{color:var(--ink);font-weight:600}.tl-label .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl-label.lane{gap:5px}.tl-label.lane button.kind-chip{cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s var(--ease);border:0;padding:0}.tl-label.lane button.kind-chip:hover{transform:translateY(-1px)}.tl-label.lane .kind-chip.on{box-shadow:inset 0 1px 0 #fff3, 0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent)}.tl-label .more{color:var(--ink-3);font-size:11px;font-weight:700}.tl-scroll{scrollbar-width:none;overflow-x:auto}.tl-body::-webkit-scrollbar{display:none}.tl-scroll::-webkit-scrollbar{display:none}.side::-webkit-scrollbar{display:none}.code-editor::-webkit-scrollbar{display:none}.well textarea::-webkit-scrollbar{display:none}.code-editor,.well textarea{scrollbar-width:none}.tl-tracks{cursor:text;touch-action:none;min-width:100%;position:relative}.tl-ruler{border-bottom:1px solid var(--line);height:30px;position:relative}.tick{background:var(--line-2);width:1px;position:absolute;bottom:0}.tick.major{height:8px}.tick.minor{height:4px}.tick-label{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px;font-weight:500;position:absolute;bottom:9px;left:3px}.tl-row{border-bottom:1px solid var(--line);height:44px;position:relative}.section-pill{background:color-mix(in srgb, var(--c) 30%, var(--surface));height:30px;box-shadow:inset 0 0 0 1.5px var(--surface);color:color-mix(in srgb, var(--c) 70%, white);cursor:pointer;transition:background .15s var(--ease);border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:flex;position:absolute;top:7px;overflow:hidden}.section-pill:hover{background:color-mix(in srgb, var(--c) 40%, var(--surface))}.section-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip{--c:var(--kind-text);background:linear-gradient(180deg, color-mix(in srgb, var(--c) 82%, #fff), var(--c));color:#fff;cursor:grab;touch-action:none;height:32px;transition:box-shadow .15s var(--ease), transform .15s var(--ease);border:0;border-radius:16px;align-items:center;padding:0;display:flex;position:absolute;top:6px;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 1px 2px #0000004d}.clip:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 4px 10px -2px #0006}.clip:active{cursor:grabbing}.clip-shape{--c:var(--kind-shape)}.clip-image{--c:var(--kind-image)}.clip-code{--c:var(--kind-code)}.clip-music{--c:#16b98a;cursor:default}.clip.wave{background:radial-gradient(circle at 50% 130%, #ffffff40 42%, transparent 44%) 0 0 / 22px 100% repeat-x, radial-gradient(circle at 50% -30%, #00000026 42%, transparent 44%) 11px 0 / 22px 100% repeat-x, linear-gradient(180deg, color-mix(in srgb, var(--c) 82%, #fff), var(--c))}.clip.selected{box-shadow:inset 0 1px 0 #ffffff40, 0 0 0 2px var(--ink), 0 6px 16px -6px var(--c)}.clip .ease{pointer-events:none;background:repeating-linear-gradient(-45deg,#ffffff26 0 4px,#0000 4px 8px);position:absolute;top:0;bottom:0}.clip .grip{cursor:ew-resize;flex:none;width:13px;height:100%;position:relative}.clip .grip:before,.clip .grip:after{content:"";background:#ffffffb0;border-radius:1px;width:1.5px;position:absolute;top:9px;bottom:9px}.clip .grip:before{left:5px}.clip .grip:after{left:8px}.clip-body{pointer-events:none;flex:1;align-items:center;gap:6px;min-width:0;padding:0 2px;font-size:12px;font-weight:600;display:flex;position:relative}.clip-body svg{flex:none}.clip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip .loop{opacity:.85}.playhead{background:var(--accent);pointer-events:none;z-index:2;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.playhead-head{background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:50%;position:absolute;top:6px;left:-6px}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:1100px){.ed-main{grid-template-columns:minmax(0,1fr) 44px 270px}.ratio-chip,.export .status{display:none}.features{grid-template-columns:1fr}}@media (max-width:860px){.site-nav .links{display:none}.steps{grid-template-columns:1fr}.ed-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.rail,.side{display:none}.tl-toolbar{grid-template-columns:auto 1fr}.tl-tools:not(.right){display:none}.tl-body{grid-template-columns:110px minmax(0,1fr)}.hide-sm,.crumbs .status{display:none}}@media (max-width:560px){.site-nav{padding-left:16px}.site-nav .btn-quiet{display:none}.hero{padding-top:64px}.top-actions .icon-btn,.top-sep{display:none}.done-btn{padding:0 14px}.split .left{padding:0 12px}.tc.dim{display:none}}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(22px)}}.motion-ready [data-reveal]{opacity:0;filter:blur(5px);transition:opacity .9s var(--ease), transform .9s var(--ease), filter .9s var(--ease);transition-delay:calc(var(--d,0) * 90ms);transform:translateY(28px)scale(.985)}.motion-ready [data-reveal][data-in]{opacity:1;filter:none;transform:none}.motion-ready [data-reveal][data-settled]{transition:transform .4s var(--ease), box-shadow .4s var(--ease);transition-delay:0s}.site-nav{transition:max-width .5s var(--ease), background .3s var(--ease), box-shadow .3s var(--ease), top .3s var(--ease)}.site-nav.scrolled{background:#ffffffeb;max-width:1000px;top:8px;box-shadow:0 1px 2px #00000014,0 20px 44px -22px #0005,0 0 0 .5px #0000001f}.site-nav .links a{transition:background .2s var(--ease), color .2s var(--ease)}.btn{transition:transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease), background .2s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn-brand:hover{filter:brightness(1.06)}.btn:active{transform:translateY(2px)}.card,.project-card{transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .2s var(--ease), color .2s var(--ease)}.project-card:hover{transform:translateY(-4px);box-shadow:0 1px 2px #00000010,0 28px 50px -26px #0005,0 0 0 .5px #0000001a}.project-card .thumb img{transition:transform .6s var(--ease)}.project-card:hover .thumb img{transform:scale(1.03)}.auth-card{animation:rise .8s var(--ease) both}.clip{transition:box-shadow .15s var(--ease), filter .15s var(--ease)}.clip:hover{filter:brightness(1.08)}.rail-btn,.tool,.seg-options button,.chip-btn,.text-btn,.layer-item{transition:background .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease)}.tool:active:not(:disabled),.rail-btn:active,.chip-btn:active{transform:scale(.94)}.scrub .fill{transition:width .12s linear}.side>*{animation:rise .35s var(--ease) both}.clip-name .stack{opacity:.72;font-weight:700}.code-editor{background:var(--surface-2);width:100%;color:var(--ink);tab-size:2;white-space:pre;resize:vertical;transition:box-shadow .15s var(--ease);border:0;border-radius:12px;outline:none;margin:0 0 8px;padding:10px 12px;font:500 12.5px/1.55 ui-monospace,SF Mono,Menlo,Consolas,monospace;display:block;overflow:auto}.code-editor:focus{box-shadow:0 0 0 2px var(--accent)}.code-editor.params{margin-top:8px}.code-editor.bad,.code-editor.bad:focus{box-shadow:0 0 0 2px var(--danger)}.code-hint{color:var(--ink-3);margin:0 0 10px;font-size:12px;line-height:1.5}.code-hint code{font-size:11.5px}.code-error{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger);word-break:break-word;border-radius:10px;align-items:flex-start;gap:6px;margin:0 0 10px;padding:8px 10px;font:500 12px/1.45 ui-monospace,Menlo,Consolas,monospace;display:flex}.code-error svg{flex:none;margin-top:2px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.consent-note{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--ink-brand);border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:13.5px;line-height:1.5}.kind-sfx{--c:var(--kind-sfx)}.sfx-row{position:relative}.sfx-cue{background:color-mix(in srgb, var(--kind-sfx) 18%, var(--surface-2));height:28px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--kind-sfx) 45%, transparent);color:var(--ink);white-space:nowrap;cursor:grab;touch-action:none;transition:transform .15s var(--ease), box-shadow .15s var(--ease);border:0;border-radius:14px;align-items:center;gap:5px;padding:0 9px 0 4px;font-size:11px;font-weight:600;display:flex;position:absolute;top:8px;transform:translate(-10px)}.sfx-cue:hover{z-index:2;box-shadow:inset 0 0 0 1.5px var(--kind-sfx), 0 4px 10px -4px #0006;transform:translate(-10px)translateY(-1px)}.sfx-cue:active{cursor:grabbing}.sfx-cue i{background:var(--kind-sfx);width:12px;height:12px;box-shadow:0 0 0 2px color-mix(in srgb, var(--kind-sfx) 30%, transparent);border-radius:3px;transform:rotate(45deg)}.sfx-list{gap:10px;margin:0 0 10px;padding:0;list-style:none;display:grid}.sfx-item{box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;gap:8px;padding:10px;display:grid}.sfx-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}
[data-tilt]{transform-style:preserve-3d;will-change:transform;position:relative}.motion-ready [data-tilt][data-tilting]{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px) scale(1.01);box-shadow:0 1px 2px #00000012, calc(var(--sx,0) * -18px) 38px 60px -28px #0000005c, 0 0 0 .5px #0000001a;transition:transform .12s linear, box-shadow .3s var(--ease)}[data-tilt]:after{content:"";z-index:3;border-radius:inherit;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,0%), #ffffff5c, #fff0 55%);mix-blend-mode:soft-light;opacity:0;pointer-events:none;transition:opacity .4s var(--ease);position:absolute;inset:0}[data-tilt][data-tilting]:after{opacity:1}.motion-ready [data-tilt][data-tilting]>h3,.motion-ready [data-tilt][data-tilting]>.price,.motion-ready [data-tilt][data-tilting]>.s-visual{transition:transform .3s var(--ease);transform:translateZ(28px)}.btn-ink{background:linear-gradient(180deg, #2c2c2c, var(--ink-brand));box-shadow:0 3px #000,0 10px 20px -10px #00000080,inset 0 1px #ffffff26}.btn-ink:active{box-shadow:0 1px #000,0 6px 14px -10px #00000080,inset 0 1px #ffffff26}.btn-brand,.btn-white{position:relative}.btn-brand:before,.btn-ink:before{content:"";pointer-events:none;background:linear-gradient(#ffffff38,#fff0);border-radius:999px;height:45%;position:absolute;inset:1px 10% auto}.btn-ink{position:relative}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(2px)}.l-hero{perspective:1200px}.l-hero h1{text-shadow:0 1px #e4e2ee,0 2px #dcd9ea,0 3px #d3d0e5,0 4px #cac6df,0 5px #c1bcd9,0 6px 1px #0000001a,0 10px 12px #00000014,0 24px 40px #5b4bff26;translate:calc(var(--px,0) * -10px) calc(var(--py,0) * -6px);transition:translate .6s var(--ease)}.l-hero h1 .accent{text-shadow:0 1px #4a3bea,0 2px #4435e0,0 3px #3e2fd6,0 4px #3829cc,0 5px #3224c1,0 6px 1px #0000001a,0 12px 16px #3b2ed633,0 28px 44px #5b4bff40}.l-demo[data-scroll-3d] .l-editor{transform:perspective(1800px) rotateX(calc((1 - var(--sp,1)) * 24deg)) scale(calc(.9 + var(--sp,1) * .1));transform-origin:50% 0;transition:none}.l-collage{perspective:1400px}.project-card .thumb{box-shadow:inset 0 1px #fff,0 12px 24px -16px #0006}@media (prefers-reduced-motion:reduce){.l-hero h1{translate:none}.l-demo[data-scroll-3d] .l-editor{transform:none}}
.cg{--cg-bg:#faf9f5;--cg-side:#f1efe8;--cg-line:#0000001a;--cg-ink:#1f1e1d;--cg-soft:#73726c;--cg-orange:#d97757;text-align:left;margin-top:18px}.cg-steps{scrollbar-width:none;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex;overflow-x:auto}.cg-steps li{flex:1 0 auto}.cg-steps button{background:var(--paper-well);width:100%;color:var(--ink-mid);font:inherit;white-space:nowrap;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);border:0;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;font-weight:600;display:flex;position:relative;overflow:hidden}.cg-steps button.on{background:var(--ink-brand);color:#fff}.cg-steps .n{background:#0000000f;border-radius:7px;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.cg-steps .on .n{background:var(--brand)}.cg-steps .done .n{background:var(--good);color:#fff}.cg-steps .bar{background:var(--brand-hi);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0}.cg-window{background:var(--cg-bg);box-shadow:0 0 0 1px var(--cg-line), 0 24px 48px -30px #0006;color:var(--cg-ink);-webkit-user-select:none;user-select:none;border-radius:16px;overflow:hidden}.cg-chrome{border-bottom:1px solid var(--cg-line);background:#ebe9e1;align-items:center;gap:12px;padding:9px 12px;display:flex}.cg-chrome .dots i,.cg-popup-bar .dots i{background:#00000024}.cg-addr{max-width:260px;color:var(--cg-soft);text-align:center;background:#ffffffb3;border-radius:7px;flex:1;margin:0 auto;padding:3px 10px;font-size:11.5px}.cg-screen{grid-template-columns:132px minmax(0,1fr);height:290px;font-size:12.5px;display:grid;position:relative;overflow:hidden}.cg-side{background:var(--cg-side);border-right:1px solid var(--cg-line);flex-direction:column;gap:2px;padding:12px 8px;display:flex}.cg-logo,.cg-spark{color:var(--cg-orange);font-size:20px;line-height:1}.cg-logo{margin:0 6px 10px}.cg-nav{color:var(--cg-soft);transition:background .25s var(--ease), color .25s var(--ease);border-radius:8px;align-items:center;gap:8px;padding:7px 8px;display:flex}.cg-nav em{font-style:normal}.cg-nav.on{color:var(--cg-ink);background:#0000000d;font-weight:600}.cg-main{min-width:0;position:relative}.cg-home{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:18px;display:flex}.cg-home>b{font-family:var(--serif);font-size:26px;font-weight:400}.cg-home.chat>.cg-spark{margin-top:auto}.cg-home.chat>b{margin-bottom:auto}.cg-composer{width:min(100%,400px);box-shadow:0 0 0 1px var(--cg-line), 0 6px 16px -10px #0000004d;background:#fff;border-radius:14px;padding:10px 12px;position:relative}.cg-composer.ghost{color:var(--cg-soft)}.cg-composer .txt{min-height:18px;display:block}.cg-composer-row{align-items:center;gap:6px;margin-top:8px;display:flex}.cg-send{background:var(--cg-orange);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;margin-left:auto;display:grid}.cg-chip{color:var(--brand-text);background:#5b4bff14;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.cg .ph{color:#a3a29c}.cg .caret{vertical-align:-.2em;background:var(--cg-ink);width:1.5px;height:1.1em;margin-left:1px;animation:1s step-end infinite cg-blink;display:inline-block}.cg-page{height:100%;padding:14px 18px}.cg-tabs{gap:4px;margin-bottom:14px;display:flex}.cg-tabs span{color:var(--cg-soft);border-radius:8px;padding:5px 10px}.cg-tabs .on{color:var(--cg-ink);background:#0000000d;font-weight:600}.cg-skeleton{gap:8px;display:grid}.cg-skeleton i{background:#0000000a;border-radius:10px;height:34px}.cg-list-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cg-icon-btn{width:26px;height:26px;box-shadow:0 0 0 1px var(--cg-line);background:#fff;border-radius:8px;place-items:center;display:grid}.cg-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cg-list li{box-shadow:0 0 0 1px var(--cg-line);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.cg-list li.mine{box-shadow:0 0 0 1.5px var(--brand)}.cg-list .nm{flex:1;min-width:0;font-weight:600}.cg-list small,.cg-modal small{color:var(--cg-soft);background:#0000000d;border-radius:6px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:600}.cg-list .st{color:var(--cg-soft);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.cg-list .st.ok{color:#1f9d5b;font-weight:600}.cg .ic{width:22px;height:22px;color:var(--cg-soft);vertical-align:middle;background:#0000000a;border-radius:7px;place-items:center;display:inline-grid}.cg .ic.brand{background:var(--brand);padding:0;display:inline-block}.cg .ic.claude{color:var(--cg-orange);box-shadow:0 0 0 1px var(--cg-line);background:#fff}.cg-btn{box-shadow:0 0 0 1px var(--cg-line);background:#fff;border-radius:8px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:opacity .2s;display:inline-block}.cg-btn.dark{background:var(--cg-ink);color:#fff;box-shadow:none}.cg-btn.brand{background:var(--brand);color:#fff;box-shadow:none}.cg-btn.off{opacity:.4}.cg-menu{z-index:2;min-width:190px;box-shadow:0 0 0 1px var(--cg-line), 0 16px 32px -16px #00000059;background:#fff;border-radius:12px;gap:2px;padding:5px;display:grid;position:absolute;top:78px;right:18px}.cg-menu>span{border-radius:8px;align-items:center;gap:8px;padding:7px 9px;display:flex}.cg-menu .hi{color:var(--brand-text);background:#5b4bff14;font-weight:600}.cg-menu .muted{color:var(--cg-soft);font-size:11px}.cg-menu.up{inset:auto auto calc(100% + 6px) 8px}.cg-toggle{background:#0000001f;border-radius:999px;width:26px;height:15px;margin-left:auto;position:relative}.cg-toggle:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;position:absolute;top:2px;left:2px}.cg-toggle.on{background:var(--brand)}.cg-toggle.on:after{left:13px}.cg-modal-bg,.cg-popup{z-index:3;position:absolute}.cg-modal-bg{background:#1f1e1d40;place-items:center;display:grid;inset:0}.cg-modal{background:#fff;border-radius:14px;gap:8px;width:min(92%,330px);padding:14px;display:grid;box-shadow:0 24px 48px -20px #00000080}.cg-modal>b{margin-bottom:2px;font-size:13.5px}.cg-modal label{box-shadow:0 0 0 1px var(--cg-line);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:7px 9px;font-size:11.5px;transition:box-shadow .2s;display:block;overflow:hidden}.cg-modal label.focus{box-shadow:0 0 0 1.5px var(--brand)}.cg-row{justify-content:flex-end;gap:6px;margin-top:2px;display:flex}.cg-popup{width:min(86%,250px);box-shadow:0 0 0 1px var(--cg-line), 0 28px 50px -18px #00000080;background:#fff;border-radius:12px;top:22px;right:16px;overflow:hidden}.cg-popup-bar{background:#ebe9e1;align-items:center;gap:8px;padding:6px 8px;display:flex}.cg-popup-bar .dots i{width:7px;height:7px}.cg-popup-bar .cg-addr{padding:2px 8px;font-size:10px}.cg-consent{gap:6px;padding:12px 14px 14px;font-size:11.5px;display:grid}.cg-consent .app{color:var(--cg-soft)}.cg-consent b{font-family:var(--display);font-size:14px}.cg-consent .ln{color:var(--cg-soft);align-items:center;gap:6px;display:flex}.cg-consent .ln svg{color:var(--good)}.cg-consent .cg-btn{text-align:center;margin-top:4px;padding:7px}.cg-thread{justify-items:start;gap:6px;width:min(100%,400px);margin:auto 0 10px;display:grid}.cg-bubble{background:#ebe9e1;border-radius:14px 14px 4px;justify-self:end;max-width:85%;padding:8px 12px}.cg-tool{box-shadow:0 0 0 1px var(--cg-line);color:var(--cg-soft);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:5px 9px 5px 5px;font-size:11.5px;display:inline-flex}.cg-tool code{color:var(--cg-ink);font-size:11px}.cg-tool svg{color:var(--good)}.cg-cursor{z-index:5;color:var(--cg-ink);pointer-events:none;margin:-3px 0 0 -4px;transition:transform .65s cubic-bezier(.5,0,.2,1);position:absolute;top:0;left:0}.cg-cursor svg{fill:#fff;filter:drop-shadow(0 2px 3px #00000059);transition:transform .12s;display:block}.cg-cursor.down svg{transform:scale(.82)}.cg-cursor .ripple{width:30px;height:30px;animation:cg-ripple .45s var(--ease) forwards;background:#5b4bff4d;border-radius:50%;margin:-15px 0 0 -15px;position:absolute;top:3px;left:4px}.cg-caption{min-height:48px;animation:cg-in .35s var(--ease) both;align-items:flex-start;gap:12px;margin-top:14px;display:flex}.cg-caption p{color:var(--ink-mid);margin:0;font-size:14.5px;line-height:1.55}.cg-caption a{color:var(--brand-text)}.cg-num{background:var(--brand);color:#fff;border-radius:9px;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.cg-fields{gap:8px;margin-top:16px;display:grid}.cg-field{background:var(--paper-well);width:100%;min-width:0;color:var(--ink-brand);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.cg-field .k{color:var(--ink-soft);flex:none;font-size:11.5px;font-weight:600}.cg-field code{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.cg-field .copy{color:var(--ink-soft);flex:none;align-items:center;gap:5px;font-size:12px;display:inline-flex}.cg-note{color:var(--ink-soft);margin:10px 0 0;font-size:12.5px;line-height:1.5}.cg-in{animation:cg-in .35s var(--ease) both}.cg-pop{animation:cg-pop .35s var(--spring) both}@keyframes cg-in{0%{opacity:0;transform:translateY(6px)}}@keyframes cg-pop{0%{opacity:0;transform:scale(.94)translateY(4px)}}@keyframes cg-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}@keyframes cg-blink{50%{opacity:0}}@media (max-width:560px){.cg-screen{grid-template-columns:44px minmax(0,1fr)}.cg-nav em{display:none}.cg-logo{margin:0 0 10px 6px}.cg-steps .l{display:none}.cg-steps .on .l{display:inline}.cg-field .k{display:none}}@media (prefers-reduced-motion:reduce){.cg-in,.cg-pop,.cg-caption,.cg .caret{animation:none}}