.clstudio{--cl-bg:#0a0a0c;--cl-panel:#141417;--cl-panel2:#0f0f12;--cl-line:#ffffff12;--cl-line2:#ffffff0d;--cl-ink:#f4f4f5;--cl-mut:#9a9aa2;--cl-mut2:#65656e;--cl-cream:#ede7da;--cl-cream-ink:#141210;--cl-blue:#4f8cff;--cl-ok:#5fd39b;--cl-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--cl-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;background:var(--cl-bg);color:var(--cl-ink);font-family:var(--cl-sans);-webkit-font-smoothing:antialiased;min-height:100vh}.clstudio *{box-sizing:border-box}.clstudio a{color:inherit;text-decoration:none}.clstudio .bar{justify-content:space-between;align-items:center;max-width:1120px;height:64px;margin:0 auto;padding:0 24px;display:flex}.clstudio .brand{align-items:center;gap:10px;display:flex}.clstudio .brand img{border-radius:6px;width:22px;height:22px}.clstudio .brand .wm{letter-spacing:-.01em;font-size:15px;font-weight:600}.clstudio .brand .st{font-family:var(--cl-mono);color:var(--cl-mut2);border-left:1px solid var(--cl-line);padding-left:10px;font-size:12px}.clstudio .startover{color:var(--cl-mut);font-size:13px}.clstudio .startover:hover{color:var(--cl-ink)}.clstudio .studio{grid-template-columns:1.18fr .82fr;align-items:stretch;gap:16px;max-width:1120px;margin:0 auto;padding:14px 24px 60px;display:grid}@media (max-width:900px){.clstudio .studio{grid-template-columns:1fr}}.clstudio .chat{border:1px solid var(--cl-line);background:var(--cl-panel);border-radius:18px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 30px 80px -45px #000000e6}.clstudio .msgs{flex-direction:column;flex:auto;gap:14px;min-height:320px;padding:22px;display:flex;overflow-y:auto}.clstudio .reading{color:var(--cl-mut2);font-size:13px}.clstudio .bubble{white-space:pre-wrap;word-wrap:break-word;border-radius:16px;max-width:88%;padding:10px 14px;font-size:14px;line-height:1.5}.clstudio .bubble.user{background:var(--cl-blue);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.clstudio .bubble.bot{background:var(--cl-panel2);border:1px solid var(--cl-line);color:var(--cl-ink);border-bottom-left-radius:5px;align-self:flex-start}.clstudio .thinking{background:var(--cl-panel2);border:1px solid var(--cl-line);border-radius:16px 16px 16px 5px;align-self:flex-start;gap:5px;padding:13px 15px;display:flex}.clstudio .thinking i{background:var(--cl-mut2);border-radius:50%;width:6px;height:6px;animation:1.2s infinite both cl-blink}.clstudio .thinking i:nth-child(2){animation-delay:.15s}.clstudio .thinking i:nth-child(3){animation-delay:.3s}@keyframes cl-blink{0%,to{opacity:.35}50%{opacity:1}}.clstudio .cerr{color:#f4a8a8;background:#f6828214;border:1px solid #f6828240;border-radius:10px;align-self:stretch;padding:10px 13px;font-size:13px}.clstudio .compose{border-top:1px solid var(--cl-line2);background:var(--cl-panel2);padding:14px}.clstudio .compose textarea{resize:none;background:var(--cl-bg);border:1px solid var(--cl-line);width:100%;color:var(--cl-ink);font-size:14px;font-family:var(--cl-sans);border-radius:12px;outline:none;padding:12px 14px}.clstudio .compose textarea::placeholder{color:var(--cl-mut2)}.clstudio .compose textarea:focus{border-color:#4f8cff66}.clstudio .composerow{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.clstudio .hint{color:var(--cl-mut2);font-size:11px;font-family:var(--cl-mono)}.clstudio .send{background:var(--cl-cream);color:var(--cl-cream-ink);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--cl-sans);border:none;border-radius:9px;padding:9px 16px}.clstudio .send:disabled{opacity:.45;cursor:default}.clstudio .agentpanel{border:1px solid var(--cl-line);background:var(--cl-panel);border-radius:18px;flex-direction:column;height:100%;display:flex;overflow:hidden}.clstudio .agentpanel .apbody{flex:auto}.clstudio .aphead{border-bottom:1px solid var(--cl-line2);align-items:flex-start;gap:11px;padding:18px;display:flex}.clstudio .apmark{border-radius:8px;flex:none;width:30px;height:30px;display:block}.clstudio .apeyebrow{font-family:var(--cl-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cl-blue);font-size:10.5px}.clstudio .aptitle{margin-top:3px;font-size:16px;font-weight:600}.clstudio .apcount{font-family:var(--cl-mono);color:var(--cl-mut);border:1px solid var(--cl-line);border-radius:999px;margin-left:auto;padding:3px 9px;font-size:11.5px}.clstudio .apbody{padding:14px 18px 18px}.clstudio .apfoot{color:var(--cl-mut2);margin-top:12px;font-size:12px}.clstudio .scard{border:1px solid var(--cl-line2);border-radius:12px;margin-bottom:9px;padding:12px 14px;transition:border-color .4s,opacity .4s}.clstudio .scard.pending{opacity:.5}.clstudio .scard.locked{border-color:#4f8cff47}.clstudio .scardtop{align-items:center;gap:8px;display:flex}.clstudio .sname{font-size:13.5px;font-weight:600}.clstudio .scheck{color:var(--cl-ok);margin-left:auto;font-size:12px}.clstudio .sdesc{color:var(--cl-mut2);margin-top:3px;font-size:11.5px}.clstudio .sbar{background:var(--cl-line);border-radius:3px;height:6px;margin-top:9px;overflow:hidden}.clstudio .sbar i{background:linear-gradient(90deg,#8fd9ff,#4f8cff);border-radius:3px;width:60%;height:100%;display:block}.clstudio .scard.pending .sbar i{background:var(--cl-line);width:30%}.clstudio .birth{border:1px solid var(--cl-line);background:var(--cl-panel);border-radius:18px;padding:30px;box-shadow:0 30px 80px -45px #000000e6}.clstudio .beye{font-family:var(--cl-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cl-ok);align-items:center;gap:7px;font-size:11px;display:inline-flex}.clstudio .beye .dot{background:var(--cl-ok);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #5fd39b26}.clstudio .bname{letter-spacing:-.02em;margin:16px 0 0;font-size:34px;font-weight:600}.clstudio .brole{color:var(--cl-mut);margin-top:8px;font-size:15px;line-height:1.5}.clstudio .bcta{background:var(--cl-cream);color:var(--cl-cream-ink);cursor:pointer;font-size:15px;font-weight:600;font-family:var(--cl-sans);border:none;border-radius:10px;margin-top:22px;padding:12px 20px;display:inline-block}.clstudio .bnote{color:var(--cl-mut2);margin-top:14px;font-size:12.5px}.clstudio .fallback{text-align:center;max-width:640px;margin:0 auto;padding:80px 24px}.clstudio .fallback p{color:var(--cl-mut);font-size:14px}.clstudio .fallback a{background:var(--cl-cream);color:var(--cl-cream-ink);border-radius:9px;margin-top:16px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-block}