@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090b10;--panel:#11151e;--panel2:#151b26;--line:#252c39;--muted:#8993a4;--text:#f3f5f8;--lime:#c5ff4a;--blue:#70a7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 72% 0%,#172033 0,transparent 34%),var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;min-height:100vh;background:#0b0e14}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.11em;font-size:15px}.brand small{display:block;color:var(--muted);font:10px 'DM Mono';letter-spacing:.2em;margin-top:5px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--lime);color:#10140a;border-radius:11px;font-size:23px;font-weight:800}.nav-label,.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.18em;color:var(--muted)}.nav-label{margin:58px 0 14px 10px}.nav{display:flex;align-items:center;gap:13px;color:#aab3c1;text-decoration:none;padding:13px 12px;border-radius:9px;margin:3px 0;font-size:13px}.nav.active{background:#1b242b;color:var(--lime);border:1px solid #34412a}.sidebar-bottom{margin-top:auto;border:1px solid var(--line);border-radius:10px;padding:13px 10px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.sidebar-bottom b{margin-left:auto;color:var(--lime);font:10px 'DM Mono'}.pulse,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #c5ff4a88}.main{max-width:1500px;width:100%;padding:32px 4.2vw 24px;margin:auto}.topbar,.panel-head{display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:25px;margin:7px 0 0}.ghost{border:1px solid var(--line);background:#121722;color:#dce2eb;border-radius:8px;padding:10px 15px;cursor:pointer}.welcome{margin-top:27px;padding:35px 42px;border:1px solid #303b4b;border-radius:17px;background:linear-gradient(110deg,#18202d 0%,#121925 56%,#17212c 100%);display:flex;justify-content:space-between;align-items:center;min-height:230px;overflow:hidden;position:relative}.lime{color:var(--lime)}.welcome h2{font-size:clamp(28px,4vw,44px);line-height:1.08;margin:15px 0 12px;letter-spacing:-.05em}.welcome h2 em{font-style:normal;color:var(--lime)}.welcome p{color:#aab4c3;max-width:560px;font-size:13px;line-height:1.7;margin:0}.welcome-art{width:190px;height:170px;position:relative;display:grid;place-items:center;margin-right:5%}.ring{position:absolute;border:1px solid #8bad5a55;border-radius:50%;transform:rotate(-24deg)}.ring-one{width:140px;height:170px}.ring-two{width:180px;height:110px;transform:rotate(40deg)}.play{width:70px;height:70px;border-radius:22px;background:var(--lime);color:#11180b;display:grid;place-items:center;font-size:23px;box-shadow:0 0 55px #c5ff4a55}.welcome-art span{position:absolute;right:-10px;bottom:0;font:10px 'DM Mono';line-height:1.6;color:var(--lime);letter-spacing:.1em}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0}.stat,.panel{background:linear-gradient(145deg,#121721,#0f131b);border:1px solid var(--line);border-radius:13px}.stat{padding:17px 19px}.stat span{display:block;color:var(--muted);font:10px 'DM Mono';letter-spacing:.14em}.stat strong{display:block;font-size:29px;margin:10px 0 3px}.stat small{color:#758093;font-size:11px}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.panel{padding:21px;margin-top:14px}.panel-head h3{margin:6px 0 0;font-size:17px}.tag{font:9px 'DM Mono';letter-spacing:.12em;color:#aeb8c8;border:1px solid var(--line);border-radius:5px;padding:6px 8px}.submit-panel form{margin-top:24px}.submit-panel label{display:block;font-size:11px;color:#bac3d0;margin-bottom:9px}.url-wrap{display:flex;align-items:center;gap:10px;border:1px solid #343e4e;background:#0a0e15;border-radius:8px;padding:0 13px}.url-wrap span{color:var(--lime)}input{width:100%;background:transparent;border:0;outline:0;color:white;padding:14px 0;font:12px Manrope}input::placeholder{color:#657083}.primary{margin-top:13px;width:100%;border:0;border-radius:8px;padding:13px 16px;background:var(--lime);color:#11170b;font-weight:800;font-size:12px;cursor:pointer;display:flex;justify-content:space-between}.primary:disabled{opacity:.55;cursor:wait}.hint,.agent-visual p{font-size:10px;color:var(--muted);line-height:1.6}.notice{font-size:11px;margin-top:8px;color:var(--lime);min-height:16px}.agent-visual{display:flex;gap:15px;align-items:center;margin:28px 0 20px}.pc-icon{width:48px;height:48px;border:1px solid #394a31;background:#202b1c;color:var(--lime);border-radius:12px;display:grid;place-items:center;font-size:22px}.agent-visual strong{font-size:12px}.agent-visual p{margin:6px 0 0}.agent-note{border-top:1px solid var(--line);padding-top:13px;color:#a0aabb;font-size:10px;line-height:1.6}.jobs-panel{margin-top:14px}.table-wrap{overflow:auto;margin-top:20px}table{width:100%;border-collapse:collapse;min-width:620px}th{text-align:left;color:#778294;font:9px 'DM Mono';letter-spacing:.12em;padding:0 12px 12px}td{padding:14px 12px;border-top:1px solid #202735;font-size:11px;color:#c6ced9}td a{color:var(--lime);text-decoration:none}.empty,.library-empty{color:#8590a1;text-align:center;padding:28px;font-size:11px}.status{display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;font:9px 'DM Mono';letter-spacing:.06em}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:#8792a4}.status.completed{color:var(--lime)}.status.completed:before{background:var(--lime)}.status.processing{color:var(--blue)}.status.processing:before{background:var(--blue)}.bar{height:4px;width:100px;background:#28303d;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--lime)}.library-panel{margin-top:14px}.library-empty{border:1px dashed #303948;border-radius:9px;margin-top:18px}footer{padding:25px 3px 4px;color:#6f7989;font:9px 'DM Mono';letter-spacing:.12em;display:flex;justify-content:space-between}footer span{color:#535e6e}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:14px 18px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.nav-label,.nav,.sidebar-bottom{display:none}.main{padding:22px 16px}.welcome{padding:27px 23px}.welcome-art{transform:scale(.75);margin-right:-20px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.welcome-art{display:none}.content-grid{grid-template-columns:1fr}.topbar h1{font-size:21px}.stat{padding:14px}.stat strong{font-size:24px}footer{gap:10px;flex-direction:column}}

/* Clip library player */
.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:18px}.clip-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#0b1018}.clip-preview{height:150px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#33432a 0,#17202a 42%,#090d14 100%)}.clip-film{height:112px;width:64px;border:1px solid #91b85b88;border-radius:8px;display:grid;place-items:center;color:#c5ff4a;font:11px 'DM Mono';letter-spacing:.12em;background:linear-gradient(160deg,#26352a,#101720);box-shadow:0 0 30px #c5ff4a18}.clip-play{position:absolute;width:48px;height:48px;border:1px solid #e6ffc477;border-radius:50%;background:var(--lime);color:#11170b;font-size:18px;padding-left:4px;cursor:pointer;box-shadow:0 5px 25px #0009}.clip-ready{position:absolute;right:11px;top:11px;color:var(--lime);font:9px 'DM Mono';letter-spacing:.12em}.clip-info{padding:14px}.clip-title{font-size:12px;font-weight:800}.clip-meta{font-size:10px;color:var(--muted);margin-top:6px}.clip-actions{display:flex;gap:9px;align-items:center;margin-top:13px}.clip-actions button,.clip-actions a{font:10px Manrope;font-weight:800;text-decoration:none;border-radius:6px;padding:9px 11px;cursor:pointer}.clip-watch{background:var(--lime);color:#10150a;border:0}.clip-actions a{border:1px solid var(--line);color:#d8e0eb}.player-modal{position:fixed;inset:0;z-index:50;background:#030509eF;display:grid;place-items:center;padding:18px}.player-modal[hidden]{display:none}.player-window{width:min(560px,100%);max-height:95vh;overflow:auto;background:#111721;border:1px solid #354052;border-radius:14px;padding:16px;box-shadow:0 24px 90px #000b}.player-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.player-head strong{display:block;margin-top:5px;font-size:13px}.player-close{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#1b2330;color:white;font-size:24px;cursor:pointer}.player-window video{display:block;width:auto;max-width:100%;height:min(68vh,720px);margin:0 auto;background:#000;border-radius:8px}.player-foot{color:var(--muted);font-size:10px;padding:12px 2px 2px}@media(max-width:600px){.clip-grid{grid-template-columns:1fr}.player-window video{height:auto;max-height:68vh;width:100%}}