@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-0:#060607;--bg-1:#0b0b0d;--bg-2:#111114;--bg-3:#17171c;--bg-4:#1f1f26;--line-1:#ffffff0f;--line-2:#ffffff1a;--line-3:#ffffff29;--text-1:#f5f5f7;--text-2:#a8a8b3;--text-3:#6b6b78;--text-4:#44444f;--accent-purple:#8a2be2;--accent-cyan:#00e5ff;--accent-grad:linear-gradient(135deg, #8a2be2 0%, #5e5bff 50%, #00e5ff 100%);--accent-grad-soft:linear-gradient(135deg, #8a2be22e 0%, #00e5ff2e 100%);--st-blue:#4d9cff;--st-yellow:#f5c24a;--st-orange:#ff8a3d;--st-green:#34d399;--st-red:#ff5c7a;--row-h:64px;--pad-x:20px;--pad-y:14px;--gap:16px;--radius:10px;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}[data-density=compact]{--row-h:48px;--pad-x:14px;--pad-y:8px;--gap:10px}*{box-sizing:border-box}html,body{background:var(--bg-0);color:var(--text-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.45}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.btn{border:1px solid var(--line-2);background:var(--bg-3);height:38px;color:var(--text-1);letter-spacing:-.005em;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-4);border-color:var(--line-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-grad);color:#fff;border:0;font-weight:600;box-shadow:0 0 0 1px #8a2be259,0 8px 24px -8px #8a2be280}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:disabled{filter:none;opacity:.4}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text-1);background:var(--bg-3)}.btn-icon{width:32px;height:32px;color:var(--text-2);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--bg-3);color:var(--text-1)}.btn-sm{height:30px;padding:0 10px;font-size:12px}.input{background:var(--bg-2);border:1px solid var(--line-2);width:100%;height:42px;color:var(--text-1);border-radius:8px;outline:none;padding:0 14px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8a2be22e}.input::placeholder{color:var(--text-3)}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:11px;font-family:var(--font-mono);margin-bottom:6px;display:block}.card{background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--radius)}.divider{background:var(--line-1);border:0;height:1px;margin:0}.pill{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--line-2);background:var(--bg-3);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 7px;font-size:11px;font-weight:500;display:inline-flex}.pill[data-st=uploading]{color:var(--st-blue);background:#4d9cff14;border-color:#4d9cff4d}.pill[data-st=queued]{color:var(--st-yellow);background:#f5c24a14;border-color:#f5c24a4d}.pill[data-st=processing]{color:var(--st-orange);background:#ff8a3d14;border-color:#ff8a3d4d}.pill[data-st=completed]{color:var(--st-green);background:#34d39914;border-color:#34d3994d}.pill[data-st=error]{color:var(--st-red);background:#ff5c7a14;border-color:#ff5c7a4d}@keyframes spin{to{transform:rotate(360deg)}}.spin{transform-origin:50%;animation:2.4s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadein{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96)}}@keyframes slidein{0%{opacity:0;transform:translate(20px)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-2);border:2px solid var(--bg-1);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--line-3)}.auth-shell{background:var(--bg-0);grid-template-columns:minmax(420px,520px) 1fr;min-height:100vh;display:grid}.auth-form-side{background:var(--bg-1);border-right:1px solid var(--line-1);flex-direction:column;padding:32px 56px;display:flex}.auth-visual-side{background:radial-gradient(ellipse at 70% 40%, #8a2be233, transparent 60%), radial-gradient(ellipse at 30% 80%, #00e5ff24, transparent 55%), var(--bg-0);position:relative;overflow:hidden}.camo-tiles{grid-template-columns:repeat(24,1fr);grid-auto-rows:1fr;gap:1px;display:grid;position:absolute;inset:0}.camo-tiles i{background:#ffffff05;transition:all .8s;display:block}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-1);border-right:1px solid var(--line-1);flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--line-1);align-items:center;gap:10px;margin-bottom:14px;padding:6px 8px 22px;display:flex}.nav-item{color:var(--text-2);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .12s;display:flex;position:relative}.nav-item:hover{color:var(--text-1);background:var(--bg-2)}.nav-item.active{color:var(--text-1);background:var(--bg-3);border-color:var(--line-2)}.nav-item.active:before{content:"";background:var(--accent-grad);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.nav-item .badge{font-family:var(--font-mono);background:var(--bg-3);color:var(--text-2);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}.user-card{background:var(--bg-2);border:1px solid var(--line-1);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.user-card:hover{background:var(--bg-3)}.avatar{background:var(--accent-grad);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.topbar{border-bottom:1px solid var(--line-1);background:var(--bg-1);z-index:10;align-items:center;gap:16px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.token-chip{background:var(--bg-2);border:1px solid var(--line-2);font-family:var(--font-mono);border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 8px;font-size:12px;display:inline-flex}.token-chip .num{color:var(--text-1);font-weight:600}.token-chip .lbl{color:var(--text-3)}.page{max-width:1440px;padding:28px}.videos-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}.videos-table thead th{text-align:left;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:12px var(--pad-x);border-bottom:1px solid var(--line-1);background:var(--bg-1);z-index:5;font-size:10.5px;font-weight:500;position:sticky;top:64px}.videos-table tbody tr{transition:background .1s}.videos-table tbody tr:hover{background:var(--bg-2)}.videos-table tbody td{padding:var(--pad-y) var(--pad-x);border-bottom:1px solid var(--line-1);vertical-align:middle}.thumb{background:var(--bg-3);border:1px solid var(--line-1);border-radius:6px;flex-shrink:0;width:88px;height:50px;position:relative;overflow:hidden}.thumb .duration{color:#fff;font-family:var(--font-mono);background:#000000b3;border-radius:3px;padding:1px 4px;font-size:10px;position:absolute;bottom:3px;right:3px}.filename{color:var(--text-1);font-weight:500;font-family:var(--font-mono);font-size:13px}.filemeta{color:var(--text-3);margin-top:2px;font-size:11.5px}.progress{background:var(--bg-3);border-radius:999px;width:120px;height:4px;margin-top:6px;position:relative;overflow:hidden}.progress>i{background:var(--accent-grad);background-size:200% 100%;border-radius:999px;transition:width .3s;animation:2s linear infinite shimmer;position:absolute;top:0;bottom:0;left:0}.donut{--p:0;background:conic-gradient(var(--accent-purple) calc(var(--p) * 1%), var(--bg-3) 0);border-radius:50%;place-items:center;width:200px;height:200px;display:grid;position:relative}.donut:before{content:"";background:var(--bg-1);border:1px solid var(--line-1);border-radius:50%;position:absolute;inset:18px}.donut-label{text-align:center;position:relative}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#060607b3;place-items:center;animation:.2s fadein;display:grid;position:fixed;inset:0}.modal{background:var(--bg-1);border:1px solid var(--line-2);border-radius:14px;width:min(720px,92vw);max-height:88vh;animation:.25s cubic-bezier(.2,.8,.3,1) pop;overflow:auto;box-shadow:0 20px 60px #0009}.modal header{border-bottom:1px solid var(--line-1);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal header h2{margin:0;font-size:17px;font-weight:600}.dropzone{border:1.5px dashed var(--line-3);text-align:center;background:radial-gradient(ellipse at center, #8a2be20f, transparent 60%), var(--bg-2);cursor:pointer;border-radius:14px;margin:24px;padding:56px 24px;transition:all .16s}.dropzone:hover,.dropzone.over{border-color:var(--accent-purple);background:radial-gradient(ellipse at center, #8a2be224, transparent 60%), var(--bg-2)}.player{aspect-ratio:16/9;border:1px solid var(--line-1);background:#000;border-radius:12px;position:relative;overflow:hidden}.player .player-thumb{position:absolute;inset:0}.player .player-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:6px;align-items:center;gap:8px;height:32px;padding:0 10px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.player .play-btn{color:#000;cursor:pointer;background:#fff;border:0;border-radius:999px;place-items:center;width:22px;height:22px;display:grid}.player .scrub{background:#fff3;border-radius:999px;flex:1;height:3px;position:relative}.player .scrub i{background:var(--accent-grad);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.player .player-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:#000000b3;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;display:inline-flex;position:absolute;top:12px;left:12px}.thumb-censored{filter:blur(.4px);background:repeating-linear-gradient(0deg,#0000 0 12px,#0006 12px 13px),repeating-linear-gradient(90deg,#0000 0 12px,#0006 12px 13px),radial-gradient(at 35% 45%,#8a2be299,#0000 50%),radial-gradient(at 70% 60%,#00e5ff66,#0000 55%),#1a1a1a;position:absolute;inset:0}.menu{background:var(--bg-3);border:1px solid var(--line-2);z-index:50;border-radius:8px;min-width:180px;padding:4px;position:absolute;box-shadow:0 12px 32px #00000080}.menu button{text-align:left;width:100%;color:var(--text-1);background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.menu button:hover{background:var(--bg-4)}.menu button.danger{color:var(--st-red)}.checkbox{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13px;display:inline-flex}.checkbox input{display:none}.checkbox .box{border:1px solid var(--line-3);background:var(--bg-2);border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;transition:all .12s;display:grid}.checkbox input:checked+.box{background:var(--accent-grad);border-color:#0000}.checkbox input:checked+.box:after{content:"";border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.toast-wrap{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-3);border:1px solid var(--line-2);border-radius:10px;align-items:center;gap:10px;min-width:280px;padding:12px 16px;font-size:13px;animation:.25s cubic-bezier(.2,.8,.3,1) slidein;display:flex;box-shadow:0 8px 24px #0006}.toast.success{border-color:#34d39966}.toast.error{border-color:#ff5c7a66}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.spacer{flex:1}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.mono{font-family:var(--font-mono)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}