.video-filter{transition:filter .3s ease,transform .3s ease;will-change:filter,transform}.kenburns{animation:kenburns 20s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.15)}}.pan-scan{animation:panScan 15s ease-in-out infinite alternate}@keyframes panScan{0%{transform:translate(-5%)}to{transform:translate(5%)}}.parallax-layer-back{transform:translateZ(-2px) scale(1.5)}.parallax-layer-mid{transform:translateZ(0)}.parallax-layer-front{transform:translateZ(1px) scale(.8)}.camera-3d{transform-style:preserve-3d;animation:cameraRotate 30s linear infinite}@keyframes cameraRotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.mesh-warp{animation:meshWarp 10s ease-in-out infinite alternate}@keyframes meshWarp{0%{transform:skew(0) skewY(0)}50%{transform:skew(2deg) skewY(1deg)}to{transform:skew(-1deg) skewY(-2deg)}}.displacement{animation:displace 5s ease-in-out infinite alternate}@keyframes displace{0%{filter:blur(0px) contrast(100%)}to{filter:blur(2px) contrast(120%)}}.liquify{animation:liquify 8s ease-in-out infinite alternate}@keyframes liquify{0%{filter:blur(0px) hue-rotate(0deg);transform:rotate(0)}to{filter:blur(3px) hue-rotate(15deg);transform:rotate(1deg)}}.light-leak{background:linear-gradient(120deg,#ffb4644d,#fff0 40%);mix-blend-mode:screen;animation:lightLeak 7s ease-in-out infinite alternate}@keyframes lightLeak{0%{opacity:.1;transform:translate(-10%)}to{opacity:.6;transform:translate(10%)}}.film-grain{position:relative;overflow:hidden}.film-grain:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.15;mix-blend-mode:overlay;animation:grain .5s steps(5) infinite;pointer-events:none}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-5%,2%)}50%{transform:translate(3%,-3%)}75%{transform:translate(-2%,-5%)}to{transform:translate(5%,3%)}}.vhs{filter:contrast(1.1) saturate(1.2) brightness(.9);animation:vhsFlicker .2s infinite}@keyframes vhsFlicker{0%{filter:contrast(1.1) saturate(1.2) brightness(.9)}50%{filter:contrast(1.3) saturate(1) brightness(.8)}to{filter:contrast(1) saturate(1.4) brightness(1)}}.rgb-split{text-shadow:-2px 0 red,2px 0 cyan}.rgb-split-img{filter:url(#rgb-split);animation:rgbShift 3s steps(2) infinite}@keyframes rgbShift{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-1px)}to{transform:translate(0)}}.pixel-sort{filter:contrast(1.5) saturate(.8);animation:pixelSort 1s steps(10) infinite}@keyframes pixelSort{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 0)}}.crt{position:relative}.crt:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.2) 0px,rgba(0,0,0,.2) 1px,transparent 1px,transparent 3px);pointer-events:none}.crt-flicker{animation:crtFlicker .15s infinite}@keyframes crtFlicker{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.audio-reactive{animation:audioPulse 1s ease-in-out infinite}@keyframes audioPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hue-shift{animation:hueShift 8s linear infinite}@keyframes hueShift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.kaleidoscope{animation:kaleido 10s linear infinite}@keyframes kaleido{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}.zoom-pulse{animation:zoomPulse 2s ease-in-out infinite}@keyframes zoomPulse{0%{transform:scale(1);filter:blur(0px)}50%{transform:scale(1.03);filter:blur(1px)}to{transform:scale(1);filter:blur(0px)}}.camera-shake{animation:shake .5s infinite}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}to{transform:translate(-1px,-1px)}}.loop-pingpong{animation-direction:alternate;animation-iteration-count:infinite}.vhs-crt{filter:contrast(1.2) saturate(1.1);animation:vhsFlicker .3s infinite,crtFlicker .2s infinite}.dreamy{filter:blur(1px) brightness(1.1) saturate(1.2);animation:kenburns 15s ease-in-out infinite alternate}.retro{filter:sepia(.4) contrast(1.1) brightness(.9) saturate(1.3);animation:hueShift 20s linear infinite}.presets-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid rgba(212,162,76,.45);border-radius:999px;background:#d4a24c1a;color:#e8e6e0;font:11px/1 ui-sans-serif,system-ui,-apple-system,Inter,sans-serif;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background .15s,transform .15s;user-select:none}.presets-pill:hover{background:#d4a24c33;transform:translateY(-1px)}.presets-pill-dot{width:7px;height:7px;border-radius:50%;background:#d4a24c;box-shadow:0 0 8px #d4a24cb3;animation:presets-pulse 1.6s ease-in-out infinite}@keyframes presets-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.presets-panel{position:fixed;bottom:24px;right:24px;width:360px;max-height:70vh;z-index:1000;background:#111114;border:1px solid #2a2a32;border-radius:10px;box-shadow:0 12px 40px #0009,0 0 0 1px #d4a24c26;color:#e8e6e0;font:12px/1.45 ui-sans-serif,system-ui,-apple-system,Inter,sans-serif;display:flex;flex-direction:column;overflow:hidden}.presets-panel[hidden]{display:none}.presets-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #2a2a32;background:#d4a24c0d}.presets-panel-title{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#d4a24c}.presets-panel-close{appearance:none;background:none;border:0;color:#7a7a82;font-size:18px;line-height:1;cursor:pointer;padding:0 4px}.presets-panel-close:hover{color:#e8e6e0}.presets-panel-list{flex:1 1 auto;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.presets-panel-list:empty:after{content:"No new personalities yet.";display:block;text-align:center;color:#4a4a52;padding:32px 0;font-style:italic}.presets-panel-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #2a2a32;background:#ffffff05;font-size:10.5px;color:#7a7a82}.presets-dismiss-all{appearance:none;background:none;border:1px solid #2a2a32;color:#7a7a82;font:10.5px/1 ui-sans-serif,system-ui,sans-serif;padding:4px 10px;border-radius:4px;cursor:pointer}.presets-dismiss-all:hover{color:#e8e6e0;border-color:#4a4a52}.presets-card{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:10px;border:1px solid #1f1f25;border-radius:6px;background:#16161b;transition:border-color .15s,background .15s}.presets-card:hover{border-color:#2a2a32;background:#1a1a20}.presets-card-applied{border-color:#d4a24c80;background:#d4a24c0f}.presets-card-thumb{width:64px;height:64px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#0a0a0c}.presets-card-thumb svg{display:block;width:100%;height:100%}.presets-card-frame{display:block;width:100%;height:100%;object-fit:cover}.presets-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.presets-card-name{font-size:12.5px;font-weight:600;color:#e8e6e0;letter-spacing:.01em}.presets-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.presets-card-family{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d4a24c;background:#d4a24c1a;padding:2px 6px;border-radius:3px}.presets-card-tag{font-size:9.5px;color:#7a7a82;background:#ffffff0a;padding:2px 6px;border-radius:3px}.presets-card-personalized{font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffd24a;background:#ffd24a1a;border:1px solid rgba(255,210,74,.3);padding:2px 6px;border-radius:3px;cursor:help}.presets-card-desc{font-size:10.5px;color:#aaa;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.presets-card-palette{display:flex;gap:3px;margin-top:2px}.presets-color{display:block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.1)}.presets-card-audio{font-size:9.5px;color:#5a5a62;font-family:ui-monospace,SF Mono,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presets-card-demo{display:flex;align-items:center;gap:6px;font-size:9.5px;color:#8a7aa0;font-family:ui-monospace,SF Mono,Menlo,monospace;margin-top:2px;white-space:nowrap;overflow:hidden}.presets-demo-song{color:#00f0ff}.presets-demo-sep{opacity:.4}.presets-demo-style{color:#fff04a}.presets-card-actions{grid-column:1 / -1;display:flex;gap:6px;margin-top:4px}.presets-apply,.presets-dismiss{appearance:none;flex:1;padding:6px 10px;border-radius:4px;font:11px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;font-weight:500}.presets-apply{background:#d4a24c;color:#0a0a0c;border:1px solid #d4a24c}.presets-apply:hover{background:#e8b75e}.presets-dismiss{background:transparent;color:#7a7a82;border:1px solid #2a2a32}.presets-dismiss:hover{color:#e8e6e0;border-color:#4a4a52}.presets-demo{appearance:none;flex:1;padding:6px 10px;border-radius:4px;font:11px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;font-weight:500;background:transparent;color:#00f0ff;border:1px solid rgba(0,240,255,.4)}.presets-demo:hover{color:#000;background:#00f0ff;border-color:#00f0ff}#brandkit-chip.bk-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;margin-right:6px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:999px;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--fg);letter-spacing:.04em;transition:border-color .12s,background .12s;max-width:200px}#brandkit-chip.bk-chip:hover{border-color:var(--accent);background:var(--bg-2)}#brandkit-chip .bk-chip-logo{width:22px;height:22px;border-radius:50%;object-fit:cover;background:#fff;flex:0 0 auto}#brandkit-chip .bk-chip-initial{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#000;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex:0 0 auto}#brandkit-chip .bk-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.bk-panel{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .16s ease}.bk-panel.open{opacity:1;pointer-events:auto}.bk-panel .bk-backdrop{position:absolute;inset:0;background:#05020ab3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bk-panel .bk-dialog{position:relative;width:min(960px,95vw);max-height:90vh;overflow:auto;background:linear-gradient(180deg,var(--panel),var(--bg-1));border:1px solid var(--line-2);border-radius:14px;box-shadow:0 40px 100px -20px #000c;transform:translateY(8px) scale(.98);transition:transform .16s ease}.bk-panel.open .bk-dialog{transform:translateY(0) scale(1)}.bk-head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid var(--line)}.bk-title{font-family:var(--font-mono);font-size:18px;font-weight:700;letter-spacing:.04em;color:var(--fg)}.bk-sub{font-size:11px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.bk-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:6px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.bk-btn.primary{background:var(--accent);color:#000;border:1px solid var(--accent);font-weight:700}.bk-btn.primary:hover{background:#ff5fa3}.bk-btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.bk-btn.ghost:hover{color:var(--fg);border-color:var(--accent)}.bk-btn:disabled{opacity:.4;cursor:not-allowed}.bk-cards{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1.2fr;gap:16px;padding:20px 24px}.bk-card{background:var(--bg-0);border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:280px}.bk-card-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);text-align:center;padding-bottom:8px;border-bottom:1px solid var(--line)}.bk-cover{flex:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:var(--bg);color:var(--fg);border:1px solid var(--line);text-align:center}.bk-cover-logo img{max-width:80px;max-height:80px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.bk-cover-logo:not(:has(img)){height:0}.bk-cover-name{font-family:var(--font-mono);font-weight:700;letter-spacing:.08em;font-size:22px;word-break:break-word}.bk-field{display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.bk-field input[type=text],.bk-field select{background:var(--bg-0);border:1px solid var(--line-2);border-radius:6px;color:var(--fg);font-family:var(--font-sans);font-size:13px;padding:8px 10px;text-transform:none;letter-spacing:0}.bk-field input:focus,.bk-field select:focus{outline:none;border-color:var(--accent)}.bk-logo-row{display:flex;gap:6px}.bk-logo-swatch{flex:1;aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.bk-logo-swatch img{max-width:70%;max-height:70%;object-fit:contain}.bk-logo-light{background:#f5e9ff}.bk-logo-dark{background:#0a0410}.bk-logo-accent{background:var(--accent)}.bk-logo-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bk-upload{display:inline-flex;align-items:center;gap:8px;background:var(--panel-2);border:1px dashed var(--line-2);border-radius:6px;padding:8px 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;flex:1;text-align:center;justify-content:center}.bk-upload:hover{color:var(--fg);border-color:var(--accent)}.bk-upload input[type=file]{display:none}.bk-hint{font-size:10px;color:var(--dim);font-family:var(--font-mono);letter-spacing:.04em}.bk-swatches{display:flex;flex-direction:column;gap:8px}.bk-color{display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.bk-color-row{display:flex;gap:6px;align-items:center}.bk-color input[type=color]{width:40px;height:32px;padding:0;background:transparent;border:1px solid var(--line-2);border-radius:6px;cursor:pointer;flex:0 0 auto}.bk-color input[type=text]{flex:1;background:var(--bg-0);border:1px solid var(--line-2);border-radius:6px;color:var(--fg);font-family:var(--font-mono);font-size:12px;padding:6px 8px;text-transform:uppercase;letter-spacing:.04em}.bk-color input[type=text]:focus{outline:none;border-color:var(--accent)}.bk-type-preview{flex:1;background:var(--panel-2);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line)}.bk-type-aa{font-size:48px;font-weight:700;line-height:1}.bk-type-name{font-size:12px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em}.bk-type-glyphs{font-size:11px;line-height:1.4;color:var(--fg);word-break:break-all;opacity:.85}.bk-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--line);background:var(--bg-0);border-bottom-left-radius:14px;border-bottom-right-radius:14px}.bk-foot-note{font-size:11px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em}.bk-foot-note code{background:var(--panel-2);padding:2px 6px;border-radius:3px;color:var(--accent-2)}@media (max-width: 880px){.bk-cards{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.bk-cards{grid-template-columns:1fr}.bk-foot{flex-direction:column;gap:12px;align-items:stretch}}
