:root{--bg:#0b0d14;--bg-2:#10131d;--panel:#151a28;--panel-2:#1b2133;--line:#262d42;--line-2:#343c56;--text:#e9ebf5;--muted:#9aa2bf;--faint:#687091;--accent:#8b5cf6;--accent-soft:#8b5cf629;--accent-2:#22d3ee;--ok:#34d399;--warn:#fbbf24;--err:#f87171;--radius:12px;--shadow:0 18px 50px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-2)}code{background:#ffffff0f;border-radius:5px;padding:1px 5px;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.88em}.muted{color:var(--muted)}.tiny{font-size:12px}.empty{color:var(--muted);text-align:center;padding:28px 18px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:#232a40;border-color:#46507a}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d4fe6);border-color:#0000}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:0 0}.btn.danger{color:#fecaca;background:#f8717124;border-color:#f8717173}.btn.small{border-radius:8px;padding:5px 10px;font-size:12.5px}.btn.option{background:var(--accent-soft);white-space:normal;text-align:left;border-color:#8b5cf68c;font-weight:500}.icon-btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:inline-grid}.icon-btn:hover{border-color:var(--line-2);background:var(--panel-2)}.link{color:var(--accent-2);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.app{grid-template-rows:58px minmax(0,1fr);height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);background:linear-gradient(#121624,#0e111b);align-items:center;gap:16px;min-width:0;padding:0 16px;display:flex}.brand-mark{flex:none;align-items:center;gap:10px;display:flex}.brand-mark .logo{filter:drop-shadow(0 4px 10px #8b5cf673);font-size:24px}.brand-mark strong{letter-spacing:.2px;font-size:15px;display:block}.brand-mark small{color:var(--muted);font-size:11.5px}.project-picker{flex:240px;align-items:center;gap:12px;min-width:0;display:flex}.project-picker select{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex:1;min-width:150px;max-width:380px;padding:7px 10px}.cost{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:12.5px;display:inline-flex}.cost-total{color:var(--text);font-weight:600}.cost em{color:var(--faint);text-overflow:ellipsis;font-style:normal;overflow:hidden}.budget-bar{background:var(--line);border-radius:4px;flex:none;width:46px;height:5px;overflow:hidden}.budget-bar span{border-radius:4px;height:100%;transition:width .4s;display:block}.model-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:700;line-height:1.5;display:inline-block}.model-badge.opus{color:#c4b5fd;background:#8b5cf624;border-color:#a78bfa73}.model-badge.sonnet{color:#7dd3fc;background:#38bdf81f;border-color:#38bdf866}.model-badge.haiku{color:#86efac;background:#4ade801a;border-color:#4ade8066}.model-badge.otro{color:var(--muted);border-color:var(--line-2)}.agent-cost{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px}.profiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 12px;display:grid}.profile{text-align:left;border:1px solid var(--line-2);background:var(--bg-2);cursor:pointer;border-radius:12px;flex-direction:column;gap:5px;padding:10px 11px;font-size:12.5px;line-height:1.4;display:flex}.profile:hover{border-color:#46507a}.profile.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px #8b5cf61f}.profile b{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.profile span{color:var(--muted)}.profile small{color:var(--text);margin-top:auto;font-weight:600}.rec{text-transform:uppercase;letter-spacing:.5px;color:#c4b5fd;background:#8b5cf62e;border-radius:999px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700}.model-table{border-collapse:collapse;width:100%;margin-bottom:4px;font-size:12.5px}.model-table td{border-top:1px solid var(--line);vertical-align:top;padding:6px}.model-table .who{white-space:nowrap;font-weight:600}.model-table .which{white-space:nowrap}.model-table .why{color:var(--muted);font-size:12px;line-height:1.4}.model-table .fixed{color:var(--warn)}@media (width<=640px){.profiles{grid-template-columns:1fr}.model-table .why{display:none}}.topbar-right{flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex}@media (width<=1360px){.btn-label,.cost em{display:none}}.chip{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-dot{background:var(--faint);border-radius:50%;width:7px;height:7px}.chip.ok .chip-dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.chip.off{color:var(--muted)}.conn{border-radius:50%;width:9px;height:9px;margin-left:4px}.conn.on{background:var(--ok)}.conn.off{background:var(--err);animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.main{grid-template-columns:minmax(0,1fr) 460px;min-height:0;display:grid}.office-wrap{background:radial-gradient(1200px 600px at 50% 40%,#151a2b,#07080d 70%);min-width:0;min-height:0;position:relative;overflow:hidden}.office-wrap>:first-child{position:absolute;inset:0}.side{border-left:1px solid var(--line);background:var(--bg-2);flex-direction:column;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;flex:none;gap:2px;padding:8px 8px 0;display:flex;overflow-x:auto}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px 9px 0 0;flex:none;padding:9px 5px 10px;font-size:12px;font-weight:600;position:relative}.tab:hover{color:var(--text)}.tab.active{color:var(--text);background:var(--panel);box-shadow:inset 0 -2px 0 var(--accent)}.tab-badge{background:var(--line-2);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10.5px}.tab-badge.live{background:#0e7490}.tab-badge.warn{background:#b45309}.tab-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.avatar{border:1.5px solid;border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid;position:relative}.avatar-dot{border:2px solid var(--bg-2);border-radius:50%;width:30%;min-width:8px;height:30%;min-height:8px;position:absolute;bottom:-1px;right:-1px}.avatar-dot.working,.avatar-dot.thinking{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.7;transform:scale(1.25)}}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-head{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:6px 10px;padding:10px 14px;display:flex}.target{flex:180px;align-items:center;gap:10px;min-width:0;display:flex}.target>div{flex:1;min-width:0}.target small{color:var(--faint);font-size:11px;display:block}.target select{text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;width:100%;max-width:100%;padding:0;font-weight:700}.target select option{background:var(--panel)}.project-state{flex:none;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.pill{background:var(--line);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.pill.active{color:#7dd3fc;background:#38bdf82e}.pill.waiting{color:#fcd34d;background:#fbbf242e}.pill.done,.pill.idle{color:#6ee7b7;background:#34d39929}.pill.error{color:#fca5a5;background:#f871712e}.pill.stopped{color:#cbd5e1;background:#94a3b829}.messages{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 14px 8px;display:flex;overflow-y:auto}.msg{gap:10px;max-width:100%;display:flex}.msg.system{color:var(--muted);border:1px dashed var(--line-2);text-align:center;background:#ffffff0a;border-radius:10px;align-self:center;max-width:92%;padding:6px 12px;font-size:12.5px}.msg.user{flex-direction:column;align-items:flex-end;gap:3px}.msg.user .bubble{color:#fff;white-space:pre-wrap;word-break:break-word;background:linear-gradient(135deg,#7c4ff0,#5b3fd6);border-radius:14px 14px 4px;max-width:88%;padding:9px 13px}.msg.user .to{color:var(--muted);font-size:11.5px}.msg time{color:var(--faint);font-size:10.5px}.msg.agent .msg-body{flex:1;min-width:0}.msg-meta{align-items:baseline;gap:7px;margin-bottom:4px;font-size:12.5px;display:flex}.msg-meta span{color:var(--faint);font-size:11.5px}.msg.agent .bubble{background:var(--panel);border:1px solid var(--line);word-break:break-word;border-radius:4px 14px 14px;padding:10px 13px}.bubble.question{border-color:#fbbf2480;box-shadow:0 0 0 3px #fbbf2414}.bubble.streaming:after{content:"▋";color:var(--accent);margin-left:2px;animation:.9s infinite blink;display:inline-block}.options{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.attachments{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.artifact-chip{border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;border-radius:10px;align-items:center;gap:8px;max-width:100%;padding:5px 10px 5px 5px;display:flex}.artifact-chip:hover{border-color:var(--accent)}.artifact-chip img{object-fit:cover;border-radius:6px;width:34px;height:34px}.chip-icon{background:#ffffff0d;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.chip-title{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:12.5px;font-weight:600;overflow:hidden}.notice{background:#fbbf2417;border:1px solid #fbbf2459;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5}.welcome{margin:auto 0;padding:8px 4px}.welcome h3{margin:0 0 6px;font-size:19px}.welcome p{color:var(--muted);margin:0 0 14px;line-height:1.55}.templates{grid-template-columns:1fr 1fr;gap:8px;display:grid}.template{text-align:left;border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:11px;align-items:center;gap:9px;padding:10px 11px;font-size:13px;font-weight:600;display:flex}.template span{font-size:18px}.template:hover{border-color:var(--accent);background:var(--panel-2)}.composer{border-top:1px solid var(--line);background:var(--panel);flex:none;align-items:flex-end;gap:8px;padding:10px 12px 12px;display:flex}.composer textarea{resize:none;border:1px solid var(--line-2);background:var(--bg-2);border-radius:11px;flex:1;max-height:160px;padding:9px 12px;line-height:1.4}.composer textarea:focus{border-color:var(--accent);outline:none}.btn.send{width:44px;height:38px;padding:0}.md p{margin:0 0 8px;line-height:1.55}.md p:last-child{margin-bottom:0}.md h1,.md h2,.md h3,.md h4{margin:12px 0 6px;line-height:1.3}.md h1{font-size:18px}.md h2{font-size:16px}.md h3{font-size:14.5px}.md ul,.md ol{margin:4px 0 8px;padding-left:20px}.md li{margin:2px 0;line-height:1.5}.md table{border-collapse:collapse;width:100%;margin:8px 0;font-size:12.5px;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--line-2);text-align:left;vertical-align:top;padding:5px 8px}.md th{background:#ffffff0a}.md blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:8px 0;padding:4px 12px}.md pre{background:#0a0c12;border-radius:8px;padding:10px;overflow:auto}.md hr{border:0;border-top:1px solid var(--line)}.team{flex-direction:column;gap:12px;padding:10px;display:flex}.agent-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.agent-row{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;align-items:center;gap:11px;padding:9px 10px;display:flex}.agent-row:hover{border-color:var(--line-2)}.agent-row.selected{border-color:var(--accent);background:var(--panel-2)}.agent-info{flex:1;min-width:0}.agent-line{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.agent-line .muted{font-size:12px}.agent-activity{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.agent-activity .state{font-weight:600}.progress{background:var(--line);border-radius:4px;height:4px;margin-top:6px;overflow:hidden}.progress span{border-radius:4px;height:100%;transition:width .4s;display:block}.agent-detail{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:12px}.agent-detail header{gap:12px;display:flex}.agent-detail h3{margin:0 0 4px;font-size:15px}.agent-detail h3 small{color:var(--muted);font-weight:500}.agent-detail p{margin:0 0 4px;font-size:13px;line-height:1.45}.agent-detail h4{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:12px 0 6px;font-size:12.5px}.live{border:1px solid var(--line);background:#0a0c12;border-radius:10px;margin-top:10px;padding:8px 10px}.live small{color:var(--accent-2);font-size:11px;font-weight:600}.live p{color:#cfd3e6;white-space:pre-wrap;max-height:140px;margin:4px 0 0;font-size:12.5px;line-height:1.45;overflow:auto}.mini-feed{color:#cfd3e6;flex-direction:column;gap:5px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.mini-feed time{color:var(--faint);margin-right:4px}.board{flex-direction:column;gap:14px;padding:10px;display:flex}.board-col h4{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin:0 0 8px;font-size:12px}.board-col.doing h4{color:#7dd3fc}.board-col.failed h4{color:#fca5a5}.count{background:var(--line);color:var(--text);border-radius:999px;margin-left:4px;padding:1px 7px}.task-card{background:var(--panel);border:1px solid var(--line);border-left:3px solid;border-radius:10px;margin-bottom:7px;padding:9px 11px}.task-top{align-items:center;gap:8px;display:flex}.task-top b{font-size:13px}.task-card .tiny{margin:4px 0 0 32px}.task-result{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.gallery{padding:10px}.filters{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.filter{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px}.filter span{color:var(--faint);margin-left:3px}.filter.active{border-color:var(--accent);background:var(--accent-soft)}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.card{border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.card:hover{border-color:var(--accent);transform:translateY(-1px)}.thumb{aspect-ratio:4/3;background:#0a0c12;place-items:center;display:grid;position:relative;overflow:hidden}.thumb img,.thumb video{object-fit:cover;width:100%;height:100%}.card.kind-image .thumb img{object-fit:contain}.big-icon{opacity:.85;font-size:38px}.play{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;display:grid;position:absolute}.card-meta{flex-direction:column;gap:2px;min-width:0;padding:8px 10px 10px;display:flex}.card-meta b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.card-meta small{color:var(--faint);font-size:11px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#030408b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line-2);width:min(640px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;display:flex}.modal.wide{width:min(1100px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.modal-head h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;overflow:hidden}.modal-body{padding:16px;overflow:auto}.viewer{flex-direction:column;gap:12px;display:flex}.viewer .media{background:#000;border-radius:10px;max-width:100%;max-height:68vh;margin:0 auto;display:block}.viewer .audio{width:100%}.viewer-foot{justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;display:flex}.doc{background:var(--bg-2);border:1px solid var(--line);white-space:normal;border-radius:10px;max-height:68vh;padding:14px 16px;overflow:auto}pre.doc{white-space:pre-wrap;font-size:12.5px}.sb-preview{grid-template-columns:minmax(0,auto) minmax(240px,1fr);align-items:start;gap:16px;display:grid}.player-wrap{background:#000;border-radius:12px;max-width:100%;height:min(66vh,640px);overflow:hidden}.sb-info p{margin-top:0;font-size:12.5px}.scene-list{max-height:56vh;margin:0;padding-left:20px;font-size:12.5px;line-height:1.5;overflow:auto}.scene-list em{color:var(--faint)}.scene-type{text-transform:uppercase;letter-spacing:.6px;background:var(--accent-soft);color:#c4b5fd;border-radius:5px;padding:1px 6px;font-size:10.5px}.brand-panel{flex-direction:column;gap:12px;min-width:0;padding:12px;display:flex}.brand-panel>p{margin:0;font-size:13px}.brand-preview{border:1px solid var(--line-2);width:220px;box-shadow:var(--shadow);border-radius:12px;align-self:center;overflow:hidden}.form{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form label{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.form .full{grid-column:1/-1}.form>label,.form>div{min-width:0}.form input:not([type=color]),.form select,.form textarea{width:100%;min-width:0}.form input,.form select,.form textarea,.settings input{border:1px solid var(--line-2);background:var(--bg-2);color:var(--text);border-radius:9px;padding:7px 10px;font-size:13px;font-weight:400}.form textarea{resize:vertical}.colors{flex-wrap:wrap;gap:8px;display:flex;flex-direction:row!important}.color{align-items:center;flex-direction:column!important;gap:4px!important}.color input[type=color]{cursor:pointer;width:46px;height:34px;padding:2px}.voice-row{gap:8px;display:flex}.voice-row select{flex:1;min-width:0}.settings h3{margin:4px 0 8px;font-size:14px}.settings h3:not(:first-child){margin-top:22px}.key-row{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.key-label{align-items:center;gap:8px;font-weight:600;display:flex}.key-label em{font-size:11.5px;font-style:normal;font-weight:600}.key-label em.ok{color:var(--ok)}.key-label em.off{color:var(--faint)}.key-label a{margin-left:auto}.toggle{cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.toggle input{accent-color:var(--accent);margin-top:3px}.budget{flex-direction:column;gap:6px;margin-top:12px;font-weight:600;display:flex}.budget .row{gap:8px;display:flex}.budget input{width:120px}.status-list{color:#cfd3e6;margin:0;padding-left:18px;font-size:12.5px;line-height:1.7}.toasts{z-index:60;flex-direction:column;gap:8px;max-width:380px;display:flex;position:fixed;top:66px;right:16px}.toast{background:var(--panel-2);border:1px solid var(--line-2);box-shadow:var(--shadow);border-radius:11px;padding:10px 13px;font-size:13px;animation:.25s ease-out slidein}.toast.warn{border-color:#fbbf2480}.toast.error{border-color:#f8717199}@keyframes slidein{0%{opacity:0;transform:translate(20px)}}.ticker{pointer-events:none;flex-direction:column;gap:4px;max-width:min(640px,100% - 300px);display:flex;position:absolute;bottom:10px;left:12px}.ticker-row{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#0a0c14b8;border:1px solid #ffffff0f;border-radius:8px;align-items:baseline;gap:6px;padding:4px 9px;font-size:12px;display:flex;overflow:hidden}.ticker-time{color:var(--faint);font-size:10.5px}.ticker-text{text-overflow:ellipsis;color:#d5d9ea;overflow:hidden}@media (width<=1180px){.main{grid-template-columns:minmax(0,1fr) 400px}.chip:not(.off){display:none}}@media (width<=960px){body{overflow:auto}.chip,.cost,.brand-mark small{display:none}.app{height:auto;min-height:100vh}.main{grid-template-rows:56vh auto;grid-template-columns:1fr}.side{border-left:0;border-top:1px solid var(--line);min-height:70vh}.ticker{max-width:calc(100% - 24px)}.sb-preview{grid-template-columns:1fr}}@media (width<=640px){.topbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.app{grid-template-rows:auto auto}.topbar-right{margin-left:auto}.project-picker{flex-basis:100%;order:3}.project-picker select{max-width:none}.templates,.form{grid-template-columns:1fr}}.boot{height:100%;color:var(--muted);place-items:center;display:grid}.login{background:radial-gradient(900px 500px at 15% 10%, #8b5cf62e, transparent 60%), radial-gradient(700px 420px at 90% 90%, #22d3ee1f, transparent 60%), var(--bg);place-items:center;height:100%;padding:16px;display:grid;overflow:auto}.login-card{background:var(--panel);border:1px solid var(--line-2);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;border-radius:18px;flex-direction:column;gap:14px;padding:32px 28px 24px;display:flex}.login-logo{font-size:44px}.login-card h1{margin:0;font-size:24px}.login-sub{color:var(--muted);margin:0;line-height:1.5}.login-error{color:#fecaca;text-align:left;background:#f871711f;border:1px solid #f8717166;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.google-btn{justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:15px;text-decoration:none;display:inline-flex}.login-dev{text-align:left;flex-direction:column;gap:8px;display:flex}.login-user{text-align:left;grid-template-rows:auto auto;grid-template-columns:28px 1fr;column-gap:8px;padding:8px 12px;display:grid}.login-user span{grid-row:span 2;align-self:center;font-size:20px}.login-user small{color:var(--muted)}.login-foot{margin:4px 0 0}.credit{background:var(--panel-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.credit small{color:var(--muted)}.credit b{font-size:12.5px}.meter{background:var(--line);vertical-align:middle;border-radius:4px;flex:none;width:46px;height:5px;display:inline-block;overflow:hidden}.meter span{border-radius:4px;height:100%;transition:width .4s;display:block}.pill{background:var(--accent-soft);color:#c4b5fd;white-space:nowrap;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:600;display:inline-block}.pill.ok{color:#6ee7b7;background:#34d39924}.pill.live{color:#7dd3fc;background:#38bdf829}.pill.wait{color:#fcd34d;background:#fbbf2424}.pill.off{color:#fca5a5;background:#f8717124}.user-menu{align-items:center;gap:6px;display:inline-flex}.user-menu img,.user-ico{background:var(--panel-2);object-fit:cover;border-radius:50%;place-items:center;width:26px;height:26px;display:inline-grid}.office-pick{background:var(--panel-2);border:1px solid var(--line-2);border-radius:8px;max-width:170px;padding:5px 8px;font-size:12.5px}.admin{flex-direction:column;gap:12px;display:flex}.admin-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px;padding-bottom:8px;display:flex}.admin-section{flex-direction:column;gap:10px;display:flex}.admin-section h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 0;font-size:13px}.admin-add{grid-template-columns:2fr 1.4fr auto auto;gap:8px;display:grid}.admin-add input,.admin-add select,.inline-form input,.limit-field input{background:var(--bg-2);border:1px solid var(--line-2);border-radius:8px;min-width:0;padding:7px 10px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:12.5px}.admin-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 8px;font-weight:600}.admin-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px}.admin-table.compact td{padding:5px 8px}.admin-table tr.dim td{opacity:.55}.admin-table .who{align-items:center;gap:8px;min-width:190px;display:flex}.admin-table .who img,.admin-table .who-ico{object-fit:cover;background:var(--panel-2);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:inline-grid}.admin-table .who small{color:var(--muted);display:block}.admin-table .actions{width:1%;min-width:210px}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.meter-cell{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.admin-expand td{background:var(--panel-2)}.inline-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inline-form label{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.inline-form input{width:90px}.limits-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.limit-field{flex-direction:column;gap:5px;display:flex}.limit-field span{font-size:12.5px;font-weight:600}.pause-box{border-radius:var(--radius);border:1px solid var(--line-2);background:var(--panel-2);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.pause-box.on{background:#f8717114;border-color:#f8717180}.pause-box p{margin:4px 0 0}.row.end{justify-content:flex-end;gap:8px;display:flex}.usage-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.usage-card{border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--line);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.usage-card b{font-size:18px}.usage-card .meter{width:100%}@media (width<=760px){.admin-add{grid-template-columns:1fr 1fr}.credit .credit-voice{display:none}.office-pick{max-width:120px}}.team-head{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 0;display:flex}.team-head p{margin:0}.team-editor{grid-template-columns:220px minmax(0,1fr);gap:16px;display:grid}.seat-list{flex-direction:column;gap:4px;display:flex}.seat{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:7px 8px;display:flex}.seat:hover{background:var(--panel-2)}.seat.active{background:var(--accent-soft);border-color:#8b5cf680}.seat.vacant .seat-text b{color:var(--muted);font-style:italic}.seat-emoji{border:1px solid var(--line-2);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.seat-text{flex-direction:column;flex:1;min-width:0;display:flex}.seat-text b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.seat-text small{color:var(--muted);font-size:11px}.seat-form{flex-direction:column;gap:10px;min-width:0;display:flex}.seat-form h3{margin:0 0 4px;font-size:15px}.seat-form h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 0;font-size:12.5px}.seat-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.seat-tools-row{gap:6px;display:flex}.form-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.form-grid label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select,.instructions,.publish textarea,.publish input,.publish select,.lib-notes{background:var(--bg-2);border:1px solid var(--line-2);color:var(--text);border-radius:8px;min-width:0;padding:7px 10px}.form-grid input[type=color]{height:34px;padding:2px}.look summary{cursor:pointer;color:var(--muted);margin-bottom:8px;font-size:12.5px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.tool-opt{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.tool-opt.on{background:var(--accent-soft);border-color:#8b5cf699}.tool-opt span{flex-direction:column;gap:2px;display:flex}.tool-opt small{color:var(--muted);font-size:11.5px;line-height:1.35}.tool-opt .cost-note{color:#fcd34d}.instructions{resize:vertical;width:100%;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:12.5px;line-height:1.5}.seat-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.xray{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-2);padding:10px 12px}.xray-head{align-items:center;gap:10px;display:flex}.xray-head .tiny{flex:1}.xray pre{white-space:pre-wrap;color:#cfd3e6;max-height:340px;margin:6px 0 0;font-size:11.5px;line-height:1.45;overflow:auto}.xray code{margin-right:2px}@media (width<=760px){.team-editor{grid-template-columns:1fr}.seat-list{flex-direction:row;overflow-x:auto}.seat{flex:none}}.library{flex-direction:column;gap:10px;padding:12px;display:flex}.drop{text-align:center;border:1.5px dashed var(--line-2);border-radius:var(--radius);cursor:pointer;background:var(--panel-2);flex-direction:column;align-items:center;gap:4px;padding:18px 12px;display:flex}.drop.over,.drop:hover{border-color:var(--accent);background:var(--accent-soft)}.lib-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lib-item{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;gap:10px;padding:8px;display:flex}.lib-thumb{background:var(--bg-2);border-radius:8px;flex:none;place-items:center;width:64px;height:64px;font-size:28px;text-decoration:none;display:grid;overflow:hidden}.lib-thumb img{object-fit:cover;width:100%;height:100%}.lib-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.lib-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.lib-top b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.lib-top .btn{font-family:Cascadia Code,Consolas,monospace;font-size:11px}.lib-notes{width:100%;font-size:12.5px}.lib-actions{align-items:center;gap:10px;display:flex}.lib-actions label{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.lib-actions .btn{margin-left:auto}.publish{flex-direction:column;gap:14px;display:flex}.pub-block{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.pub-block h4{margin:0;font-size:14px}.pub-block p{margin:0}.pub-share{align-items:center;gap:14px;display:flex}.qr{background:#fff;border-radius:10px;flex:none;width:168px;height:168px}.pub-share div{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pub-downloads{flex-wrap:wrap;gap:6px;display:flex}.publish textarea{resize:vertical;width:100%;line-height:1.45}.row-actions.start{justify-content:flex-start}.metrics-form{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-items:end;gap:8px;display:grid}.metrics-form label{color:var(--muted);flex-direction:column;gap:3px;font-size:11.5px;display:flex}.metrics-table td,.metrics-table th{text-align:right}.metrics-table td:first-child,.metrics-table th:first-child,.metrics-table td:nth-child(2),.metrics-table th:nth-child(2){text-align:left}@media (width<=640px){.pub-share{flex-direction:column;align-items:flex-start}}.draft-toggle{cursor:pointer;border:0;margin-left:0}.music-forms{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;display:grid}.music-forms input,.music-forms select,.music-info input,.music-info select{background:var(--bg-2);border:1px solid var(--line-2);color:var(--text);border-radius:8px;min-width:0;padding:6px 9px}.wide-input{width:100%}.music-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.music-item{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(180px,280px) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.music-info{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.music-info input{flex:160px}.music-item audio{width:100%;height:32px}@media (width<=760px){.music-item{grid-template-columns:1fr}}.has-badge{position:relative}.count-badge{background:var(--err);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--bg);border-radius:9px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px}.asg-empty{text-align:center;padding:28px 12px}.asg-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.asg-card{text-align:left;width:100%;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;gap:8px;padding:12px 14px;display:grid}.asg-card:hover{border-color:var(--line-2);background:#20273c}.asg-card-head,.asg-title,.asg-review-head,.asg-score-head,.asg-rubric-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.asg-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.asg-detail{gap:12px;display:grid}.asg-detail>.btn,.asg-editor>.btn,.asg-grading>.btn,.admin-section>.btn.ghost{justify-self:start;width:fit-content}.asg-title h3,.admin-section .asg-title h3,.asg-editor>h3{color:var(--text);text-transform:none;letter-spacing:normal;margin:0;font-size:17px}.asg-detail h4,.asg-box h4,.asg-col h4,.asg-rubric-head h4{margin:2px 0;font-size:13px}.asg-text{white-space:pre-wrap;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;line-height:1.5}.asg-rubric{border-collapse:collapse;width:100%;font-size:13px}.asg-rubric th,.asg-rubric td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:7px 10px}.asg-rubric th{color:var(--muted);font-size:12px;font-weight:600}.asg-rubric .num{text-align:right;white-space:nowrap;width:70px}.asg-rubric tfoot td{border-bottom:0;font-weight:700}.asg-box{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);gap:8px;padding:12px 14px;display:grid}.asg-box>.btn{justify-self:start}.asg-links{gap:6px;margin:0;padding:0;list-style:none;display:grid}.asg-links li{justify-content:space-between;align-items:center;gap:8px;display:flex}.asg-form{gap:10px;display:grid}.asg-form label,.asg-field{color:var(--muted);gap:4px;font-size:12px;display:grid}.asg-form select,.asg-form textarea,.asg-field input,.asg-field textarea,.asg-crit input,.asg-crit textarea,.asg-grade-row textarea,.asg-pts-input input{color:var(--text);background:var(--bg-2);border:1px solid var(--line-2);border-radius:8px;min-width:0;padding:7px 10px}.asg-form textarea,.asg-field textarea,.asg-crit textarea,.asg-grade-row textarea{resize:vertical;line-height:1.4}.asg-form>.btn{justify-self:start}.asg-short{max-width:260px}.asg-wait{background:var(--accent-soft);border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.asg-warn{color:var(--warn)}.asg-media{background:#000;border-radius:10px;max-width:100%;max-height:360px;display:block}.asg-review,.asg-grade{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-2);gap:6px;padding:10px 12px;display:grid}.asg-grade{border-color:#34d39973}.asg-review h4,.asg-grade h4{margin:0;font-size:13px}.asg-review h5{margin:0 0 4px;font-size:12px}.asg-review p,.asg-grade p{margin:0}.asg-total{font-size:16px;font-weight:800}.asg-summary{white-space:pre-wrap;line-height:1.5}.asg-two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.asg-two ul{margin:0;padding-left:18px;font-size:13px}.asg-scores{gap:6px;margin:0;padding:0;list-style:none;display:grid}.asg-scores li{border-top:1px solid var(--line);padding-top:6px}.asg-scores p{color:var(--muted);margin:3px 0 0;font-size:13px;line-height:1.45}.asg-pts{white-space:nowrap;font-weight:700}.asg-more summary{cursor:pointer;color:var(--muted);font-size:12px}.asg-more[open] summary{margin-bottom:8px}.asg-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.asg-toolbar p{max-width:720px;margin:0}.asg-row{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.asg-row-main{gap:5px;min-width:0;display:grid}.asg-row-actions{flex-wrap:wrap;gap:6px;display:flex}.asg-editor{gap:12px;display:grid}.asg-editor h3{margin:0}.asg-rubric-edit{gap:8px;display:grid}.asg-crit{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:8px;display:grid}.asg-crit-desc{grid-column:1/-1}.asg-crit-pts{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.asg-crit-pts input{width:64px}.asg-check{cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:flex}.asg-check input{margin-top:3px}.asg-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.asg-table-wrap{overflow-x:auto}.asg-roster{border-collapse:collapse;width:100%;font-size:13px}.asg-roster th,.asg-roster td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:8px 10px}.asg-roster th{color:var(--muted);font-size:12px;font-weight:600}.asg-grading{gap:10px;display:grid}.asg-grading-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));align-items:start;gap:16px;display:grid}.asg-col{gap:10px;min-width:0;display:grid}.asg-col p{margin:0}.asg-grade-row{border-bottom:1px solid var(--line);gap:6px;padding-bottom:8px;display:grid}.asg-pts-input{white-space:nowrap;align-items:center;gap:6px;display:flex}.asg-pts-input input{width:70px}