:root{--bg:#0b0b0f;--panel:#15151d;--border:#26263200;--border-solid:#2a2a38;--text:#ececf1;--text-dim:#9a9aa8;--accent:#6d5efc;--user-bubble:#6d5efc;--bot-bubble:#1f1f2b}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.chat{border-left:1px solid var(--border-solid);border-right:1px solid var(--border-solid);flex-direction:column;max-width:720px;height:100vh;margin:0 auto;display:flex}.chat__header{border-bottom:1px solid var(--border-solid);align-items:center;gap:10px;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.chat__status{text-transform:lowercase;color:var(--text-dim);background:var(--bot-bubble);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.chat__status--open{color:#7ee2a8;background:#7ee2a81f}.chat__status--closed{color:#f2a2a2;background:#f2a2a21f}.chat__messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat__empty{color:var(--text-dim);text-align:center;margin:auto;font-size:14px;line-height:1.6}.msg{white-space:pre-wrap;word-wrap:break-word;border-radius:16px;max-width:78%;padding:10px 14px;font-size:14px;line-height:1.5}.msg--user{background:var(--user-bubble);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.msg--bot{background:var(--bot-bubble);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.msg--system{border:1px dashed var(--border-solid);max-width:90%;color:var(--text-dim);background:0 0;align-self:center;font-size:13px}.msg__caret{vertical-align:text-bottom;opacity:.6;background:currentColor;width:7px;height:14px;margin-left:2px;animation:1s steps(2,start) infinite blink;display:inline-block}@keyframes blink{to{visibility:hidden}}.composer{border-top:1px solid var(--border-solid);gap:8px;padding:16px 20px;display:flex}.composer__input{resize:none;background:var(--panel);border:1px solid var(--border-solid);color:var(--text);border-radius:12px;outline:none;flex:1;max-height:160px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.4}.composer__input:focus{border-color:var(--accent)}.composer__send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;align-self:flex-end;padding:10px 18px;font-size:14px;font-weight:600}.composer__send:disabled{opacity:.4;cursor:not-allowed}.jobcard{border:1px solid var(--border-solid);background:var(--bot-bubble);border-radius:16px;align-self:flex-start;max-width:82%;padding:12px}.jobcard--failed{background:#f2a2a214;border-color:#f2a2a2}.jobcard__video{aspect-ratio:9/16;background:#000;border-radius:10px;width:260px;max-width:60vw;display:block}.jobcard__progress{align-items:center;gap:12px;display:flex}.jobcard__spinner{border:2px solid var(--border-solid);border-top-color:var(--accent);border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.jobcard__stage{color:var(--text);font-size:13px}.jobcard__steps{gap:5px;margin-top:6px;display:flex}.jobcard__dot{background:var(--border-solid);border-radius:2px;width:22px;height:3px}.jobcard__dot.is-done{background:var(--accent)}.jobcard__dot.is-active{background:var(--accent);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.jobcard__failtitle{color:#f2a2a2;font-size:13px;font-weight:600}.jobcard__failmsg{color:var(--text-dim);word-break:break-word;margin:4px 0 10px;font-size:12px}.jobcard__retry{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:600}