.k-legend{margin-bottom:.75rem;font-weight:600}.k-chips{flex-wrap:wrap;gap:.5rem;display:flex}.k-chips label{position:relative}.k-chips input{opacity:0;cursor:pointer;position:absolute;inset:0}.k-chips span{border:1px solid var(--color-line);border-radius:999px;padding:.45rem .9rem;font-size:.875rem;transition:border-color .2s,background .2s,color .2s,translate .2s;display:inline-block}.k-chips label:hover span{border-color:color-mix(in oklab, var(--color-cyan) 50%, var(--color-line))}.k-chips input:checked+span{border-color:var(--color-cyan);background:color-mix(in oklab, var(--color-cyan) 14%, transparent);color:var(--color-white)}.k-chips input:focus-visible+span{outline:2px solid var(--color-cyan);outline-offset:2px}.k-tpl{border:1px solid var(--color-line);background:var(--color-panel);border-radius:12px;padding:.5rem .95rem;font-size:.875rem;font-weight:600;transition:border-color .2s,translate .2s}.k-tpl:hover{border-color:var(--color-cyan);translate:0 -1px}.k-swatch{border:1px solid var(--color-line);background:linear-gradient(180deg, var(--a) 50%, var(--b) 50%);border-radius:6px;width:40px;height:28px;transition:scale .2s}.k-swatch:hover{scale:1.1}.k-color{border:1px solid var(--color-line);background:0 0;border-radius:6px;width:36px;height:28px;padding:0}.k-range{accent-color:var(--color-cyan);flex:1}.k-drop{border:1px dashed var(--color-line);color:var(--color-muted);border-radius:12px;padding:1rem;font-size:.875rem;transition:border-color .2s,background .2s;display:block;position:relative}.k-drop:hover{border-color:var(--color-cyan);background:color-mix(in oklab, var(--color-cyan) 5%, transparent)}.k-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.k-view{background:radial-gradient(at 50% 30%,#222a2d,#0a0c0e 75%)}[data-theme=light] .k-view{background:radial-gradient(at 50% 30%,#fff,#e4ddd0 80%)}.k-title,.k-lead,.k-form>*,#k-view{animation:.7s cubic-bezier(.16,1,.3,1) both k-in}.k-lead{animation-delay:60ms}.k-form>:first-child{animation-delay:.1s}.k-form>:nth-child(2){animation-delay:.15s}.k-form>:nth-child(3){animation-delay:.2s}.k-form>:nth-child(n+4){animation-delay:.25s}#k-view{animation-name:k-view-in;animation-duration:.9s;animation-delay:.12s}@keyframes k-in{0%{opacity:0;translate:0 14px}}@keyframes k-view-in{0%{opacity:0;filter:blur(6px);scale:.96}}.k-tool{cursor:pointer;border:1px solid var(--color-line);border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.8rem;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex;position:relative}.k-tool:hover{border-color:var(--color-cyan)}.k-tool:has(input:focus-visible){outline:2px solid var(--color-cyan);outline-offset:2px}.k-photo-off{display:none}.k-view.k-has-photo{background-position:50%;background-size:cover}.k-view.k-recording:after{content:"REC";color:#fff;letter-spacing:.08em;background:#0009;border-radius:999px;padding:.2rem .55rem .2rem 1.3rem;font:700 11px/1.4 system-ui;position:absolute;top:14px;left:14px}.k-view.k-recording:before{content:"";z-index:1;background:#ff3b30;border-radius:50%;width:8px;height:8px;animation:1s steps(2,end) infinite k-rec;position:absolute;top:21px;left:22px}@keyframes k-rec{50%{opacity:0}}.k-view.k-ai-busy:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(110deg,#0000 20%,#00aeef40,#ec008c40,#ffd20040,#0000 80%) 0 0/300% 100%;animation:1.4s linear infinite k-ai;position:absolute;inset:0}@keyframes k-ai{0%{background-position:150% 0}to{background-position:-150% 0}}.k-ai-spark{background:linear-gradient(90deg, var(--color-cyan), var(--color-magenta), var(--color-yellow));color:#0000;-webkit-background-clip:text;animation:4s linear infinite k-spin;display:inline-block}@keyframes k-spin{to{rotate:360deg}}.k-clean[data-done]:after{content:"· " attr(data-done);color:var(--color-cyan)}.k-variant{position:relative}.k-variant-tag{background:var(--color-cyan);min-width:22px;color:var(--color-ink);text-align:center;border-radius:999px;padding:0 .35rem;font:800 12px/22px system-ui;position:absolute;top:6px;left:6px}.k-variant-x{background:var(--color-panel);border:1px solid var(--color-line);border-radius:50%;width:22px;height:22px;font-size:14px;line-height:1;position:absolute;top:-8px;right:-8px}.k-pop{animation:.45s cubic-bezier(.34,1.56,.64,1) both k-pop}@keyframes k-pop{0%{opacity:0;scale:.6}}.g-stage{perspective:1400px}.g-card,.kc-card{aspect-ratio:400/460;width:min(100%,420px);animation:6s ease-in-out infinite k-float;position:relative}.g-card{transform-style:preserve-3d;transition:transform 1s cubic-bezier(.65,0,.35,1)}.g-card.flipped{transform:rotateY(180deg)}.g-face{backface-visibility:hidden;position:absolute;inset:0}.g-back{transform:rotateY(180deg)}.g-face canvas,.kc-card canvas{width:100%;height:100%}.g-card.g-pulse .g-face{animation:.45s cubic-bezier(.16,1,.3,1) k-pulse}.kc-card.kc-swap canvas{animation:.7s cubic-bezier(.34,1.56,.64,1) k-swap}.g-side[aria-pressed=true]{background:var(--color-cyan);color:var(--color-ink)}.g-face:after,.kc-card:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(105deg,#0000 35%,#ffffff38 50%,#0000 65%) 120% 0/250% 100%;position:absolute;inset:0}.g-card.g-pulse .g-face:after,.kc-card.kc-swap:after{animation:1s ease-out k-shine}@keyframes k-float{50%{translate:0 -8px}}@keyframes k-pulse{40%{scale:1.015}}@keyframes k-swap{0%{opacity:0;rotate:-4deg;scale:.82}}@keyframes k-shine{0%{background-position:120% 0}to{background-position:-40% 0}}@media (prefers-reduced-motion:reduce){.k-title,.k-lead,.k-form>*,#k-view,.g-card,.kc-card,.g-face,.kc-card canvas,.g-face:after,.kc-card:after,.k-pop,.k-ai-spark,.k-view:after{animation:none!important}.g-card{transition:none}}