:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e8ed;background:#101318;font-synthesis:none;--bg: #101318;--panel: #181c23;--line: #2b3039;--muted: #949eae;--accent: #99e4b9;--input: #13171d;--text: #e5e8ed}*{box-sizing:border-box}body{margin:0}[data-theme=light]{--bg: #f5f6f8;--panel: #fff;--line: #dce1e7;--muted: #647184;--input: #f5f7f9;--text: #1c2733;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:7px;padding:11px 16px;background:var(--accent);color:#12241a;font-size:13px;font-weight:600;cursor:pointer;transition:.15s}button:hover{filter:brightness(1.08)}button:disabled{opacity:.4;cursor:default}button.secondary{background:transparent;border-color:var(--line);color:var(--text)}button.subtle,button.icon{background:transparent;color:var(--muted);padding:8px}button.danger{color:#ed9292}input,select,textarea{background:var(--input);border:1px solid var(--line);border-radius:6px;padding:10px 12px;color:var(--text);min-width:0}input:focus,textarea:focus{outline:1px solid var(--accent)}input[type=checkbox]{accent-color:#84d6a7;width:17px;height:17px}a{color:var(--accent)}small,.muted{color:var(--muted);font-size:12px}p{line-height:1.6}code{font-family:ui-monospace,Consolas,monospace;font-size:11px;overflow-wrap:anywhere;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;font-weight:600;letter-spacing:-1px;margin-bottom:9px}h2{font-size:16px;font-weight:600;letter-spacing:-.2px}h3{font-size:16px}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.shell>aside{padding:28px 18px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;background:var(--bg);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-size:23px;letter-spacing:-.8px;font-weight:650;flex-wrap:wrap;padding:0 10px}.brand svg{color:var(--accent)}.brand>span{font-size:8px;color:var(--muted);letter-spacing:2.5px;padding-left:35px;width:100%;margin-top:-7px}.workspace{border:1px solid var(--line);border-radius:9px;padding:13px 10px;display:flex;gap:10px;align-items:center;margin:36px 0 31px;font-size:13px}.workspace small{display:block;font-size:10px;margin-top:5px}.avatar{width:35px;height:35px;background:#283b33;border:1px solid #3a5647;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#a8ddba}.avatar.small{width:29px;height:29px;font-size:10px}.nav-label{font-size:10px;letter-spacing:1.5px;color:#6c7787;margin:0 12px 12px}nav{display:grid;gap:5px}nav button{background:transparent;color:var(--muted);text-align:left;justify-content:flex-start;padding:12px 13px;font-weight:450}nav button.active{background:#23372c;color:#b2edc9;border:1px solid #345440}.aside-bottom{margin-top:auto;display:flex;gap:10px;color:var(--muted);font-size:12px;padding:15px 8px}.aside-bottom small{font-size:10px;display:block;margin-top:5px}.main>header{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px;color:var(--muted)}header>span,header>div{display:flex;gap:15px;align-items:center}.main>main{padding:37px 38px;max-width:1600px;margin:auto;min-height:calc(100vh - 124px)}.title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px}.title p{color:var(--muted);font-size:13px;margin:0}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--accent);margin-bottom:12px;overflow-wrap:anywhere}.system-strip{display:flex;align-items:center;gap:10px;border:1px solid #33493b;background:linear-gradient(100deg,#1e2c24,var(--panel));border-radius:8px;padding:14px 17px;font-size:12px;margin-bottom:23px}.system-strip>span:not(.dot):not(.badge){color:var(--muted);font-size:11px}.system-strip .badge{margin-left:auto}.dot{width:7px;height:7px;border-radius:50%;background:#9de4b3;box-shadow:0 0 0 4px #8adea41a}.dot.off{background:#d99e72}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:4px 7px;font-size:10px;background:#77859918;border:1px solid #77859930;color:var(--muted);white-space:nowrap}.badge.green{background:#83dba21a;border-color:#83dba22c;color:#93dcae}.badge.red{background:#d768681a;border-color:#d7686840;color:#e69696}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:20px}.stat>div{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.stat>strong{font-size:31px;font-weight:550;display:block;margin:20px 0 9px;letter-spacing:-.7px}.stat>small{font-size:11px}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);gap:10px}.panel-heading h2{margin:0}.record-row{display:flex;width:100%;align-items:center;gap:15px;text-align:left;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:19px 20px;border-radius:0;font-weight:400}.record-row:last-child{border-bottom:0}.record-row:hover{background:#88888808}.record-icon{border-radius:8px;flex-shrink:0;width:45px;height:55px;background:linear-gradient(145deg,#394851,#24332f);display:flex;align-items:center;justify-content:center;color:#95b5a4}.record-icon.live{color:var(--accent);background:#254631}.record-name{flex:1;min-width:0;display:grid;gap:6px;font-size:13px}.record-name small{font-size:11px}.record-name code{font-size:9px}.record-row>.badge{font-size:9px}.record-row>svg{color:var(--muted)}.file-state{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.storage{padding-bottom:20px}.storage>.panel-heading{border:0}.disk-ring{margin:19px auto 25px;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--accent) var(--used),#2c3339 0);padding:12px;transform:rotate(-90deg)}.disk-ring>div{background:var(--panel);height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(90deg);gap:6px}.disk-ring strong{font-size:29px;font-weight:500}.storage-line{display:flex;justify-content:space-between;margin:17px 20px;font-size:11px;color:var(--muted)}.storage-line strong{color:var(--text);font-weight:500}.hint{color:var(--muted);font-size:11px;line-height:1.7}.storage>.hint{margin:24px 20px 18px;padding-top:17px;border-top:1px solid var(--line)}.full{width:calc(100% - 40px);margin:0 20px}.bottom-note{display:flex;gap:13px;align-items:center;padding:24px 5px;color:var(--muted);font-size:12px}.bottom-note>svg{color:var(--accent)}.bottom-note strong{font-weight:500;color:var(--text)}.bottom-note p{font-size:11px;margin:6px 0 0}footer{border-top:1px solid var(--line);height:51px;padding:18px 38px;color:#758091;font-size:9px;letter-spacing:2px}footer span{float:right;letter-spacing:0;font-size:10px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0}.inline-form{display:flex;gap:12px;margin-bottom:24px;max-width:650px}.inline-form input{flex:1}.creator-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.creator{padding:22px}.creator-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.creator p{color:var(--muted);font-size:12px}.empty{text-align:center;padding:60px 25px;color:var(--muted)}.empty svg{color:#7b9386;margin-bottom:14px}.empty p{font-size:12px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filters input,.filters select{max-width:180px;font-size:12px}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;gap:8px;padding-left:12px;flex:1;min-width:250px;color:var(--muted)}.search input{border:0;max-width:none;width:100%;background:none}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:25px 0 20px;overflow:auto}.tabs button{border-radius:0;border-bottom:2px solid transparent;color:var(--muted);background:none;padding:12px 0;font-weight:500;white-space:nowrap}.tabs button.selected{border-bottom-color:var(--accent);color:var(--accent)}.details{padding:23px;margin-bottom:20px}.details>h2:not(:first-child){margin-top:28px}.details p{font-size:13px}.details>input{width:100%;margin-bottom:15px}.replay{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.replay.with-chat{grid-template-columns:minmax(0,1fr) 320px}.player{position:relative;background:#080b0e;border-radius:10px;overflow:hidden}.player video{width:100%;height:560px;object-fit:contain;display:block}.video-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#778699;font-size:13px;pointer-events:none}.video-empty h3{margin:15px 0 0}.chat-panel>input{margin:12px;width:calc(100% - 24px)}.chat-scroll{max-height:450px;overflow:auto}.chat-result{display:flex;flex-direction:column;gap:5px;align-items:flex-start;width:100%;background:none;border-bottom:1px solid var(--line);color:var(--text);border-radius:0;text-align:left;padding:13px 17px;font-size:12px;font-weight:400}.chat-result strong{color:#98c8e4;font-size:11px}.chat-result span{overflow-wrap:anywhere;max-width:100%}.chat-result small{font-size:10px}.job{padding:15px 0 25px;border-bottom:1px solid var(--line)}.job:last-child{border:0}.job p{color:var(--muted);font-size:12px}progress{width:100%;height:5px;accent-color:var(--accent)}.setting{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0;font-size:12px}.setting input:not([type=checkbox]),.setting select{width:170px;font-size:12px}.setting small{display:block;line-height:1.5;margin-top:6px;max-width:240px;font-size:10px}label>textarea{width:100%;margin-top:10px;font-size:12px;line-height:1.8}label{font-size:12px}.checks{display:grid;gap:15px;margin:20px 0}.checks label{display:flex;align-items:center;gap:10px}.save-bar{position:sticky;bottom:15px;display:flex;justify-content:space-between;align-items:center;padding:15px 22px;background:var(--panel);border:1px solid var(--line);border-radius:9px;font-size:12px;color:var(--muted)}.error{padding:12px 15px;border:1px solid #984f4f55;border-radius:7px;background:#9b383818;color:#e8a2a2;font-size:12px;margin-bottom:18px;overflow-wrap:anywhere}.error button{float:right}.modal{position:fixed;inset:0;background:#000a;z-index:4;display:flex;align-items:center;justify-content:center;padding:20px}.modal>.panel{padding:30px;max-height:90vh;overflow:auto;width:550px}.override{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.override label{display:flex;gap:8px;align-items:center}.login{max-width:430px;margin:10vh auto;padding:30px}.login .brand{padding:0;margin-bottom:50px}.login h1{font-size:42px;line-height:1.2}.login p{font-size:13px;color:var(--muted)}.login form{display:grid;gap:20px;margin:30px 0}.login label input{display:block;width:100%;margin-top:10px}.login small{font-size:10px}@media(min-width:1450px){.overview-grid{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1200px){.duration,.file-state{display:none}.overview-grid{grid-template-columns:minmax(0,1fr) 250px}.main>main{padding:28px 24px}.shell{grid-template-columns:205px 1fr}.stat{padding:16px}.replay.with-chat{grid-template-columns:minmax(0,1fr) 270px}}@media(max-width:900px){.shell{grid-template-columns:72px 1fr}.shell>aside{padding:24px 8px}.brand{font-size:0;justify-content:center;padding:0}.brand span,.workspace,.nav-label,.aside-bottom{display:none}nav{margin-top:35px}nav button{font-size:0;padding:13px;justify-content:center}nav button svg{width:21px;height:21px}.overview-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.storage{display:none}.creator-grid,.settings-grid{grid-template-columns:1fr}.main>header{padding:0 24px}.replay.with-chat{grid-template-columns:1fr}.player video{height:440px}.system-strip>span:not(.dot):not(.badge){display:none}}@media(max-width:600px){.shell{display:block}.shell>aside{position:static;height:auto;padding:13px;border:0;border-bottom:1px solid var(--line)}aside>.brand{font-size:20px;justify-content:flex-start}nav{display:flex;margin-top:15px;justify-content:space-between}nav button{padding:10px}nav button svg{width:18px;height:18px}.main>header{display:none}.main>main{padding:24px 16px}.title{align-items:flex-start}.title h1{font-size:24px}.title>button{font-size:0;padding:12px}.title p{font-size:12px}.stat{padding:15px}.stat>strong{font-size:27px}.stats{gap:10px}.stat>small{font-size:10px}.stat>div>svg{display:none}.record-row{padding:14px 12px;gap:10px}.record-row>.badge{display:none}.eyebrow{font-size:9px}.record-icon{width:35px;height:45px}.bottom-note{align-items:flex-start}footer{padding:15px;font-size:8px}footer>span{font-size:8px}.player video{height:450px}.tabs{gap:19px}.tabs button{font-size:12px}.save-bar{padding:12px;gap:15px}.save-bar span{font-size:10px}.login .brand{font-size:23px}.filters input,.filters select{max-width:none;flex:1;min-width:100px}.inline-form button{font-size:11px}.details{padding:18px}}