:root{--bg: #070912;--bg-2: #0b0f1c;--surface: #0e1428;--surface-2: #131a30;--line: #1e2640;--line-bright: #2c3556;--text: #f4f6fb;--muted: #8892b3;--muted-dim: #5b658a;--accent: #f4c20d;--accent-bright: #ffd93d;--accent-soft: rgba(244, 194, 13, .12);--ok: #34d399;--warn: #f59e0b;--err: #ff4d5e;--matrix: #00ff6a;--font-display: "Russo One", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--font-matrix: "VT323", "JetBrains Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--bg);color:var(--text);font:14px / 1.5 var(--font-body);-webkit-font-smoothing:antialiased;letter-spacing:.01em;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 40% at 90% 0%,rgba(244,194,13,.045),transparent 70%),radial-gradient(ellipse 40% 30% at 0% 100%,rgba(244,194,13,.03),transparent 70%);z-index:0}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>");opacity:.035;mix-blend-mode:overlay;z-index:1}#root{position:relative;z-index:2}button,input{font:inherit}button:disabled{cursor:not-allowed;opacity:.55}.boot{min-height:100vh;display:grid;place-items:center;font:400 28px / 1 var(--font-display);color:var(--accent)}.shell{max-width:1560px;margin:0 auto;padding:22px 28px 56px;display:grid;gap:16px}.ripper-topbar{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px;min-width:0}.brand.compact{justify-content:center}.brand-mark{width:52px;height:52px;border-radius:999px;background:#0a0e1a;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 1px #f4c20d40,0 12px 32px -10px #f4c20d73;flex-shrink:0}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.brand-text{min-width:0}.brand-text h1{margin:0;font:400 clamp(18px,1.6vw,22px) / 1 var(--font-display);letter-spacing:.005em;text-transform:uppercase;white-space:nowrap}.brand-text h1 .y{color:var(--accent)}.brand-text p{margin:4px 0 0;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.brand-text .role{margin-top:4px;display:inline-flex;gap:6px;align-items:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}.brand-text .role:before{content:"";width:6px;height:6px;background:var(--accent);display:inline-block}.kpi-strip{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}.kpi{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;display:flex;flex-direction:column;gap:4px;min-width:80px}.kpi strong{font-family:var(--font-body);font-weight:800;font-size:16px;color:var(--text);letter-spacing:.01em;font-variant-numeric:tabular-nums;text-transform:none}.kpi.ok strong{color:var(--ok)}.kpi.warn strong{color:var(--warn)}.kpi.acc strong{color:var(--accent)}.right-cluster{display:flex;align-items:center;gap:10px}.operator{color:var(--muted);font:700 10px / 1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.ripper-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(380px,1fr);gap:16px}.ripper-col{display:grid;gap:16px;min-width:0}.card,.login-card{position:relative;min-width:0;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--surface);border:1px solid var(--line);border-radius:3px;box-shadow:0 18px 50px -34px #000000d9}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:16px;min-width:0}.card-head h2{margin:0;font:400 18px / 1 var(--font-display);letter-spacing:.005em;text-transform:uppercase;overflow-wrap:anywhere}.card-eyebrow{display:block;margin-bottom:12px;font:700 9px / 1 var(--font-mono);letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.card-actions{display:flex;gap:6px}.tiny-btn,.target-chip,.quality-chip{appearance:none;border:1px solid var(--line);background:transparent;color:var(--muted);font:700 9px / 1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;padding:8px 10px;border-radius:2px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.tiny-btn:hover,.target-chip:hover,.quality-chip:hover{color:var(--accent);border-color:var(--accent)}.tiny-btn.on,.target-chip.on,.quality-chip.on{background:var(--accent);color:#0a0e1a;border-color:var(--accent)}.hero-rip{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:26px 28px;background:radial-gradient(ellipse 60% 40% at 12% 0%,var(--accent-soft),transparent 70%),var(--surface)}.hero-eyebrow{display:flex;gap:10px;align-items:center;justify-content:space-between}.platform-strip{display:flex;gap:6px;flex-wrap:wrap}.plat-chip{font:700 9px / 1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;padding:5px 8px;border:1px solid var(--line);color:var(--muted-dim);border-radius:2px}.plat-chip.active{color:#0a0e1a;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 6px 18px -8px var(--accent)}.plat-chip.muted{border-style:dashed}.url-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;border:1px solid var(--line-bright);border-radius:3px;background:#050810;overflow:hidden}.url-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.url-bar .scheme{display:flex;align-items:center;gap:8px;padding:0 14px;font:700 10px / 1 var(--font-mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;border-right:1px solid var(--line)}.url-bar .scheme .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.url-bar input{appearance:none;border:0;outline:0;background:transparent;color:var(--text);font:600 16px / 1 var(--font-mono);padding:18px 16px;min-width:0;width:100%}.rip-btn{appearance:none;border:0;font:800 13px / 1 var(--font-body);letter-spacing:.22em;text-transform:uppercase;background:var(--accent);color:#0a0e1a;padding:0 28px;cursor:pointer;display:flex;align-items:center;gap:10px}.rip-btn .arrow{width:14px;height:14px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.custom-target{width:84px;background:#050810;color:var(--text);border:1px solid var(--line);padding:7px 9px;border-radius:2px}.preview{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:stretch;padding:14px;border:1px solid var(--line);background:var(--surface-2);border-radius:2px}.thumb{position:relative;aspect-ratio:16 / 9;background:repeating-linear-gradient(135deg,rgba(244,194,13,.06) 0 6px,transparent 6px 14px),linear-gradient(180deg,#0a1126,#050810);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.thumb .play{width:38px;height:38px;border-radius:999px;background:#0000008c;border:1px solid var(--accent)}.src-tag,.res-tag,.duration{position:absolute;font:800 9px / 1 var(--font-mono);letter-spacing:.16em;padding:4px 6px;text-transform:uppercase}.src-tag{top:6px;left:6px;color:#0a0e1a;background:var(--accent)}.res-tag{bottom:6px;right:6px;color:var(--text);background:#000000b3}.duration{bottom:6px;left:6px;color:var(--text);background:#000000b3}.meta-body{display:grid;gap:10px;align-content:start;min-width:0}.meta-body .title{font:700 18px / 1.25 var(--font-body);color:var(--text);overflow-wrap:anywhere}.sub{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.q-inline{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.q-inline-lbl{font:800 9px / 1 var(--font-mono);letter-spacing:.2em;color:var(--accent);text-transform:uppercase}.q-inline-chips,.qpolicy-chips{display:flex;flex-wrap:wrap;gap:5px}.q-inline-hint{color:var(--muted);font:600 9px / 1.3 var(--font-mono);text-transform:uppercase}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#080c18}.stage{position:relative;padding:14px;min-height:112px;border-right:1px solid var(--line)}.stage:last-child{border-right:0}.stage .bar{position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:top}.stage[data-state=active] .bar,.stage[data-state=done] .bar,.stage[data-state=err] .bar{transform:scaleY(1)}.stage[data-state=err] .bar{background:var(--err)}.stage .label{display:flex;gap:8px;align-items:center;color:var(--muted);font:700 9px / 1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase}.stage .num{border:1px solid var(--line);padding:4px 6px}.stage[data-state=active] .num,.stage[data-state=done] .num{background:var(--accent);color:#0a0e1a;border-color:var(--accent)}.stage[data-state=err] .num{background:var(--err);color:#0a0e1a;border-color:var(--err)}.stage .name{margin-top:18px;font:800 13px / 1 var(--font-body);text-transform:uppercase}.stage .detail{margin-top:8px;color:var(--muted);font:10px / 1.4 var(--font-mono);letter-spacing:.06em}.size-compare{display:grid;grid-template-columns:1fr auto 1fr auto;gap:14px;align-items:center}.sc-block,.codec{border:1px solid var(--line);background:var(--surface-2);padding:13px 14px;min-width:0}.sc-block .lbl,.codec{color:var(--muted);font:700 9px / 1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase}.sc-block .val{display:block;margin-top:8px;font:800 22px / 1 var(--font-body);color:var(--text)}.sc-block.after .val{color:var(--accent)}.sc-block .extra{display:block;margin-top:7px;color:var(--muted);font:11px / 1 var(--font-mono)}.arrow-glyph{color:var(--accent);font:800 18px / 1 var(--font-display)}.codec strong{display:block;margin-top:8px;color:var(--text);font:700 13px / 1 var(--font-body)}.queue-list{display:grid;gap:8px;max-height:520px;overflow:auto;padding-right:4px}.qrow{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);background:var(--surface-2);color:inherit;text-align:left;border-radius:2px}.qrow-main{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.qrow[data-state=downloading],.qrow[data-state=transcoding],.qrow[data-state=probing],.qrow[data-state=packaging]{border-color:var(--accent)}.qrow .plat,.h-plat{font:800 10px / 1 var(--font-mono);letter-spacing:.12em;padding:6px 7px;border:1px solid var(--line);display:inline-block;border-radius:2px;color:var(--text);background:#0a1126;text-align:center}.qrow .id-line{color:var(--muted);font:10px / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.qrow .id{color:var(--accent);margin-right:8px}.qrow .title{margin-top:5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qrow .job-error{margin-top:6px;color:var(--err);font:700 10px / 1.25 var(--font-mono);letter-spacing:.08em;overflow-wrap:anywhere}.progress{height:4px;margin-top:8px;background:#050810;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent)}.meta-right{min-width:90px;text-align:right;color:var(--muted);font:10px / 1.25 var(--font-mono);text-transform:uppercase}.meta-right strong{display:block;color:var(--text);margin-bottom:5px}.gallery-card{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.gallery-cover{position:relative;aspect-ratio:16 / 9;background:radial-gradient(circle at 30% 30%,rgba(244,194,13,.16),transparent 65%),linear-gradient(180deg,#110b20,#060912);border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}.gallery-cover:before{content:"9:16 SLIDESHOW";position:absolute;top:8px;left:8px;font:800 9px / 1 var(--font-mono);color:var(--accent);letter-spacing:.18em;background:#0009;padding:5px 7px;border:1px solid var(--accent)}.play-shape{width:0;height:0;border-left:22px solid var(--accent);border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}.gallery-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.gphoto{position:relative;min-width:0;aspect-ratio:1;border:1px solid var(--line);background:linear-gradient(180deg,#172035,#090d18)}.gphoto.cover{border-color:var(--accent)}.gphoto:after{content:attr(data-n);position:absolute;top:4px;left:4px;font:700 8px / 1 var(--font-mono);color:var(--muted)}.gallery-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--line);background:var(--surface-2);border-radius:2px;font:10px / 1 var(--font-mono);letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.gallery-flow .arrow{color:var(--accent);font-weight:700}.quality-policy .qpolicy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qpolicy-row{display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);background:var(--surface);padding:10px}.qpolicy-plat{display:flex;align-items:center;gap:10px}.qpolicy-code{font:800 11px / 1 var(--font-mono);letter-spacing:.1em;color:var(--text);border:1px solid var(--line);padding:6px 7px}.qpolicy-name{font-weight:700;font-size:13px}.qpolicy-current{color:var(--accent);font:800 12px / 1 var(--font-body)}.matrix-log{position:relative;padding:18px;border:1px solid rgba(0,255,106,.22);background:#030805;font-family:var(--font-matrix);color:var(--matrix);overflow:hidden}.matrix-head{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid rgba(0,255,106,.14);padding-bottom:8px}.matrix-head h2{margin:0;font:400 24px / 1 var(--font-matrix);letter-spacing:.04em;color:var(--matrix)}.matrix-head .meta{font:400 16px / 1 var(--font-matrix);color:#00ff6aa6}.matrix-body{height:240px;overflow:auto;padding-top:10px;font-size:18px;line-height:1.12}.matrix-line{display:grid;grid-template-columns:84px 52px 1fr;gap:10px;min-width:0}.matrix-line span:last-child{overflow-wrap:anywhere}.matrix-line .ts{color:#00ff6a8c}.matrix-line .level{color:var(--matrix);font-weight:700}.matrix-line .level.warn{color:#fe0}.matrix-line .level.err{color:var(--err)}.history-table{width:100%;border-collapse:collapse;font-size:13px}.history-table thead th{text-align:left;font:700 9px / 1 var(--font-mono);letter-spacing:.2em;color:var(--muted);text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--bg-2)}.history-table tbody td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}.history-table .h-id{font:700 11px / 1 var(--font-mono);color:var(--accent);letter-spacing:.1em}.history-table .h-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34ch}.history-table .h-size{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted)}.h-state{font:700 10px / 1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.h-state.ok{color:var(--ok)}.h-state.warn{color:var(--warn)}.h-state.err{color:var(--err)}.download-link{color:var(--accent);font:700 10px / 1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.table-wrap{overflow-x:auto}.empty,.muted{color:var(--muted);font:700 10px / 1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.err-banner,.error-note{padding:14px 18px;border:1px solid rgba(255,77,94,.4);background:#ff4d5e0a;color:var(--err);font:700 12px / 1.35 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:2px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(680px,100%);display:grid;gap:28px}.login-body{display:grid;gap:16px;justify-items:center;text-align:center}.login-body h2{margin:0;font:400 24px / 1 var(--font-display);color:var(--accent)}.login-body p{margin:0;color:var(--muted);max-width:52ch}.bot-login-panel{display:grid;gap:10px;justify-items:center;min-height:74px}.primary-login{border:1px solid rgba(244,194,13,.42);border-radius:6px;background:var(--accent);color:#11131d;padding:12px 20px;font:800 12px / 1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 36px #f4c20d1f;cursor:pointer}.primary-login:hover:not(:disabled){background:var(--accent-bright)}.login-state{min-height:20px;color:var(--muted);font-family:var(--font-mono);font-size:12px}.login-state-approved{color:var(--ok)}.login-state-denied,.login-state-expired{color:var(--err)}.fade-in{animation:fade-in .35s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.ripper-grid,.quality-policy .qpolicy-grid,.preview{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(2,1fr)}.stage:nth-child(2){border-right:0}.qpolicy-row{grid-template-columns:150px 1fr auto}}@media(max-width:700px){.shell{padding:16px}.ripper-topbar{grid-template-columns:1fr}.brand-text h1,.brand-text p{white-space:normal}.url-bar{grid-template-columns:1fr}.url-bar .scheme{border-right:0;border-bottom:1px solid var(--line);justify-content:flex-start;padding:10px 14px}.rip-btn{padding:14px;justify-content:center}.pipeline,.size-compare,.qpolicy-row,.q-inline{grid-template-columns:1fr}.stage{border-right:0;border-bottom:1px solid var(--line)}.stage:last-child{border-bottom:0}.qrow{grid-template-columns:minmax(0,1fr)}.qrow-main{grid-template-columns:38px 1fr}.meta-right{text-align:left}.gallery-strip{grid-template-columns:repeat(4,1fr)}.matrix-line{grid-template-columns:72px 44px 1fr}}