.tl{--line:#9f67ff33;--panel:#111118;--purple:#9f67ff;--cyan:#22d3ee;--lilac:#c7a7ff;--muted:#9ca3af;--send:0;--laser:0;--k0:0;--k1:0;--k2:0;--render:0;--done:0;--close:0;border:1px solid var(--line);background:radial-gradient(120% 90% at 0% 0%, #9f67ff24, transparent 60%), var(--panel);opacity:calc(1 - var(--close) * .6);border-radius:22px;padding:22px}.tl-prompt{background:#0b0b12;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;min-height:50px;padding:12px 14px;font-size:.95rem;display:flex}.tl-prompt-icon{color:var(--purple)}.tl-prompt-text{color:#e5e7eb;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tl-caret,.sr-prompt .tl-caret{background:var(--cyan);flex:none;width:2px;height:1.1em;animation:1s step-end infinite mkBlink}@keyframes mkBlink{50%{opacity:0}}.tl-send{background:linear-gradient(135deg, var(--purple), #7c3aed);color:#fff;transform:scale(calc(1 - var(--send) * .12 + var(--send) * var(--send) * .12));box-shadow:0 0 calc(var(--send) * 24px) #9f67ffcc;border-radius:10px;flex:none;margin-left:auto;padding:7px 12px;font-size:.8rem;font-weight:700}.tl-editor{background:#0b0b12;border-radius:16px;margin-top:18px;padding:16px;position:relative;overflow:hidden}.tl-track{grid-template-columns:1fr 1.4fr 1fr;gap:8px;height:46px;display:grid}.tl-clip{color:#0a0a0f;transform-origin:0;border-radius:10px;place-items:center;font-size:.8rem;font-weight:700;display:grid}.tl-c0{background:linear-gradient(135deg, var(--lilac), var(--purple));transform:scaleX(var(--k0));opacity:min(1, calc(var(--k0) * 3))}.tl-c1{background:linear-gradient(135deg, #67e8f9, var(--cyan));transform:scaleX(var(--k1));opacity:min(1, calc(var(--k1) * 3))}.tl-c2{transform:scaleX(var(--k2));opacity:min(1, calc(var(--k2) * 3));background:linear-gradient(135deg,#f0abfc,#c084fc)}.tl-wave{width:100%;height:60px;margin-top:12px;display:block}.tl-wave rect{fill:#9f67ff73}.tl-laser{width:2px;top:0;bottom:0;left:calc(16px + var(--laser) * (100% - 34px));background:var(--cyan);opacity:min(1, calc(var(--laser) * 20));position:absolute;box-shadow:0 0 14px 2px #22d3eecc,0 0 40px 8px #22d3ee40}.tl-footer{flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;display:flex}.tl-ring{--c:var(--purple);background:conic-gradient(var(--c) calc(var(--render) * 360deg), #ffffff14 0);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid}.tl-ring span{background:var(--panel);width:52px;height:52px;color:var(--muted);border-radius:50%;place-items:center;font-size:.65rem;display:grid}.tl-done{color:#052e16;transform:scale(var(--done));opacity:min(1, calc(var(--done) * 2));transform-origin:0;background:#4ade80;border-radius:12px;padding:10px 16px;font-weight:800}.tl-caret{--cyan:#22d3ee}@media (prefers-reduced-motion:reduce){.tl-caret{animation:none}}
.sb{--nav:0;--h1:0;--h2:0;--cta:0;--img:0;--c0:0;--c1:0;--c2:0;--scan:0;--live:0;--close:0;opacity:calc(1 - var(--close) * .6);background:radial-gradient(120% 90% at 100% 0,#22d3ee1f,#0000 60%),#111118;border:1px solid #22d3ee38;border-radius:22px;padding:18px;position:relative}.sb-prompt{background:#0b0b12;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;min-height:46px;padding:11px 13px;font-size:.9rem;display:flex}.sb-prompt-tag{letter-spacing:.14em;text-transform:uppercase;color:#22d3ee;flex:none;font-size:.62rem;font-weight:800}.sb-prompt-text{color:#e5e7eb;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sb-browser{background:#0b0b12;border:1px solid #ffffff14;border-radius:14px;margin-top:14px;overflow:hidden}.sb-chrome{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:5px;height:28px;padding:0 10px;display:flex}.sb-chrome i{background:#ffffff2e;border-radius:50%;width:7px;height:7px}.sb-url{color:#6b7280;background:#ffffff0d;border-radius:5px;margin-left:8px;padding:2px 8px;font:500 .62rem ui-monospace,monospace}.sb-page{min-height:190px;padding:12px;position:relative;overflow:hidden}.sb-page>*,.sb-hero>*{will-change:transform, opacity}.sb-nav{opacity:var(--nav);transform:translateY(calc((1 - var(--nav)) * -8px));align-items:center;gap:8px;display:flex}.sb-nav b{background:linear-gradient(135deg,#9f67ff,#22d3ee);border-radius:6px;width:18px;height:18px}.sb-nav span{background:#ffffff26;border-radius:3px;width:26px;height:5px}.sb-nav em{background:#9f67ff99;border-radius:5px;width:44px;height:14px;margin-left:auto}.sb-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:12px;margin-top:16px;display:grid}.sb-h1{transform-origin:0;width:90%;height:11px;transform:scaleX(var(--h1));opacity:var(--h1);background:#fff;border-radius:4px}.sb-h2{transform-origin:0;width:70%;height:7px;transform:scaleX(var(--h2));opacity:var(--h2);background:#ffffff59;border-radius:4px;margin-top:8px}.sb-cta{color:#052e16;transform:scale(var(--cta));opacity:min(1, calc(var(--cta) * 2));transform-origin:0;background:#4ade80;border-radius:7px;margin-top:12px;padding:5px 10px;font-size:.6rem;font-weight:800;display:inline-block}.sb-img{aspect-ratio:4/3;clip-path:inset(0 calc((1 - var(--img)) * 100%) 0 0 round 10px);background:linear-gradient(135deg,#9f67ff8c,#22d3ee59);border-radius:10px}.sb-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.sb-cards div{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;height:34px}.sb-c0{transform:translateY(calc((1 - var(--c0)) * 14px));opacity:var(--c0)}.sb-c1{transform:translateY(calc((1 - var(--c1)) * 14px));opacity:var(--c1)}.sb-c2{transform:translateY(calc((1 - var(--c2)) * 14px));opacity:var(--c2)}.sb-scan{height:40%;left:0;right:0;top:calc(-40% + var(--scan) * 140%);pointer-events:none;opacity:calc(var(--scan) * (1 - var(--scan)) * 4);background:linear-gradient(#0000,#22d3ee2e,#0000);position:absolute}.sb-live{color:#052e16;transform:scale(var(--live));opacity:min(1, calc(var(--live) * 2));transform-origin:0;background:#4ade80;border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;font-size:.8rem;font-weight:800;display:inline-flex}.sb-dot{background:#052e16;border-radius:50%;width:7px;height:7px;animation:1.2s step-end infinite sbBlink}@keyframes sbBlink{50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.sb-dot{animation:none}}