@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg:#fff;--bg-2:#faf7f4;--ink:#161310;--ink-2:#5c534b;--line:#ece6df;--koi:#e8542b;--koi-deep:#cf3f1d;--gold:#f6c14a;--amber:#f0892e;--grad-koi:linear-gradient(96deg,#e8542b,#f0892e,#f6c14a);--grad-koi-soft:linear-gradient(96deg,rgba(232,84,43,.12),rgba(246,193,74,.12));--surface:#fff;--surface-2:#faf7f4;--surface-3:#f4efe9;--raised:#fff;--glass:#fff;--border:var(--line);--border-2:#ddd4ca;--border-amber:rgba(232,84,43,.34);--sheen:hsla(0,0%,100%,.9);--text:var(--ink);--text-2:var(--ink-2);--muted:#6c6258;--muted-2:#8a8076;--amber-bright:#f6a04a;--amber-deep:var(--koi-deep);--amber-soft:rgba(232,84,43,.1);--amber-ring:rgba(232,84,43,.3);--verify:#1f9d6b;--verify-soft:rgba(31,157,107,.12);--verify-ring:rgba(31,157,107,.34);--red:#d8412a;--red-soft:rgba(216,65,42,.1);--lufs:#4d74d8;--lufs-soft:rgba(77,116,216,.12);--green:var(--verify);--color-success:var(--verify);--color-success-soft:var(--verify-soft);--color-error:var(--red);--color-error-soft:var(--red-soft);--color-info:var(--lufs);--color-info-soft:var(--lufs-soft);--color-warning:#d68a1e;--color-warning-soft:rgba(214,138,30,.12);--state-hover:rgba(22,19,16,.04);--state-press:rgba(22,19,16,.08);--state-focus:var(--amber-ring);--state-disabled-opacity:0.5;--koi-white:#fbf7f1;--koi-platinum:#e9e4dd;--koi-red:#e0492a;--koi-orange:#f0892e;--koi-gold:#f6c14a;--koi-sumi:#3a3530;--koi-fin:rgba(240,137,46,.45);--color-accent-ink:#fff;--color-screen:#f4efe9;--code-bg:#faf7f4;--black-12:rgba(22,19,16,.06);--black-16:rgba(22,19,16,.08);--black-28:rgba(22,19,16,.12);--white-03:hsla(0,0%,100%,.03);--white-06:hsla(0,0%,100%,.06);--radius-xs:6px;--radius-sm:8px;--radius:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-panel:40px;--radius-pill:999px;--bezel:22px;--bezel-pad:0px;--bezel-inner:var(--radius-lg);--space-3xs:4px;--space-2xs:8px;--space-xs:12px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-2xl:64px;--space-3xl:96px;--space-4xl:128px;--space-5xl:160px;--shadow-sm:0 1px 2px rgba(22,19,16,.06);--shadow-card:0 1px 2px rgba(22,19,16,.04),0 8px 26px rgba(22,19,16,.06);--shadow-float:0 2px 6px rgba(22,19,16,.06),0 24px 60px rgba(22,19,16,.1);--shadow-amber:0 8px 22px rgba(232,84,43,.28);--shadow-koi:0 10px 30px rgba(232,84,43,.3);--glow-verify:0 0 0 1px var(--verify-ring),0 0 18px rgba(31,157,107,.14);--grad-signature:var(--grad-koi);--grad-amber-fill:var(--grad-koi);--grad-amber-hover:linear-gradient(96deg,#cf3f1d,#e8542b,#f0892e);--grad-mesh:radial-gradient(60% 50% at 50% -10%,rgba(246,193,74,.2),transparent 62%),radial-gradient(46% 44% at 88% 6%,rgba(232,84,43,.1),transparent 70%);--grad-aurora:radial-gradient(ellipse 72% 54% at 50% 120%,rgba(232,84,43,.18),transparent 70%),radial-gradient(ellipse 54% 44% at 20% 124%,rgba(246,193,74,.2),transparent 70%),radial-gradient(ellipse 58% 46% at 82% 122%,rgba(240,137,46,.14),transparent 72%);--grad-body-mesh:radial-gradient(54% 40% at 12% -4%,rgba(246,193,74,.1),transparent 60%),radial-gradient(48% 40% at 100% 6%,rgba(232,84,43,.06),transparent 64%);--texture-dot:radial-gradient(rgba(22,19,16,.035) 1px,transparent 0);--texture-size:5px 5px;--display:"Inter",system-ui,-apple-system,sans-serif;--serif:var(--display);--sans:"Inter",system-ui,-apple-system,sans-serif;--mono:"Inter",ui-monospace,"SF Mono",Menlo,monospace;--font-size-micro:10px;--font-size-eyebrow:11px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:24px;--font-size-h2:clamp(34px,5vw,56px);--leading-tight:1.04;--leading-snug:1.2;--leading-normal:1.6;--tracking-tight:-0.03em;--tracking-snug:-0.011em;--tracking-label:0.10em;--tracking-eyebrow:0.16em;--ease-fluid:cubic-bezier(0.32,0.72,0,1);--ease:cubic-bezier(0.32,0.72,0,1);--ease-spring:cubic-bezier(.2,.8,.2,1.1);--dur-fast:150ms;--dur:280ms;--dur-slow:640ms;--dur-enter:820ms;--dur-ambient:14s;--glow-spin:6s;--nav-h:72px}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:clip}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--ink);background-image:var(--grad-body-mesh);background-attachment:fixed;font-family:var(--sans);font-weight:400;line-height:var(--leading-normal);letter-spacing:var(--tracking-snug);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}::selection{background:var(--koi);color:#fff}:focus-visible{outline:2px solid var(--amber-ring);outline-offset:2px;border-radius:4px}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.amber{color:var(--koi)}.green,.verify-c{color:var(--verify)}.mono{font-family:var(--mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--nav-h);display:flex;align-items:center;background:hsla(0,0%,100%,.72);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid transparent;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.nav.scrolled{background:hsla(0,0%,100%,.86);border-bottom-color:var(--line);box-shadow:0 1px 0 rgba(22,19,16,.02),0 8px 30px rgba(22,19,16,.05)}.nav .wrap{display:flex;gap:36px;width:100%}.brand,.nav .wrap{align-items:center}.brand{display:inline-flex;gap:9px;font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.02em;color:var(--ink);margin-right:auto}.brand svg{display:block}.brand-mark{width:22px;height:22px;border-radius:7px;background:var(--grad-koi);box-shadow:var(--shadow-amber);flex:none;position:relative}.brand-mark:after{content:"";position:absolute;inset:6px;border-radius:3px;background:#fff}.nav-links{display:flex;gap:28px;align-items:center;margin-left:auto}.nav-links a{position:relative;color:var(--ink-2);font-size:14px;font-weight:500;transition:color var(--dur-fast) var(--ease)}.nav-links a.active,.nav-links a:hover{color:var(--ink)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:var(--grad-koi)}.nav-burger,.nav-links a.btn-amber.active:after,.nav-links a.btn-grad.active:after,.nav-links a.btn.active:after{display:none}.nav-burger{background:none;border:0;color:var(--ink);cursor:pointer}.nav-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-2);border:1px solid var(--line);color:var(--ink);justify-content:center;font-size:13px}.btn,.nav-avatar{display:inline-flex;align-items:center;font-weight:600}.btn{position:relative;isolation:isolate;gap:9px;padding:11px 20px;border-radius:var(--radius-pill);font-size:14px;border:1px solid transparent;cursor:pointer;font-family:var(--sans);letter-spacing:-.005em;transition:transform var(--dur) var(--ease-fluid),box-shadow var(--dur) var(--ease-fluid),border-color var(--dur) var(--ease-fluid),background var(--dur) var(--ease-fluid),color var(--dur) var(--ease-fluid)}.btn:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.btn-ico{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:13px;line-height:1;transition:transform var(--dur) var(--ease-fluid)}.btn-amber,.btn-grad{background:var(--grad-koi);color:#fff;box-shadow:var(--shadow-koi);background-size:140% 100%;background-position:0 50%}.btn-amber:hover,.btn-grad:hover{transform:translateY(-1px);background-position:100% 50%;box-shadow:0 12px 34px rgba(232,84,43,.36)}.btn-amber:active,.btn-grad:active{transform:translateY(0) scale(.985)}.btn-amber .btn-ico,.btn-grad .btn-ico{background:hsla(0,0%,100%,.22);color:#fff}.btn-amber:hover .btn-ico,.btn-grad:hover .btn-ico{transform:translate(2px,-1px)}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm)}.btn-ghost .btn-ico{background:var(--bg-2);color:var(--ink)}.btn-ghost:hover{border-color:var(--border-2);transform:translateY(-1px);box-shadow:var(--shadow-card)}.btn-ghost:hover .btn-ico{transform:translate(2px,-1px)}.btn-ghost:active{transform:translateY(0) scale(.985)}.btn-dark{background:var(--ink);color:#fff;box-shadow:0 8px 24px rgba(22,19,16,.18)}.btn-dark .btn-ico{background:hsla(0,0%,100%,.16);color:#fff}.btn-dark:hover{transform:translateY(-1px);background:#000;box-shadow:0 12px 30px rgba(22,19,16,.24)}.btn-dark:hover .btn-ico{transform:translate(2px,-1px)}.btn-dark:active{transform:translateY(0) scale(.985)}.btn-lg{padding:14px 26px;font-size:15px}.btn-lg .btn-ico{width:26px;height:26px}.btn-solid{padding:11px 20px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;padding:6px 13px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fff;color:var(--ink-2)}.pill.ok{border-color:var(--verify-ring);color:var(--verify);background:var(--verify-soft)}.pill.amber{border-color:var(--border-amber);color:var(--koi-deep);background:var(--amber-soft)}.pill.lufs{border-color:rgba(77,116,216,.34);color:var(--lufs);background:var(--lufs-soft)}.pill.sm{padding:2px 9px;font-size:11px}.pill-new{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 10px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);font-size:13px;color:var(--ink-2);font-weight:500}.pill-new:before{content:"New";padding:2px 9px;border-radius:var(--radius-pill);background:var(--grad-koi);color:#fff;font-size:11px;font-weight:700;letter-spacing:.01em}.hero{position:relative;padding:150px 0 64px;overflow:hidden;text-align:center}.hero:before{content:"";position:absolute;inset:-10% -10% auto -10%;height:620px;z-index:-1;background:var(--grad-mesh);opacity:.8}.hero .wrap{flex-direction:column}.hero .wrap,.hero-badges{display:flex;align-items:center}.hero-badges{flex-wrap:wrap;gap:10px;justify-content:center}.hero-title{font-family:var(--display);font-weight:800;font-size:clamp(46px,8.4vw,84px);line-height:1.02;letter-spacing:-.035em;margin:26px auto 0;max-width:15ch;text-wrap:balance;color:var(--ink)}.hero-title .grad,.hero-title .hl-accent{background:var(--grad-koi);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(46px,8.4vw,84px);line-height:1.02;letter-spacing:-.035em;margin:26px auto 0;max-width:15ch;text-wrap:balance;color:var(--ink)}.hero-word{display:inline-block;margin-right:.24em}.hero h1 .hero-word:last-child{margin-right:0}.hero h1 .hl-accent{background:var(--grad-koi);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lede,.hero-sub{max-width:600px;margin:22px auto 0;font-size:19px;line-height:1.55;letter-spacing:-.01em;color:var(--ink-2)}.hero .lede b,.hero-sub b{color:var(--ink);font-weight:600}.hero-promptbar{display:flex;align-items:center;gap:10px;width:100%;max-width:640px;margin:34px auto 0;padding:10px 10px 10px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:0 2px 4px rgba(22,19,16,.04),0 18px 44px rgba(22,19,16,.1);transition:box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.hero-promptbar:focus-within{border-color:var(--border-amber);box-shadow:0 2px 4px rgba(22,19,16,.04),0 18px 44px rgba(22,19,16,.12),0 0 0 4px var(--amber-soft)}.hero-promptbar input,.hero-promptbar textarea{flex:1 1;min-width:0;border:0;background:transparent;outline:none;font-family:var(--sans);font-size:16px;color:var(--ink);line-height:1.4;resize:none}.hero-promptbar input::placeholder,.hero-promptbar textarea::placeholder{color:var(--muted-2)}.hero-promptbar .pb-attach{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink-2);cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.hero-promptbar .pb-attach:hover{color:var(--ink);border-color:var(--border-2);background:var(--bg-2)}.hero-promptbar .pb-attach svg{width:17px;height:17px}.hero-promptbar .pb-submit{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:50%;border:0;background:var(--grad-koi);color:#fff;cursor:pointer;box-shadow:var(--shadow-koi);transition:transform var(--dur) var(--ease-fluid),box-shadow var(--dur) var(--ease-fluid)}.hero-promptbar .pb-submit:hover{transform:scale(1.06);box-shadow:0 10px 26px rgba(232,84,43,.4)}.hero-promptbar .pb-submit:active{transform:scale(.96)}.hero-promptbar .pb-submit svg{width:18px;height:18px}.hero-cta{gap:12px;align-items:center;margin-top:18px}.cta-row,.hero-cta{display:flex;justify-content:center;flex-wrap:wrap}.cta-row{gap:14px;margin-top:30px}.kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.kicker .rec{width:8px;height:8px;border-radius:50%;background:var(--koi);box-shadow:0 0 0 4px var(--amber-soft);animation:pulse-ring 2.4s var(--ease) infinite}@media (prefers-reduced-motion:no-preference){.hero>.cta-row,.hero>.hero-stage,.hero>.kicker,.hero>.lede,.hero>.wrap>*,.hero>h1{animation:hero-load .8s var(--ease) both}.hero .hero-badges{animation-delay:0s}.hero .hero-title,.hero h1{animation-delay:.08s}.hero .hero-sub,.hero .lede{animation-delay:.18s}.hero .hero-promptbar{animation-delay:.28s}.hero .hero-cta{animation-delay:.38s}.hero .demo-frame,.hero .hero-stage{animation-delay:.48s}}@keyframes hero-load{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.demo-frame,.hero-stage{position:relative;width:100%;max-width:1000px;margin:64px auto 0}.demo-frame .frame,.hero-bezel{position:relative;border-radius:var(--bezel);overflow:hidden;background:#000;border:1px solid var(--line);box-shadow:0 2px 8px rgba(22,19,16,.06),0 40px 90px rgba(22,19,16,.14);transition:transform var(--dur) var(--ease-fluid),box-shadow var(--dur) var(--ease-fluid)}.demo-frame .frame:hover,.hero-bezel:hover{transform:translateY(-3px);box-shadow:0 2px 8px rgba(22,19,16,.06),0 48px 110px rgba(22,19,16,.18)}.hero-frame{position:relative;aspect-ratio:16/9;border-radius:var(--bezel);overflow:hidden;background:#000}.demo-frame video,.hero-frame video{width:100%;height:100%;object-fit:cover;display:block}.hero-credit{margin-top:var(--space-md);text-align:center;font-size:13px;letter-spacing:.01em;color:var(--muted-2)}.hl-accent{color:var(--koi)}.frame-chip{position:absolute;bottom:var(--space-sm);left:var(--space-sm);display:inline-flex;gap:var(--space-2xs);align-items:center;font-family:var(--sans);font-size:12px;font-weight:500;color:#fff;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.16);border-radius:var(--radius-pill);padding:7px 14px 7px 12px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--koi);box-shadow:0 0 0 0 var(--amber-ring);animation:pulse-ring 2.4s var(--ease) infinite}.hero-sound{position:absolute;right:var(--space-sm);bottom:var(--space-sm);display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:34px;padding:6px 14px 6px 12px;font-family:var(--sans);font-size:12px;color:#fff;cursor:pointer;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-pill);transition:transform var(--dur) var(--ease-fluid),box-shadow var(--dur) var(--ease-fluid)}.hero-sound:hover{transform:translateY(-1px)}.hero-sound .eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.hero-sound .eq i{width:2px;height:4px;border-radius:2px;background:var(--gold)}@media (prefers-reduced-motion:no-preference){.hero-sound[aria-pressed=true] .eq i{animation:eq-bar .9s var(--ease) infinite}.hero-sound[aria-pressed=true] .eq i:nth-child(2){animation-delay:.15s}.hero-sound[aria-pressed=true] .eq i:nth-child(3){animation-delay:.3s}.hero-sound[aria-pressed=true] .eq i:nth-child(4){animation-delay:.45s}}@keyframes eq-bar{0%,to{height:4px}50%{height:12px}}.hero-frame .pip{display:none}.hero-rail{display:flex;flex-wrap:wrap;gap:var(--space-2xs);justify-content:center;align-items:center;padding-block:var(--space-md);margin-top:var(--space-xs)}.tv-index{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--koi)}.section{padding:112px 0;position:relative}.section.band{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section.tight{padding:80px 0}.section.tight h2{max-width:16ch}.section-head{text-align:center;max-width:720px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--koi);font-size:var(--font-size-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-family:var(--sans);font-weight:600}.eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--grad-koi);flex:none}.section h2,.section-title{font-family:var(--display);font-weight:800;font-size:var(--font-size-h2);line-height:1.05;letter-spacing:var(--tracking-tight);margin:18px 0 12px;text-wrap:balance;color:var(--ink)}.section .sub,.sub{color:var(--ink-2);max-width:640px;font-size:var(--font-size-md);line-height:1.55}.section-head .sub{margin-inline:auto}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-sm);gap:var(--space-sm);margin-top:var(--space-xl)}.step-card{display:flex;flex-direction:column;height:100%}.step-n{font-family:var(--display);font-weight:800;font-size:42px;line-height:1;letter-spacing:-.03em;margin-bottom:var(--space-sm);background:var(--grad-koi);-webkit-background-clip:text;background-clip:text;color:transparent}.grid{display:grid;grid-gap:16px;gap:16px;margin-top:48px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.bezel{position:relative;background:transparent;border:0;border-radius:var(--bezel);padding:0;display:flex}.bezel>.card{height:100%}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-card);width:100%;transition:transform var(--dur) var(--ease-fluid),border-color var(--dur) var(--ease-fluid),box-shadow var(--dur) var(--ease-fluid)}.card:hover{transform:translateY(-4px);border-color:var(--border-2);box-shadow:var(--shadow-float)}.card h3{font-size:19px;font-weight:700;margin-bottom:8px;letter-spacing:-.015em;color:var(--ink)}.card p{color:var(--ink-2);font-size:14.5px;line-height:1.6}.card.featured{border-color:var(--border-amber);box-shadow:0 1px 2px rgba(232,84,43,.06),0 16px 40px rgba(232,84,43,.12)}.card.featured:before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 3px 3px;background:var(--grad-koi)}.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(150px,auto);grid-gap:16px;gap:16px;margin-top:48px}.bento .bezel{display:flex}.b-lg{grid-row:span 2}.b-lg,.b-md{grid-column:span 3}.b-sm{grid-column:span 2}.bento .b-lg .card.featured .mini-frame,.mini-frame{position:relative;aspect-ratio:16/9;margin-top:var(--space-sm);border-radius:var(--radius-lg);overflow:hidden;background:#000;border:1px solid var(--line)}.mini-frame video{width:100%;height:100%;object-fit:cover;display:block}.badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);font-family:var(--sans)}.badge.good{background:var(--verify-soft);color:var(--verify)}.badge.bad{background:var(--red-soft);color:var(--red)}.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:40px}.example-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--dur) var(--ease-fluid),border-color var(--dur) var(--ease-fluid),box-shadow var(--dur) var(--ease-fluid)}.example-card:hover{transform:translateY(-4px);border-color:var(--border-2);box-shadow:var(--shadow-float)}.example-card .thumb,.example-card img,.example-card video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--surface-3)}.example-card .meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px}.example-card .meta .title{font-size:14px;font-weight:600;color:var(--ink)}.example-card .meta .cat{font-size:12px;color:var(--muted-2)}.gate{display:flex;flex-direction:column;gap:var(--space-md)}.gate-pills{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.cta-reversal{margin-top:var(--space-sm);font-size:13px;letter-spacing:.01em;color:var(--muted-2)}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-tile{padding:var(--space-lg) var(--space-md);border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:var(--space-2xs)}.trust-tile:first-child{border-left:0;padding-left:0}.trust-tile .tv-line{font-size:15px;color:var(--ink);line-height:1.4;font-weight:500}code{background:var(--bg-2);padding:1px 6px;border-radius:5px;color:var(--koi-deep)}code,pre{font-family:var(--mono);font-size:13px}pre{position:relative;background:#161310;border:1px solid #2a2620;border-radius:var(--radius-lg);padding:18px 20px;overflow:auto;line-height:1.6;color:#d8d2ca}pre code{background:none;padding:0;color:inherit}.cta-band{position:relative;padding:104px 0;text-align:center;overflow:hidden;background:var(--ink);color:#fff;border-top:1px solid var(--line)}.cta-band:after{inset:0;background:radial-gradient(60% 90% at 50% 120%,rgba(232,84,43,.45),transparent 70%),radial-gradient(50% 80% at 16% 130%,rgba(246,193,74,.35),transparent 72%),radial-gradient(50% 80% at 84% 130%,rgba(240,137,46,.3),transparent 72%)}.cta-band .cta-aurora,.cta-band:after{content:"";position:absolute;z-index:0}.cta-band .cta-aurora{inset:auto 0 -20% 0;height:460px;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(232,84,43,.5),transparent 70%)}.cta-band .wrap{position:relative;z-index:1}.cta-band .section-title,.cta-band h2{font-family:var(--display);font-weight:800;font-size:clamp(40px,6vw,72px);letter-spacing:-.035em;line-height:1;color:#fff}.cta-band .sub,.cta-band p{color:hsla(0,0%,100%,.78);margin:16px auto 30px;max-width:540px;font-size:18px}.cta-band .btn-ghost{background:hsla(0,0%,100%,.08);color:#fff;border-color:hsla(0,0%,100%,.22);box-shadow:none}.cta-band .btn-ghost:hover{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.34)}.cta-band .btn-ghost .btn-ico{background:hsla(0,0%,100%,.16);color:#fff}.cta-band .cta-reversal{color:hsla(0,0%,100%,.6)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 64px}.auth-card{width:100%;max-width:420px}.auth-card .card{padding:var(--space-lg)}.auth-brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:22px}.auth-brand,.auth-h{font-family:var(--display)}.auth-h{font-weight:800;font-size:28px;letter-spacing:-.02em;margin-top:var(--space-md);color:var(--ink)}.auth-sub{color:var(--muted);font-size:14px;margin-top:6px}.auth-label{display:block;font-size:12px;color:var(--muted);margin:var(--space-md) 0 6px;font-weight:500}.auth-input{width:100%;background:var(--bg-2);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius);padding:12px 14px;font-size:14px;font-family:var(--sans)}.auth-input:focus{outline:2px solid var(--amber-ring);outline-offset:1px;border-color:var(--border-amber)}.auth-err{color:var(--color-error);font-size:var(--font-size-sm);min-height:1lh;margin-top:10px}.auth-submit{width:100%;justify-content:center;margin-top:var(--space-xs)}.auth-switch{margin-top:var(--space-md);font-size:13px;color:var(--muted);text-align:center}.auth-switch button{background:none;border:0;color:var(--koi);cursor:pointer;font-size:13px;font-family:var(--sans);font-weight:600}.proj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-sm);gap:var(--space-sm);margin-top:var(--space-xl)}.proj-card .card{transition:transform var(--dur) var(--ease-fluid);padding:0;overflow:hidden}.proj-video{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--color-screen);display:block}.proj-meta{padding:var(--space-sm)}.proj-title{font-size:14px;font-weight:600;color:var(--ink)}@media (max-width:900px){.proj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.proj-grid{grid-template-columns:1fr}}.footer,footer{border-top:1px solid var(--line);padding:64px 0 48px;color:var(--muted);font-size:14px;background:var(--bg-2)}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;grid-gap:32px;gap:32px}.foot-brand .footer-url{font-family:var(--display);font-weight:700;font-size:22px;color:var(--ink);display:flex;align-items:center;gap:10px}.foot-col h4{color:var(--ink);font-size:13px;margin-bottom:12px;font-weight:600}.foot-col a{display:block;color:var(--muted);padding:4px 0;transition:color var(--dur-fast) var(--ease)}.foot-col a:hover{color:var(--koi)}.foot-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:44px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted-2);flex-wrap:wrap;gap:12px}.foot-bottom a{color:var(--muted-2);transition:color var(--dur-fast) var(--ease)}.foot-bottom a:hover{color:var(--koi)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:36px;align-items:stretch}.price-card{display:flex;flex-direction:column}.price{font-size:38px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.price small{font-size:14px;color:var(--muted);font-weight:400}.ul{list-style:none;margin:16px 0;display:flex;flex-direction:column;gap:9px;flex:1 1}.ul li{font-size:14px;color:var(--ink-2);padding-left:24px;position:relative}.ul li:before{content:"";position:absolute;left:0;top:6px;width:12px;height:7px;border-left:2px solid var(--verify);border-bottom:2px solid var(--verify);transform:rotate(-45deg)}.seg{display:inline-flex;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-pill);padding:4px;gap:2px}.seg button{background:none;border:0;color:var(--muted);padding:7px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--sans);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.seg button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.faq{margin-top:56px;max-width:760px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-size:16px;font-weight:500;color:var(--ink);list-style:none;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--koi);font-size:20px}.faq details[open] summary:after{content:"−"}.faq p{color:var(--muted);font-size:14px;margin-top:10px;line-height:1.6}.docs-layout{display:grid;grid-template-columns:200px 1fr;grid-gap:48px;gap:48px;align-items:start}.docs-toc{position:-webkit-sticky;position:sticky;top:96px;display:flex;flex-direction:column;gap:4px}.docs-toc a{color:var(--muted);font-size:13px;padding:6px 10px;border-radius:var(--radius-sm);border-left:2px solid transparent}.docs-toc a:hover{color:var(--ink);background:var(--bg-2)}.docs-body h3{font-size:22px;font-weight:700;margin:36px 0 8px;letter-spacing:-.01em;scroll-margin-top:90px;color:var(--ink)}.callout{background:var(--amber-soft);border:1px solid var(--border-amber);border-radius:var(--radius-lg);padding:16px 18px;margin:20px 0;font-size:14px;color:var(--ink-2)}.callout b{color:var(--koi-deep)}.pre-wrap{position:relative;margin-top:14px}.copy-btn{position:absolute;top:10px;right:10px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.16);color:#cfc8c0;border-radius:var(--radius-sm);padding:5px 10px;font-size:11px;font-family:var(--mono);cursor:pointer;z-index:2}.copy-btn:hover{color:#fff;border-color:hsla(0,0%,100%,.3)}.tok-key{color:#f0892e}.tok-str{color:#8fd47e}.tok-true{color:#46c98c}.tok-com{color:#8a8076;font-style:italic}.tok-punc{color:#b6aea4}.tpl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:32px}.tpl-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-card);transition:transform var(--dur) var(--ease-fluid),border-color var(--dur) var(--ease-fluid),box-shadow var(--dur) var(--ease-fluid)}.tpl-card:hover{transform:translateY(-4px);border-color:var(--border-2);box-shadow:var(--shadow-float)}.tpl-thumb{position:relative;aspect-ratio:16/9}.tpl-media,.tpl-thumb{display:block;background:var(--surface-3)}.tpl-media{object-fit:cover}.tpl-media,.tpl-noimg{width:100%;height:100%}.tpl-noimg{justify-content:center;background:var(--bg-2);color:var(--muted-2);font-size:13px}.tpl-noimg,.tpl-row{display:flex;align-items:center}.tpl-row{padding:13px 15px;justify-content:space-between;gap:10px}.tpl-title{font-size:14px;font-weight:600;color:var(--ink)}.tpl-cat{font-size:12px;color:var(--muted-2)}.tpl-dur{top:8px;right:8px;font-family:var(--mono);font-size:12px;background:rgba(0,0,0,.6);padding:2px 7px;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tpl-dur,.tpl-use{position:absolute;color:#fff}.tpl-use{left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;font-size:13px;font-weight:600;background:linear-gradient(transparent,rgba(0,0,0,.72));opacity:0;transition:opacity var(--dur) var(--ease)}.tpl-use .btn-ico{color:var(--koi)}.tpl-card:focus-visible .tpl-use,.tpl-card:hover .tpl-use{opacity:1}.editor{--bg:#fbf9f6;--bg-2:#fff;--surface:#fff;--surface-2:#f6f2ec;--surface-3:#efe8df;--raised:#fff;--glass:rgba(22,19,16,.03);--border:rgba(22,19,16,.1);--border-2:rgba(22,19,16,.17);--border-amber:rgba(232,84,43,.42);--sheen:rgba(232,84,43,.05);--text:#1a1613;--text-2:#5c534b;--muted:#8c8279;--muted-2:#a99f95;--amber:#e8542b;--amber-bright:#f0892e;--amber-deep:#cf3f1d;--amber-soft:rgba(232,84,43,.1);--amber-ring:rgba(232,84,43,.28);--verify:#18935f;--verify-soft:rgba(24,147,95,.12);--verify-ring:rgba(24,147,95,.34);--red:#d6452a;--red-soft:rgba(214,69,42,.12);--lufs:#4661d0;--lufs-soft:rgba(70,97,208,.12);--green:var(--verify);--color-success:var(--verify);--color-error:var(--red);--color-screen:#0e1417;--grad-amber-fill:linear-gradient(96deg,#e8542b,#f0892e,#f6c14a);--grad-signature:var(--grad-amber-fill);--grad-aurora:radial-gradient(ellipse 80% 60% at 50% -8%,rgba(240,137,46,.08),transparent 60%),radial-gradient(ellipse 55% 48% at 88% 6%,rgba(232,84,43,.05),transparent 62%);--texture-dot:radial-gradient(rgba(22,19,16,.04) 1px,transparent 0);--shadow-card:0 1px 2px rgba(22,19,16,.05),0 6px 20px rgba(22,19,16,.05);--shadow-float:0 1px 2px rgba(22,19,16,.07),0 18px 44px rgba(22,19,16,.13);--shadow-amber:0 8px 26px rgba(232,84,43,.24);--glow-verify:0 0 0 1px var(--verify-ring),0 0 22px rgba(24,147,95,.16);background:var(--bg);color:var(--text);display:flex;flex-direction:column;height:100vh;overflow:hidden}.toolbar{justify-content:space-between;height:52px;padding:0 18px;background:var(--bg-2);border-bottom:1px solid var(--border);flex:none;z-index:10}.tb-left,.toolbar{display:flex;align-items:center}.tb-left{gap:12px;min-width:0}.tb-logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:20px;color:var(--text);text-decoration:none;flex:none}.tb-logo svg{width:20px;height:20px}.tb-div{width:1px;height:22px;background:var(--border);flex:none}.tb-titlewrap{display:inline-flex;align-items:center;gap:6px;min-width:0}.tb-title{background:none;border:1px solid transparent;color:var(--text);font-size:14px;font-weight:600;font-family:var(--sans);letter-spacing:-.01em;border-radius:var(--radius-sm);padding:4px 8px;max-width:200px;min-width:80px}.tb-title:hover{border-color:var(--border)}.tb-title:focus{outline:2px solid var(--amber-ring);outline-offset:1px;border-color:var(--border-amber);background:var(--surface);font-style:italic}.tb-title:focus::placeholder{font-style:normal}.tb-status{color:var(--amber);gap:6px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.gen-pill,.tb-status{font-size:12px;font-family:var(--mono);display:inline-flex;align-items:center}.gen-pill{justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.gen-pill:hover{border-color:var(--border-amber);color:var(--amber)}.tb-right{display:flex;align-items:center;gap:8px}.tb-usage{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tb-account{gap:10px}.tb-account,.tb-icon{display:inline-flex;align-items:center}.tb-icon{justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.tb-icon.on,.tb-icon:hover:not(:disabled):not(.dis){border-color:var(--border-amber);color:var(--amber)}.tb-icon.on{background:var(--amber-soft)}.tb-icon.dis,.tb-icon:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.tb-icon svg{width:15px;height:15px}.tb-icon:focus-visible{outline:2px solid var(--amber-ring);outline-offset:2px}.tb-primary{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius-sm);border:0;background:var(--grad-amber-fill);color:#fff;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:-.005em;cursor:pointer;box-shadow:var(--shadow-amber);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.tb-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px rgba(232,84,43,.3)}.tb-primary:active:not(:disabled){transform:translateY(0) scale(.985)}.tb-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.tb-primary svg{width:15px;height:15px}.tb-primary:focus-visible{outline:2px solid var(--amber-ring);outline-offset:2px}.editor .btn-amber{background:var(--grad-amber-fill);color:#fff;box-shadow:var(--shadow-amber)}.editor .btn-amber .btn-ico{background:hsla(0,0%,100%,.22)}.editor-body{position:relative}.canvas-col,.editor-body{flex:1 1;display:flex;min-height:0}.canvas-col{overflow:auto;background-color:var(--bg);background-image:var(--grad-aurora)}.canvas-stage{margin:auto;max-width:980px;padding:64px 28px 24px;flex-direction:column;align-items:center;gap:16px}.canvas-frame,.canvas-stage{position:relative;width:100%;display:flex}.canvas-frame{max-height:58vh;background:#0c0a09;border:1px solid var(--border-2);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-float)}.canvas-video{width:100%;height:100%;object-fit:contain}.canvas-empty{margin:auto;color:var(--muted);font-size:14px;padding:60px 40px;text-align:center}.koy-canvaspill{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-float);padding:5px 6px;animation:fade-rise var(--dur-enter) 60ms var(--ease-fluid) both}.koy-canvaspill,.koy-canvaspill .grp{display:inline-flex;align-items:center;gap:2px}.koy-canvaspill .grp+.grp{margin-left:4px;padding-left:6px;border-left:1px solid var(--border)}.koy-tool{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 9px;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-2);font:500 13px var(--sans);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-fluid),color var(--dur-fast) var(--ease-fluid),border-color var(--dur-fast) var(--ease-fluid)}.koy-tool svg{width:16px;height:16px}.koy-tool:hover:not(:disabled){background:var(--glass);color:var(--text)}.koy-tool.on{background:var(--amber-soft);color:var(--amber);border-color:var(--border-amber)}.koy-tool:disabled{opacity:.35;cursor:not-allowed}.koy-tool select{all:unset;cursor:pointer;font:500 13px var(--sans);color:inherit}.koy-composer{position:relative;z-index:46;width:100%;max-width:720px;margin:16px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);padding:6px 8px 8px;display:flex;flex-direction:column;gap:8px;animation:fade-rise var(--dur-enter) var(--ease-fluid) both}.koy-composer:focus-within{border-color:var(--border-amber);box-shadow:var(--shadow-float),0 0 0 3px var(--amber-ring)}.cc-modes{display:flex;align-items:center;gap:6px;padding:6px 6px 0;flex-wrap:wrap;row-gap:6px}.cc-modes .spacer{flex:1 1}.suggest-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:var(--radius-pill);padding:7px 13px;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;font-family:var(--sans);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.suggest-chip svg{width:14px;height:14px;flex:none}.suggest-chip.on,.suggest-chip:hover{border-color:var(--border-amber);color:var(--amber)}.suggest-chip.on{background:var(--amber-soft)}.sp-add-chip{border-color:var(--border-amber);color:var(--amber)}.sp-add-chip:hover{background:var(--amber-soft)}.cc-style-pill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font:500 12px var(--sans);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.cc-style-pill:hover{border-color:var(--border-2);color:var(--text)}.cc-style-pill svg{width:14px;height:14px}.cc-input{width:100%;border:0;background:transparent;resize:none;font:400 15px/1.5 var(--sans);color:var(--text);padding:4px 8px;min-height:24px;max-height:96px}.cc-input::placeholder{color:var(--muted-2)}.cc-input:focus{outline:none}.cc-actions{display:flex;align-items:center;gap:8px;padding:0 4px 2px}.cc-actions .spacer{flex:1 1}.cb-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.cb-icon.on,.cb-icon:hover:not(:disabled){border-color:var(--border-amber);color:var(--amber)}.cb-icon.on{background:var(--amber-soft)}.cb-icon:disabled{opacity:.4;cursor:not-allowed}.cb-icon svg{width:15px;height:15px}.koy-send{width:38px;height:38px;flex:none;border:0;border-radius:50%;background:var(--grad-amber-fill);color:#fff;box-shadow:var(--shadow-amber);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--dur-fast) var(--ease-fluid),opacity var(--dur-fast) var(--ease-fluid),box-shadow var(--dur-fast) var(--ease-fluid)}.koy-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px rgba(232,84,43,.3)}.koy-send:active:not(:disabled){transform:scale(.94)}.koy-send:disabled{opacity:.4;box-shadow:none;background:var(--surface-2);color:var(--muted-2);cursor:not-allowed}.koy-send svg{width:16px;height:16px}.koy-transient{max-width:720px;width:100%;margin:0 auto;padding:0 8px;font:450 14px/1.45 var(--sans);color:var(--text);cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;animation:fade-rise var(--dur) var(--ease-fluid) both}.koy-transient:hover{color:var(--amber)}.koy-drawer-scrim{position:fixed;inset:0;z-index:40;background:rgba(22,19,16,.18);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--dur) var(--ease-fluid);pointer-events:none}.koy-drawer-scrim.open{opacity:1;pointer-events:auto}.koy-drawer{position:fixed;top:0;left:0;bottom:0;width:360px;z-index:45;background:var(--bg-2);border-right:1px solid var(--border);box-shadow:var(--shadow-float);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform var(--dur) var(--ease-fluid)}.koy-drawer.open{transform:translateX(0)}.tabs{display:flex;border-bottom:1px solid var(--border);flex:none}.tabs button{flex:1 1;background:none;color:var(--muted);padding:13px;font-size:14px;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:color var(--dur-fast) var(--ease)}.tabs button.on{color:var(--text);border-bottom-color:var(--amber)}.thread{flex:1 1;overflow-y:auto;padding:20px;flex-direction:column;gap:14px}.msg,.thread{display:flex}.msg.user{justify-content:flex-end}.msg-bubble{max-width:84%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.msg.user .msg-bubble{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-bottom-right-radius:4px}.msg.assistant .msg-bubble{max-width:100%;background:transparent;border:0;padding:2px 0;color:var(--text)}.changed{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chg{font-size:11px;padding:2px 8px;border-radius:var(--radius-xs)}.chg,.sel-chip{font-family:var(--mono);background:var(--amber-soft);color:var(--amber)}.sel-chip{margin:0 20px;padding:7px 12px;border:1px solid var(--border-amber);border-radius:var(--radius-sm);font-size:13px;display:flex;justify-content:space-between;align-items:center}.sel-chip button{background:none;border:none;color:var(--amber);cursor:pointer;display:inline-flex}.assets{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px}.asset-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-family:var(--mono);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);padding:4px 9px;color:var(--text-2)}.asset-chip img{width:16px;height:16px;border-radius:3px;object-fit:cover}.asset-chip svg{width:13px;height:13px;color:var(--muted)}.imggen{display:flex;gap:8px;padding:8px 20px 0}.imggen-input{flex:1 1;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;font-family:var(--sans)}.imggen-input:focus{outline:2px solid var(--amber-ring);outline-offset:1px;border-color:var(--border-amber)}.imggen-go{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:var(--radius-sm);padding:9px 13px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sans);white-space:nowrap;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.imggen-go:hover:not(:disabled){border-color:var(--border-amber);color:var(--amber)}.imggen-go:disabled{opacity:.45;cursor:not-allowed}.imggen-go svg{width:15px;height:15px}.history{overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.hist-item{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;text-align:left;color:var(--text);transition:border-color var(--dur-fast) var(--ease)}.hist-item:hover{border-color:var(--border-2)}.hist-n{font-family:var(--mono);font-size:12px;color:var(--amber)}.hist-l{flex:1 1;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waveform{display:flex;align-items:center;gap:2px;width:100%;height:44px;padding:0 4px;position:relative;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--radius-sm)}.waveform:focus-visible{outline:2px solid var(--amber-ring);outline-offset:4px}.waveform span{flex:1 1;border-radius:2px;min-height:4px;background:var(--amber-deep);opacity:.26;transition:opacity var(--dur-fast) var(--ease);pointer-events:none}.waveform span.on{opacity:1}.waveform:hover span{opacity:.42}.waveform:hover span.on{opacity:1}.waveform .cursor{position:absolute;top:0;bottom:0;width:2px;background:var(--text);box-shadow:0 0 8px var(--text);pointer-events:none;transition:left 80ms linear}.waveform.seeking .cursor{transition:none}.waveform .cursor:after{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:var(--text);box-shadow:0 1px 6px rgba(0,0,0,.35)}.verified-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-card)}.verified-card.ok{border-color:var(--verify-ring);box-shadow:var(--glow-verify)}.vh{display:flex;align-items:center;gap:10px}.vh .vt{font-weight:600;font-size:15px;color:var(--text)}.vh .vt.ok{color:var(--verify)}.vstats{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.vspacer{flex:1 1}.fb{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 9px;cursor:pointer;color:var(--muted);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.fb:hover{color:var(--text)}.fb.on{border-color:var(--border-amber);background:var(--amber-soft);color:var(--amber)}.fb svg{width:15px;height:15px}.editor .pill{border:1px solid var(--border);background:var(--surface-2);font-family:var(--mono);color:var(--text-2)}.editor .pill.ok{border-color:var(--verify-ring);color:var(--verify);background:transparent}.editor .pill.amber{border-color:var(--border-amber);color:var(--amber);background:transparent}.editor .pill.lufs{border-color:rgba(106,168,255,.4);color:var(--lufs);background:transparent}.steps{display:flex;gap:8px;justify-content:center;margin-top:16px}.step{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-family:var(--mono);color:var(--muted-2)}.step.on{color:var(--amber)}.step.done{color:var(--verify)}.step .sd{width:7px;height:7px;border-radius:50%;background:currentColor}.overlay{inset:0}.hot,.overlay{position:absolute}.hot{transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--amber);background:oklch(.72 .18 48/.22);cursor:pointer;font-family:var(--mono);font-size:11px;color:var(--amber);font-weight:700}.hot.sel{background:var(--amber);color:#000;animation:pulse-ring 1.6s var(--ease) infinite}.hot-label{position:absolute;left:28px;top:50%;transform:translateY(-50%);background:#000;border:1px solid var(--border-amber);color:var(--amber);font-size:11px;font-family:var(--mono);padding:2px 7px;border-radius:5px;white-space:nowrap}.koy-feels-popover{position:absolute;top:58px;left:50%;transform:translateX(-50%);z-index:6;width:max-content;max-width:min(720px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);padding:8px;animation:fade-rise .28s var(--ease-fluid) both}.feel-strip{display:flex;gap:10px;overflow-x:auto;flex:1 1;padding:2px 2px 6px;scrollbar-width:thin}.feel-card{flex:none;width:158px;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;padding:0;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.feel-card:hover{border-color:var(--border-amber);transform:translateY(-2px)}.feel-card:disabled{opacity:.5;cursor:default}.feel-thumb{position:relative;width:100%;aspect-ratio:16/9;display:block;overflow:hidden}.feel-media{object-fit:cover}.feel-fallback,.feel-media{width:100%;height:100%;display:block}.feel-meta{padding:8px 10px 9px}.feel-label{display:block;font-size:13px;font-weight:600;color:var(--text)}.feel-tag{display:block;font-size:11px;color:var(--text-2);margin-top:2px}.feel-dots{position:absolute;left:8px;bottom:8px;display:flex;gap:4px}.feel-dots .sw{width:10px;height:10px;border-radius:50%;border:1px solid hsla(0,0%,100%,.3)}.feel-card.locked .feel-fallback,.feel-card.locked .feel-media{opacity:.38}.feel-lock{position:absolute;top:6px;right:6px;font-size:10px;font-weight:600;color:var(--amber);background:rgba(0,0,0,.55);border:1px solid var(--border-amber);padding:2px 6px;border-radius:var(--radius-pill)}.spin{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--amber);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.canvas-col .sh,.koy-drawer .sh{color:var(--text)}@media (max-width:768px){.toolbar{height:48px;padding:0 12px}.tb-right .gen-pill,.tb-right .tb-icon,.tb-right .tb-usage{display:none}.canvas-stage{padding:52px 12px 0;max-width:100%}.canvas-frame{max-height:42vh}.koy-canvaspill{left:0;right:0;transform:none;margin:0 8px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none}.koy-canvaspill::-webkit-scrollbar{display:none}.koy-tool{padding:0 7px}.koy-composer{position:-webkit-sticky;position:sticky;z-index:8;margin:12px 0 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px rgba(22,19,16,.08)}.koy-composer,.koy-drawer{bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.koy-drawer{width:100%;border-right:0;top:auto;max-height:85vh;transform:translateY(100%)}.koy-drawer.open{transform:translateY(0)}.verified-card{padding:10px 14px}.vstats{gap:6px}.koy-transient{-webkit-line-clamp:1;font-size:13px;padding:0 12px}}@media (max-width:375px){.suggest-chip .chip-label{display:none}.suggest-chip{padding:7px 9px}.koy-tool span:not(svg){display:none}.cc-actions{gap:4px}.cb-icon{width:32px;height:32px}.koy-composer{padding:4px 6px 6px}}@media (max-width:320px){.toolbar{padding:0 8px;gap:8px}.tb-title{max-width:120px;font-size:13px}.koy-canvaspill{margin:0 4px}.canvas-frame{max-height:38vh}}@media (hover:none),(pointer:coarse){.feel-card:hover,.koy-send:hover,.koy-tool:hover,.tb-primary:hover{transform:none}.koy-send,.tb-primary{min-height:44px;min-width:44px}.koy-tool{min-height:44px}}.studio-grid{grid-template-columns:380px 1fr;grid-gap:24px;gap:24px}.studio-grid,.ws-grid{display:grid;align-items:start}.ws-grid{grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:minmax(220px,280px) 1fr}.tp-scrim{position:fixed;inset:0;z-index:80;background:oklch(0 0 0/.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:32px}.tp-modal{width:100%;max-width:1040px;max-height:84vh;display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);overflow:hidden}.tp-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.tp-title{font-family:var(--display);font-weight:700;font-size:18px;color:var(--text)}.tp-sub{color:var(--muted);font-size:13px;margin-top:2px}.tp-tabs{display:inline-flex;gap:6px;margin-left:auto}.tp-body{padding:20px;overflow:auto}.tp-body .tpl-grid{margin-top:0}.tp-body .tpl-card{background:var(--surface);border-color:var(--border)}.tp-body .tpl-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-float)}.tp-body .tpl-noimg,.tp-body .tpl-thumb{background:var(--surface-3);color:var(--muted-2)}.tp-body .tpl-title{color:var(--text)}.tp-body .tpl-cat{color:var(--muted-2)}.tp-empty,.tp-loading{padding:48px 24px;text-align:center;color:var(--muted);font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}@media (max-width:720px){.tp-scrim{padding:16px}.tp-body .tpl-grid{grid-template-columns:1fr}}.sp-modal{max-width:680px}.sp-body{display:flex;flex-direction:column;gap:0;padding:0}.sp-list{overflow-y:auto;max-height:56vh;padding:12px 20px 20px}.sp-row.locked{cursor:default}.sp-add-form{padding:16px 20px}.koi-pond{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.92}@media (max-width:720px){.koi-pond>.koi:nth-child(n+5){display:none}.koi-caustics{opacity:.2}}.koi-caustics{inset:-25%;mix-blend-mode:multiply;opacity:.35;background:radial-gradient(38% 30% at 28% 26%,rgba(246,193,74,.05),transparent 60%),radial-gradient(42% 34% at 72% 58%,rgba(240,137,46,.04),transparent 62%),radial-gradient(30% 26% at 54% 84%,rgba(232,84,43,.04),transparent 64%);animation:caustic-drift 28s var(--ease) infinite alternate}.koi,.koi-caustics{position:absolute;will-change:transform}.koi{top:0;left:0;width:152px;opacity:var(--op,.3);filter:blur(var(--blur,0)) drop-shadow(0 2px 7px rgba(20,20,30,.18));animation-name:var(--drift);animation-duration:var(--dur,52s);animation-timing-function:var(--ease);animation-iteration-count:infinite;animation-fill-mode:both;animation-direction:var(--dir,normal)}.koi-inner{transform:scale(var(--scale,1)) scaleX(var(--flip,1));transform-origin:center}.koi svg{display:block;width:100%;height:auto;overflow:visible}.koi-tail{transform-origin:100% 50%;animation:koi-tail var(--tail,2.4s) ease-in-out infinite}.koi-fin-t,.koi-tail{transform-box:fill-box}.koi-fin-t{transform-origin:92% 100%;animation:koi-fin var(--tail,2.4s) ease-in-out infinite}.koi-fin-b{transform-box:fill-box;transform-origin:92% 0;animation:koi-fin var(--tail,2.4s) ease-in-out infinite reverse}@keyframes koi-tail{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes koi-fin{0%,to{transform:rotate(-5deg)}50%{transform:rotate(7deg)}}@keyframes caustic-drift{to{transform:translate3d(3%,2%,0) scale(1.06)}}@keyframes koi-drift-a{0%{transform:translate(-12vw,13vh) rotate(4deg)}30%{transform:translate(30vw,7vh) rotate(-3deg)}55%{transform:translate(66vw,16vh) rotate(6deg)}80%{transform:translate(40vw,27vh) rotate(13deg)}to{transform:translate(-12vw,13vh) rotate(4deg)}}@keyframes koi-drift-b{0%{transform:translate(82vw,42vh) rotate(-6deg)}32%{transform:translate(46vw,31vh) rotate(4deg)}64%{transform:translate(9vw,46vh) rotate(-4deg)}to{transform:translate(82vw,42vh) rotate(-6deg)}}@keyframes koi-drift-c{0%{transform:translate(-14vw,72vh) rotate(-4deg)}35%{transform:translate(34vw,80vh) rotate(3deg)}66%{transform:translate(72vw,64vh) rotate(9deg)}to{transform:translate(-14vw,72vh) rotate(-4deg)}}@keyframes koi-drift-d{0%{transform:translate(20vw,30vh) rotate(0deg)}25%{transform:translate(55vw,21vh) rotate(8deg)}50%{transform:translate(71vw,53vh) rotate(2deg)}75%{transform:translate(34vw,59vh) rotate(-9deg)}to{transform:translate(20vw,30vh) rotate(0deg)}}@keyframes koi-drift-e{0%{transform:translate(80vw,9vh) rotate(8deg)}40%{transform:translate(41vw,37vh) rotate(-2deg)}72%{transform:translate(7vw,19vh) rotate(-11deg)}to{transform:translate(80vw,9vh) rotate(8deg)}}.koi-body{fill:var(--koi-white)}.koi-patch-a{fill:var(--koi-red)}.koi-patch-b{fill:var(--koi-orange)}.koi-sumi{fill:var(--koi-sumi);opacity:.6}.koi-fin{fill:var(--koi-fin)}.koi-whisker{stroke:var(--koi-fin);stroke-width:1.4;fill:none;stroke-linecap:round}.koi[data-v=ogon] .koi-body{fill:var(--koi-orange)}.koi[data-v=gold] .koi-body{fill:var(--koi-gold)}.koi[data-v=platinum] .koi-body{fill:var(--koi-platinum)}.cinema-wash,.koi[data-v=gold] .koi-patch-a,.koi[data-v=gold] .koi-sumi,.koi[data-v=kohaku] .koi-patch-b,.koi[data-v=kohaku] .koi-sumi,.koi[data-v=korin] .koi-patch-a,.koi[data-v=ogon] .koi-patch-a,.koi[data-v=ogon] .koi-patch-b,.koi[data-v=ogon] .koi-sumi,.koi[data-v=platinum] .koi-patch-a,.koi[data-v=platinum] .koi-sumi,.vignette{display:none}@keyframes glow-spin{to{--glow-angle:360deg}}@keyframes word-in{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}@keyframes mesh-drift{to{transform:translate3d(3%,2%,0) scale(1.08);opacity:.8}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--amber-ring)}70%{box-shadow:0 0 0 7px rgba(232,84,43,0)}to{box-shadow:0 0 0 0 rgba(232,84,43,0)}}@keyframes fade-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:fade-rise linear both;animation-timeline:view();animation-range:entry 2% cover 40%}.reveal,.reveal-stagger>*{will-change:transform,opacity}.reveal-stagger>*{animation:fade-rise linear both;animation-timeline:view();animation-range:entry 0 cover 46%}.reveal-stagger>:nth-child(2){animation-range:entry 4% cover 50%}.reveal-stagger>:nth-child(3){animation-range:entry 8% cover 54%}.reveal-stagger>:nth-child(n+4){animation-range:entry 12% cover 58%}}}@media (hover:none),(pointer:coarse){.btn-amber:hover,.btn-dark:hover,.btn-ghost:hover,.btn-grad:hover,.card:hover,.demo-frame .frame:hover,.example-card:hover,.hero-bezel:hover,.hero-promptbar .pb-submit:hover,.tpl-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.hero:before{animation:none}}@media (max-width:900px){.bento,.g2,.g3,.steps-grid,.studio-grid{grid-template-columns:1fr}.bento .b-lg,.bento .b-md,.bento .b-sm{grid-column:auto;grid-row:auto}.explore-grid,.tpl-grid,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-tile:nth-child(-n+2){border-bottom:1px solid var(--line)}.trust-tile:nth-child(odd){border-left:0;padding-left:0}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-grid{grid-template-columns:1fr 1fr;gap:28px}.docs-layout{grid-template-columns:1fr}.docs-toc{display:none}.hero-sound{min-width:44px;min-height:44px}.section{padding:88px 0}}@media (max-width:720px){.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:64px;right:16px;flex-direction:column;align-items:stretch;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-float)}.nav-links.open a.active:after{display:none}.nav-burger{display:inline-flex;margin-left:auto}.ws-grid{grid-template-columns:1fr}.hero{padding:124px 0 48px}.hero-promptbar{max-width:100%}}@media (max-width:600px){.explore-grid,.foot-grid,.pricing-grid,.tpl-grid{grid-template-columns:1fr}}.legal-body{color:var(--muted-1,#4a463f)}.legal-body h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:19px;color:var(--ink);margin:30px 0 8px}.legal-body p{line-height:1.72;margin:0 0 14px}.legal-body a{color:var(--amber);text-decoration:underline;text-underline-offset:2px}.nav-signout{background:none;border:none;cursor:pointer;color:var(--muted);font:inherit;font-size:14px;padding:4px 2px;transition:color var(--dur-fast) var(--ease)}.nav-signout:hover{color:var(--koi)}.sp-search{flex:1 1;min-width:0;max-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;font-size:13px;color:var(--text);font-family:var(--sans);outline:none}.sp-search:focus{border-color:var(--border-amber);outline:2px solid var(--amber-ring);outline-offset:1px}.sp-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;width:100%;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.sp-row:hover{background:var(--surface-2);border-color:var(--border)}.sp-row.on{background:var(--amber-soft);border-color:var(--border-amber)}.sp-row.locked{opacity:.55}.sp-thumb{position:relative;flex:none;width:68px;height:42px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-3)}.sp-thumb-media{object-fit:cover}.sp-thumb-media,.sp-thumb-swatch{width:100%;height:100%;display:block}.sp-thumb-dots{position:absolute;left:5px;bottom:5px;display:flex;gap:3px}.sp-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.sp-label{font-size:13px;font-weight:600;color:var(--text)}.sp-desc,.sp-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-desc{font-size:12px;color:var(--text-2)}.sp-check{flex:none;color:var(--amber);display:inline-flex}.sp-add-form{padding:16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.sp-add-title{font-weight:600}.sp-add-title,.sp-input{font-size:13px;color:var(--text)}.sp-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-family:var(--sans);outline:none;width:100%;box-sizing:border-box}.sp-input:focus{border-color:var(--border-amber);outline:2px solid var(--amber-ring);outline-offset:1px}.sp-textarea{resize:vertical;line-height:1.5}.sp-err{font-size:12px;color:var(--red)}.sp-modal-two{max-width:1040px}.sp-head{flex-wrap:wrap}.sp-head-titles{margin-right:auto}.sp-head-controls{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.sp-two{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:0;flex:1 1;overflow:hidden}.sp-left{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--border);background:var(--surface-2)}.sp-search-wrap{position:relative;padding:14px 16px 6px}.sp-search-ico{position:absolute;left:28px;top:50%;transform:translateY(-20%);color:var(--muted);pointer-events:none}.sp-search-ico,.sp-search-ico svg{width:16px;height:16px}.sp-search-full{width:100%;max-width:none;padding-left:34px;box-sizing:border-box}.sp-list{display:flex;flex-direction:column;gap:2px}.sp-list-two{flex:1 1;min-height:0;overflow-y:auto;padding:6px 12px 14px;max-height:none}.sp-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:44px 16px}.sp-preview{min-width:0;display:flex;background:var(--bg)}.sp-preview-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:22px 24px 26px}.sp-preview-head{margin-bottom:16px}.sp-eyebrow{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sp-preview-title{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.12;letter-spacing:-.01em;color:var(--text);margin-top:6px}.sp-preview-desc{font-size:13px;line-height:1.6;color:var(--text-2);margin-top:8px;max-width:62ch}.sp-pv-swatches{display:inline-flex;gap:7px;align-items:center;margin-top:14px}.sp-pv-swatch{width:22px;height:22px;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4)}.sp-preview-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:18px}.sp-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.sp-card-pad{padding:16px}.sp-card-hero{grid-column:1/-1;aspect-ratio:16/9;background:var(--surface-3)}.sp-card-media{width:100%;height:100%;object-fit:cover;display:block}.sp-card-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sp-card-fallback-label{font-family:var(--display);font-weight:700;font-size:24px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.4);padding:0 16px;text-align:center}.sp-card-h{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.sp-palette{display:flex;flex-direction:column;gap:9px}.sp-palette-chip{display:flex;align-items:center;gap:10px}.sp-palette-dot{width:22px;height:22px;border-radius:var(--radius-sm);border:1px solid var(--border-2);flex:none}.sp-palette-hex{font-family:var(--mono);font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.02em}.sp-card-apply{display:flex;flex-direction:column}.sp-apply-note{font-size:12px;line-height:1.55;color:var(--text-2);margin:0 0 14px}.sp-apply-btn{width:100%;justify-content:center;margin-top:auto}.sp-apply-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.sp-apply-btn svg{width:15px;height:15px}.sp-preview-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:48px 32px}.sp-empty-ico{color:var(--muted-2);display:inline-flex}.sp-empty-ico svg{width:100%;height:100%}.sp-empty-title{font-size:14px;font-weight:600;color:var(--text-2)}.sp-empty-sub{font-size:12px;color:var(--muted);max-width:34ch}@media (max-width:760px){.sp-modal-two{max-width:100%;max-height:92vh}.sp-two{grid-template-columns:1fr}.sp-left{border-right:none;border-bottom:1px solid var(--border);max-height:38vh}.sp-list-two{max-height:none}.sp-preview-grid{grid-template-columns:1fr}.sp-head-controls{width:100%}.sp-head-titles{margin-bottom:6px}.sp-preview-scroll{padding:18px 16px 22px}.sp-preview-title{font-size:21px}}@media (max-width:480px){.tp-head.sp-head{row-gap:8px}.tp-tabs{width:100%}.sp-head-controls{gap:6px}.sp-preview-title{font-size:19px}}.tp-modal.rm-modal{max-width:880px}.rm-head-tip{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.rm-head-tip svg{width:14px;height:14px;flex:none;color:var(--text-2)}.rm-head-spacer{flex:1 1}.rm-use{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius-sm);border:0;background:var(--grad-amber-fill);color:#fff;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:-.005em;cursor:pointer;box-shadow:var(--shadow-amber);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.rm-use:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px rgba(232,84,43,.3)}.rm-use:active:not(:disabled){transform:translateY(0) scale(.985)}.rm-use:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.rm-use svg{width:15px;height:15px}.rm-use:focus-visible{outline:2px solid var(--amber-ring);outline-offset:2px}.rm-body{display:grid;grid-template-columns:1fr 260px;grid-gap:var(--space-md);gap:var(--space-md);padding:var(--space-md);overflow:auto}.rm-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:248px;padding:var(--space-lg) var(--space-md);text-align:center;border:1.5px dashed var(--border-2);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;outline:none;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.rm-drop:hover{border-color:var(--border-amber)}.rm-drop:focus-visible{border-color:var(--border-amber);outline:2px solid var(--amber-ring);outline-offset:2px}.rm-drop.drag{border-color:var(--amber);border-style:solid}.rm-drop-ico,.rm-drop.drag{background:var(--amber-soft)}.rm-drop-ico{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--amber)}.rm-drop-ico svg{width:24px;height:24px}.rm-drop-title{font-size:15px;color:var(--text);font-weight:500}.rm-drop-title b{color:var(--amber);font-weight:600}.rm-or{display:flex;align-items:center;gap:10px;width:150px;color:var(--muted-2);font-size:12px}.rm-or:after,.rm-or:before{content:"";flex:1 1;height:1px;background:var(--border)}.rm-keys{gap:6px;font-size:12px}.rm-key,.rm-keys{display:inline-flex;align-items:center;color:var(--text-2)}.rm-key{font-family:var(--mono);font-size:11px;background:var(--surface-2);border:solid var(--border);border-width:1px 1px 2px;border-radius:var(--radius-xs);padding:2px 8px}.rm-keys-sep{color:var(--muted-2)}.rm-hint{font-size:12px;color:var(--muted);line-height:1.5}.rm-err{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-size:12px;line-height:1.4}.rm-err svg{width:14px;height:14px;flex:none}.rm-rail{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.rm-rail-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.rm-rail-head span{font-size:12px;font-weight:600;color:var(--text-2)}.rm-clear{background:none;border:0;cursor:pointer;font-family:var(--sans);font-size:12px;color:var(--muted);padding:0}.rm-clear:hover{color:var(--red)}.rm-thumbs{flex:1 1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;align-content:start}.rm-thumb{position:relative;aspect-ratio:1/1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.rm-thumb img{width:100%;height:100%;object-fit:cover;display:block}.rm-thumb-n{left:5px;min-width:18px;height:18px;padding:0 5px;font-family:var(--mono);font-size:11px;font-weight:600;background:var(--amber);border-radius:var(--radius-pill)}.rm-thumb-n,.rm-thumb-x{position:absolute;top:5px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.rm-thumb-x{right:5px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(22,19,16,.58);cursor:pointer}.rm-thumb-x svg{width:12px;height:12px}.rm-thumb-busy{position:absolute;inset:0;background:hsla(0,0%,100%,.55)}.rm-empty,.rm-thumb-busy{display:flex;align-items:center;justify-content:center}.rm-empty{flex:1 1;flex-direction:column;gap:8px;padding:20px;min-height:160px;text-align:center;color:var(--muted-2)}.rm-empty svg{width:28px;height:28px;opacity:.8}.rm-empty span{font-size:12px;line-height:1.5}@media (max-width:720px){.rm-body{grid-template-columns:1fr;gap:var(--space-sm)}.rm-rail{order:2}.rm-thumbs{grid-template-columns:repeat(3,1fr);max-height:172px}.rm-drop{min-height:200px;padding:var(--space-md)}.rm-head-tip{display:none}}@media (max-width:380px){.rm-thumbs{grid-template-columns:repeat(2,1fr)}.rm-keys{flex-wrap:wrap;justify-content:center}}.vr-modal{max-width:560px}.vr-body{gap:var(--space-sm)}.vr-body,.vr-drop{display:flex;flex-direction:column}.vr-drop{border:1.5px dashed var(--border-2);border-radius:var(--radius);background:var(--surface);padding:var(--space-lg) var(--space-md);align-items:center;gap:var(--space-2xs);text-align:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.vr-drop:focus-visible,.vr-drop:hover{border-color:var(--border-amber);background:var(--amber-soft);outline:none}.vr-drop.drag{border-color:var(--amber)}.vr-drop-ico,.vr-drop.drag{background:var(--amber-soft)}.vr-drop-ico{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;color:var(--amber)}.vr-drop-ico svg{width:22px;height:22px}.vr-drop-title{font-size:15px;color:var(--text);margin:0}.vr-link{color:var(--amber);font-weight:600}.vr-drop-meta{font-size:12px;color:var(--muted);margin:0;font-family:var(--mono)}.vr-staged{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.vr-staged-video{display:block;width:100%;max-height:280px;object-fit:contain;background:var(--color-screen)}.vr-staged-meta{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--border)}.vr-staged-ico{color:var(--muted);display:inline-flex;flex:none}.vr-staged-ico svg{width:16px;height:16px}.vr-staged-text{display:flex;flex-direction:column;min-width:0;flex:1 1}.vr-staged-name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vr-staged-sub{font-size:11px;color:var(--muted);font-family:var(--mono);margin-top:2px}.vr-error{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--red);background:var(--red-soft);border:1px solid var(--red-soft);border-radius:var(--radius-sm);padding:9px 12px}.vr-error-ico{display:inline-flex;flex:none;color:var(--red)}.vr-error-ico svg{width:16px;height:16px}.vr-or{display:flex;align-items:center;gap:12px;color:var(--muted-2);font-size:12px}.vr-or:after,.vr-or:before{content:"";height:1px;flex:1 1;background:var(--border)}.vr-url{display:flex;flex-direction:column;gap:8px}.vr-url.soon{opacity:.72}.vr-url-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.vr-url-ico{color:var(--muted);display:inline-flex;align-self:center}.vr-url-ico svg{width:18px;height:18px}.vr-url-input{flex:1 1;min-width:180px;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;font-family:var(--sans)}.vr-url-input:focus{outline:2px solid var(--amber-ring);outline-offset:1px;border-color:var(--border-amber)}.vr-trim{display:flex;flex-direction:column;gap:4px}.vr-trim>span{font-size:11px;color:var(--muted)}.vr-trim-input{width:78px;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:9px 10px;font-size:13px;font-family:var(--mono);text-align:center}.vr-trim-input:focus{outline:2px solid var(--amber-ring);outline-offset:1px;border-color:var(--border-amber)}.vr-trim-input:disabled,.vr-url-input:disabled{background:var(--surface-2);cursor:not-allowed}.vr-url-hint{font-size:12px;color:var(--red);font-family:var(--mono)}.vr-soon{font-size:12px;color:var(--muted)}.vr-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-2)}.vr-cancel{background:none;border:1px solid var(--border);color:var(--text-2);border-radius:var(--radius-sm);padding:8px 16px;font-size:13px;cursor:pointer;font-family:var(--sans);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.vr-cancel:hover:not(:disabled){border-color:var(--border-2);color:var(--text)}.vr-cancel:disabled{opacity:.5;cursor:not-allowed}.vr-attach{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;font-size:13px}.vr-attach svg{width:15px;height:15px}.vr-attach:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:540px){.vr-modal{max-width:100%}.vr-url-row{flex-direction:column;align-items:stretch}.vr-url-ico{display:none}.vr-trim{flex-direction:row;align-items:center;justify-content:space-between}.vr-trim-input{width:96px}.vr-foot{flex-direction:column-reverse}.vr-attach,.vr-cancel{width:100%;justify-content:center}}.pp-overlay{position:absolute;inset:0;z-index:4}.pp-overlay[data-picking=false]:before{content:"";inset:0;background:rgba(12,10,9,.3);pointer-events:none}.pp-overlay[data-picking=false]:before,.pp-pick{position:absolute;animation:fade-rise var(--dur) var(--ease-fluid) both}.pp-pick{display:block;padding:0;margin:0;border:1.5px dashed var(--amber);background:var(--amber-soft);border-radius:var(--radius-sm);cursor:pointer;z-index:6;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.pp-pick:focus-visible,.pp-pick:hover{border-style:solid;border-color:var(--amber);background:var(--amber-soft);box-shadow:0 0 0 3px var(--amber-ring),var(--shadow-card);outline:none}.pp-pick-num{position:absolute;top:-11px;left:-11px;width:22px;height:22px;border-radius:50%;background:var(--grad-amber-fill);color:#fff;font:700 12px/22px var(--sans);text-align:center;box-shadow:var(--shadow-amber)}.pp-pick-label{position:absolute;left:0;bottom:-24px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 11px/1 var(--sans);color:var(--text);background:var(--surface);border:1px solid var(--border);padding:4px 7px;border-radius:var(--radius-xs);box-shadow:var(--shadow-card);pointer-events:none;opacity:0;transform:translateY(-3px);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.pp-pick:focus-visible .pp-pick-label,.pp-pick:hover .pp-pick-label{opacity:1;transform:none}.pp-rig{border:1.5px solid var(--amber);background:var(--amber-soft);pointer-events:none;z-index:5;animation:pp-sel-in .22s var(--ease-fluid) both}.pp-box,.pp-rig{position:absolute;border-radius:var(--radius-xs)}.pp-box{inset:0}@keyframes pp-sel-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.pp-handle{position:absolute;width:11px;height:11px;background:#fff;border:1.5px solid var(--amber);border-radius:50%;box-shadow:var(--shadow-card)}.pp-handle.h-nw{left:0}.pp-handle.h-n,.pp-handle.h-nw{top:0;transform:translate(-50%,-50%)}.pp-handle.h-n{left:50%}.pp-handle.h-ne{top:0}.pp-handle.h-e,.pp-handle.h-ne{left:100%;transform:translate(-50%,-50%)}.pp-handle.h-e{top:50%}.pp-handle.h-se{left:100%}.pp-handle.h-s,.pp-handle.h-se{top:100%;transform:translate(-50%,-50%)}.pp-handle.h-s{left:50%}.pp-handle.h-sw{top:100%}.pp-handle.h-sw,.pp-handle.h-w{left:0;transform:translate(-50%,-50%)}.pp-handle.h-w{top:50%}.pp-center{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:2px solid var(--amber);border-radius:50%;background:var(--amber-soft);box-shadow:0 0 0 0 var(--amber-ring);animation:pulse-ring 1.6s var(--ease) infinite}.pp-card{position:absolute;width:60%;min-width:240px;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);padding:10px 12px;display:flex;flex-direction:column;gap:8px;pointer-events:auto;z-index:7;animation:fade-rise var(--dur) var(--ease-fluid) both}.pp-card:focus-within{border-color:var(--border-amber);box-shadow:var(--shadow-float),0 0 0 3px var(--amber-ring)}.pp-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pp-scope{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:12px;color:var(--text-2)}.pp-scope svg{width:13px;height:13px;flex:none;color:var(--amber)}.pp-scope b{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-deselect{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border:0;background:transparent;color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.pp-deselect:hover{background:var(--glass);color:var(--text)}.pp-deselect svg{width:15px;height:15px}.pp-card-row{display:flex;align-items:flex-end;gap:8px}.pp-input{flex:1 1;min-width:0;border:0;background:transparent;resize:none;font:400 14px/1.45 var(--sans);color:var(--text);padding:4px 2px;min-height:22px;max-height:88px;overflow-y:auto}.pp-input::placeholder{color:var(--muted-2)}.pp-input:focus{outline:none}.pp-send{flex:none;width:38px;height:38px;border:0;border-radius:50%;background:var(--grad-amber-fill);color:#fff;box-shadow:var(--shadow-amber);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--dur-fast) var(--ease-fluid),box-shadow var(--dur-fast) var(--ease-fluid)}.pp-send:hover:not(:disabled){transform:translateY(-1px)}.pp-send:active:not(:disabled){transform:scale(.94)}.pp-send:disabled{opacity:.4;background:var(--surface-2);color:var(--muted-2);box-shadow:none;cursor:not-allowed}.pp-send svg{width:16px;height:16px}.pp-playbar{display:flex;align-items:center;gap:14px;width:100%;max-width:560px;margin:0 auto;padding:4px 6px}.pp-time{font:500 13px var(--mono);color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:none;min-width:56px}.pp-time.muted{color:var(--muted);text-align:right}.pp-spacer{flex:1 1}.pp-play{width:48px;height:48px;flex:none;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-card);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur-fast) var(--ease-fluid),border-color var(--dur-fast) var(--ease-fluid),box-shadow var(--dur-fast) var(--ease-fluid)}.pp-play:hover{transform:translateY(-1px);border-color:var(--border-2);box-shadow:var(--shadow-float)}.pp-play svg{width:18px;height:18px}.pp-fs{width:34px;height:34px;flex:none;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.pp-fs:hover{color:var(--text);background:var(--glass)}.pp-fs svg{width:16px;height:16px}@media (max-width:640px){.pp-card{width:86%;min-width:0;max-width:none}.pp-handle{width:13px;height:13px}.hot{width:30px;height:30px}.pp-playbar{gap:8px;padding:4px 2px}.pp-time{min-width:46px;font-size:12px}.pp-play{width:44px;height:44px}.pp-fs{width:30px;height:30px}.pp-input{font-size:16px}}@media (prefers-reduced-motion:reduce){.pp-card,.pp-center,.pp-overlay[data-picking=false]:before,.pp-rig{animation:none}}.koy-mic{position:relative}.koy-mic.listening{animation:pulse-ring 2.2s var(--ease) infinite}.koy-mic.err{border-color:var(--border-amber);color:var(--koi-deep);background:var(--amber-soft)}.koy-mic:focus-visible{outline:2px solid var(--amber-ring);outline-offset:2px}.koy-dictation-cue{display:inline-flex;align-items:center;gap:var(--space-2xs);width:-moz-fit-content;width:fit-content;max-width:min(720px,100%);margin:0 auto;padding:6px 13px;background:var(--amber-soft);border:1px solid var(--border-amber);color:var(--amber);border-radius:var(--radius-pill);font:500 12px var(--mono);letter-spacing:.01em;animation:fade-rise var(--dur-fast) var(--ease-fluid) both}.koy-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.koy-eq i{width:2px;height:4px;border-radius:1px;background:var(--amber);animation:eq-bar .9s var(--ease) infinite}.koy-eq i:nth-child(2){animation-delay:.15s}.koy-eq i:nth-child(3){animation-delay:.3s}.koy-eq i:nth-child(4){animation-delay:.45s}.koy-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){.koy-mic.listening{animation:none;box-shadow:0 0 0 3px var(--amber-soft)}.koy-eq i{height:8px}.koy-dictation-cue,.koy-eq i{animation:none}}@media (max-width:768px){.koy-dictation-cue{font-size:11px;padding:5px 11px}}@media (max-width:380px){.koy-dictation-cue{font-size:0;gap:0;padding:6px}.koy-eq{height:14px}}.attach{position:relative;display:inline-flex}.attach-menu{position:absolute;bottom:calc(100% + var(--space-2xs));left:0;z-index:60;min-width:192px;padding:var(--space-3xs);display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-float);transform-origin:bottom left;animation:attach-in var(--dur-fast) var(--ease) both}@keyframes attach-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.attach-menu{animation:none}}.attach-row{display:flex;align-items:center;gap:12px;width:100%;padding:9px 11px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text);font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:-.005em;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.attach-row:focus-visible,.attach-row:hover{background:var(--amber-soft);color:var(--amber);outline:none}.attach-row:focus-visible{box-shadow:inset 0 0 0 1px var(--border-amber)}.attach-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;color:var(--text-2);transition:color var(--dur-fast) var(--ease)}.attach-row:focus-visible .attach-ico,.attach-row:hover .attach-ico{color:var(--amber)}.attach-ico svg{width:18px;height:18px}.attach-label{line-height:1}@media (max-width:520px){.attach-menu{min-width:172px;max-width:calc(100vw - 40px)}.attach-row{padding:12px}}.cb-icon.enhance:not(:disabled):active{transform:scale(.94)}.cb-icon.enhance:focus-visible{outline:2px solid var(--amber-ring);outline-offset:2px}.cb-icon.enhance svg{transition:transform var(--dur-fast) var(--ease-spring)}.cb-icon.enhance:not(:disabled):hover svg{animation:enhance-twinkle .42s var(--ease-spring)}@keyframes enhance-twinkle{0%{transform:rotate(-6deg) scale(1)}60%{transform:rotate(2deg) scale(1.08)}to{transform:rotate(0) scale(1)}}@media (prefers-reduced-motion:reduce){.cb-icon.enhance svg{transition:none}.cb-icon.enhance:not(:disabled):hover svg{animation:none}.cb-icon.enhance:not(:disabled):active{transform:none}}.cc-mode{position:relative;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);flex:0 0 auto}.cc-mode,.cc-mode-seg{display:inline-flex;align-items:center}.cc-mode-seg{gap:6px;height:30px;padding:0 12px;border:0;background:transparent;color:var(--text-2);font:600 13px var(--sans);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.cc-mode-seg svg{width:16px;height:16px;flex:none}.cc-mode-seg:hover:not(.on):not(:disabled){color:var(--text)}.cc-mode-seg:disabled{opacity:.5;cursor:not-allowed}.cc-mode-seg.on{background:var(--surface);box-shadow:var(--shadow-card)}.cc-mode-seg.on,.cc-mode-seg.on svg{color:var(--text)}.cc-mode>.cc-mode-seg:first-child.on svg{color:var(--amber)}.cc-mode-seg:focus-visible{outline:2px solid var(--amber-ring);outline-offset:2px}.cc-mode-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(4px);white-space:nowrap;background:var(--text);color:#fff;font:600 12.5px var(--sans);padding:8px 13px;border-radius:var(--radius-sm);box-shadow:var(--shadow-float);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);z-index:20}.cc-mode:focus-within .cc-mode-tip,.cc-mode:hover .cc-mode-tip{opacity:1;transform:translateX(-50%) translateY(0)}.koy-send.is-chat{background:var(--surface);color:var(--text);border:1px solid var(--border-2);box-shadow:var(--shadow-card)}.koy-send.is-chat:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-amber);box-shadow:var(--shadow-card)}.msg.assistant.is-chat .msg-bubble{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;border-bottom-left-radius:4px;padding:10px 14px}.cc-note{display:inline-flex;align-items:center;gap:5px;margin-bottom:6px;font:600 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.cc-note svg{width:13px;height:13px}@media (max-width:520px){.cc-mode-l{display:none}.cc-mode-seg{padding:0 9px}}.enhance-btn:hover:not(:disabled),.enhance-btn[aria-busy=true]{border-color:var(--border-amber);color:var(--amber)}.enhance-btn[aria-busy=true]{background:var(--amber-soft)}.enhance-btn:focus-visible{outline:2px solid var(--amber-ring);outline-offset:2px}.enhance-note{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:4px 20px 0;font-size:12px;font-family:var(--sans);color:var(--muted);animation:enhance-rise var(--dur-fast) var(--ease) both}.enhance-note-ico{display:inline-flex;color:var(--amber)}.enhance-note-ico svg{width:13px;height:13px}.enhance-undo{background:none;border:0;padding:0 2px;color:var(--text-2);font:600 12px var(--sans);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color var(--dur-fast) var(--ease)}.enhance-undo:hover{color:var(--amber)}.enhance-undo:focus-visible{outline:2px solid var(--amber-ring);outline-offset:2px;border-radius:var(--radius-xs)}@keyframes enhance-rise{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.enhance-note{animation:none}}@media (max-width:420px){.composer{flex-wrap:wrap;gap:8px}.composer input{flex:1 1 100%;order:-1}.composer .enhance-btn{width:40px;height:40px}}.pp-tools{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px 0}.pp-tool{display:inline-flex;align-items:center;gap:5px;font:500 11px var(--sans);color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:5px 10px;cursor:pointer;position:relative;overflow:hidden;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.pp-tool:hover:not(:disabled):not(.dis){border-color:var(--border-amber);color:var(--amber)}.pp-tool.dis,.pp-tool:disabled{opacity:.5;cursor:not-allowed}.pp-tool.danger:hover:not(:disabled){border-color:rgba(214,69,42,.5);color:var(--red)}.pp-tool-sw{width:11px;height:11px;border-radius:50%;background:var(--grad-amber-fill);border:1px solid rgba(0,0,0,.15);display:inline-block}.pp-tool input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;border:0;padding:0}