:root{--font-sans:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"JetBrains Mono","SF Mono","Cascadia Code",Menlo,Consolas,monospace;--bg:#0a0e12;--bg-grid:rgba(120,200,180,.04);--panel:#11171d;--panel-2:#161e26;--line:#243038;--line-soft:#1b242b;--ink:#d7e0e4;--ink-dim:#8a99a1;--ink-faint:#5d6a72;--accent:#4be3b5;--accent-dim:#2a8f73;--amber:#e8b24a;--danger:#e85c5c;--ok:#4be3b5;--radius:6px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans),system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:28px 28px;min-height:100vh}a{color:var(--accent);text-decoration:none}.mono{font-family:var(--font-mono),ui-monospace,monospace}.shell{max-width:1180px;margin:0 auto;padding:0 24px 80px}.topbar{border-bottom:1px solid var(--line);background:rgba(10,14,18,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-inner{max-width:1180px;margin:0 auto;padding:14px 24px;gap:28px;flex-wrap:wrap}.brand,.topbar-inner{display:flex;align-items:center}.brand{font-family:var(--font-mono),monospace;font-weight:600;letter-spacing:.04em;color:var(--ink);gap:10px}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.brand small{color:var(--ink-faint);font-weight:400}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{font-family:var(--font-mono),monospace;font-size:13px;color:var(--ink-dim);padding:6px 12px;border-radius:var(--radius);border:1px solid transparent}.nav a:hover{color:var(--ink);background:var(--panel-2)}.nav a.active{color:var(--accent);border-color:var(--accent-dim);background:rgba(75,227,181,.06)}.page-head{padding:36px 0 22px}.kicker{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}h1{font-size:30px;margin:8px 0 6px;letter-spacing:-.01em}.lede{color:var(--ink-dim);max-width:70ch;line-height:1.55}.grid{display:grid;grid-gap:18px;gap:18px}.grid.cols-2{grid-template-columns:360px 1fr}@media (max-width:860px){.grid.cols-2{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.panel h2{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 16px;font-family:var(--font-mono),monospace;display:flex;justify-content:space-between;align-items:center}.field{margin-bottom:16px}.field label{display:block;font-size:12px;color:var(--ink-dim);margin-bottom:7px;font-family:var(--font-mono),monospace}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{flex:1 1;min-width:44px}input[type=file]::-webkit-file-upload-button{font-family:var(--font-mono),monospace}button,input[type=file]::file-selector-button,select{font-family:var(--font-mono),monospace}.opt{background:var(--panel-2);border:1px solid var(--line);color:var(--ink-dim);padding:8px 10px;border-radius:var(--radius);cursor:pointer;font-size:13px;transition:all .12s ease}.opt:hover{border-color:var(--accent-dim);color:var(--ink)}.opt.sel{background:rgba(75,227,181,.1);border-color:var(--accent);color:var(--accent)}select{width:100%;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);padding:9px 10px;border-radius:var(--radius);font-size:13px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=number],input[type=password],input[type=text]{width:100%;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);padding:9px 10px;border-radius:var(--radius);font-family:var(--font-mono),monospace;font-size:13px}input[type=number]:focus,input[type=password]:focus,input[type=text]:focus{outline:none;border-color:var(--accent-dim)}.filezone{border:1px dashed var(--line);border-radius:var(--radius);padding:16px;text-align:center;color:var(--ink-dim);font-size:13px}.filezone input{color:var(--ink-dim);font-size:12px}.btn{border:1px solid var(--accent-dim);background:rgba(75,227,181,.12);color:var(--accent);padding:11px 16px;border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.02em;transition:all .12s ease}.btn:hover:not(:disabled){background:rgba(75,227,181,.2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:var(--panel-2);border-color:var(--line);color:var(--ink-dim)}.btn.ghost:hover:not(:disabled){color:var(--ink);border-color:var(--ink-faint)}.btn.danger{border-color:#6e3030;background:rgba(232,92,92,.12);color:var(--danger)}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn.block{width:100%}.stage{background:#000;border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;position:relative}.stage canvas,.stage video{max-width:100%;max-height:100%;display:block}.stage .placeholder{color:var(--ink-faint);font-family:var(--font-mono),monospace;font-size:13px;text-align:center;padding:20px}.video-wrap{background:#000;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative}.video-wrap video{width:100%;display:block}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1px;gap:1px;background:var(--line-soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stat{background:var(--panel);padding:14px}.stat .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.stat .k,.stat .v{font-family:var(--font-mono),monospace}.stat .v{font-size:22px;margin-top:4px;color:var(--ink)}.stat .v.accent{color:var(--accent)}.stat .v small{font-size:12px;color:var(--ink-faint)}.bar{height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden;border:1px solid var(--line)}.bar>span{display:block;height:100%;background:var(--accent);transition:width .2s ease}.badge{font-family:var(--font-mono),monospace;font-size:11px;padding:3px 8px;border-radius:4px;border:1px solid var(--line);color:var(--ink-dim)}.badge.ok{color:var(--ok);border-color:var(--accent-dim)}.badge.warn{color:var(--amber);border-color:#6e5a2a}.badge.err{color:var(--danger);border-color:#6e3030}.log{font-family:var(--font-mono),monospace;font-size:12px;background:#070a0d;border:1px solid var(--line);border-radius:var(--radius);padding:12px;height:200px;overflow-y:auto;color:var(--ink-dim);line-height:1.7}.log .t{color:var(--ink-faint)}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;font-size:12px;font-family:var(--font-mono),monospace}td,th{padding:8px 10px;white-space:nowrap;border-bottom:1px solid var(--line-soft)}td,th{text-align:right}th{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;font-size:10px;background:var(--panel-2);position:-webkit-sticky;position:sticky;top:0}td:first-child,th:first-child{text-align:left}tr:hover td{background:var(--panel-2)}.hint{font-size:12px;color:var(--ink-faint);line-height:1.5;margin-top:6px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.spacer{height:18px}.warnbox{border:1px solid #6e5a2a;background:rgba(232,178,74,.07);color:var(--amber);padding:12px 14px;border-radius:var(--radius);font-size:13px;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:border-color .15s ease}.card:hover{border-color:var(--accent-dim)}.card h3{margin:10px 0 6px;font-size:16px}.card .tag{font-family:var(--font-mono),monospace;font-size:11px;color:var(--accent);letter-spacing:.08em}.card p{color:var(--ink-dim);font-size:13px;line-height:1.5;margin:0}.site-footer{border-top:1px solid var(--line);background:rgba(10,14,18,.9);margin-top:60px}.footer-inner{max-width:1180px;margin:0 auto;padding:28px 24px;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:20px;gap:20px;align-items:center}@media (max-width:700px){.footer-inner{grid-template-columns:1fr;text-align:center}.footer-right{align-items:center!important}}.footer-col{display:flex;flex-direction:column;gap:4px}.footer-center{align-items:center;text-align:center}.footer-right{align-items:flex-end}.footer-brand{font-family:var(--font-mono),monospace;font-weight:600;font-size:13px;letter-spacing:.06em;color:var(--ink)}.footer-v{color:var(--ink-faint);font-weight:400}.footer-domain{font-family:var(--font-mono),monospace;font-size:12px;color:var(--accent);text-decoration:none}.footer-domain:hover{text-decoration:underline}.footer-author{font-size:13px;font-weight:600;color:var(--ink);text-decoration:none}.footer-author:hover{color:var(--accent)}.footer-meta{font-size:11px;color:var(--ink-dim);font-family:var(--font-mono),monospace;line-height:1.6;max-width:42ch;text-align:center}.footer-meta.dim{color:var(--ink-faint)}.section-divider{display:flex;align-items:center;gap:14px;margin:36px 0 20px}.section-divider-line{flex:1 1;height:1px;background:var(--line)}.section-divider-label{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.rq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px}.rq-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.rq-num{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.12em;color:var(--accent);margin-bottom:6px}.rq-card p{font-size:13px;color:var(--ink-dim);line-height:1.55;margin:0}.rq-card strong{color:var(--ink)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1px;gap:1px;background:var(--line-soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.metric-cell{background:var(--panel);padding:16px}.metric-cell .mk{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.metric-cell .mv{font-size:13px;color:var(--ink-dim);line-height:1.5}.pipeline{display:flex;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.pipeline-step{flex:1 1;background:var(--panel);padding:16px 14px;position:relative}.pipeline-step+.pipeline-step{border-left:1px solid var(--line)}.pipeline-step:after{content:"→";position:absolute;right:-11px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--accent);z-index:1;background:var(--bg);padding:0 2px}.pipeline-step:last-child:after{display:none}.pipeline-label{font-family:var(--font-mono),monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:5px}.pipeline-title{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:4px}.pipeline-desc{font-size:11px;color:var(--ink-dim);line-height:1.5}@media (max-width:860px){.pipeline{flex-direction:column}.pipeline-step+.pipeline-step{border-left:none;border-top:1px solid var(--line)}.pipeline-step:after{content:"↓";right:auto;left:50%;top:auto;bottom:-12px;transform:translateX(-50%)}}.var-table{width:100%;border-collapse:collapse;font-size:13px}.var-table th{background:var(--panel-2);color:var(--ink-faint);font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line)}.var-table td,.var-table th{padding:10px 14px;text-align:left}.var-table td{border-bottom:1px solid var(--line-soft);color:var(--ink-dim)}.var-table td:first-child{font-family:var(--font-mono),monospace;font-size:12px;color:var(--accent)}.var-table tr:last-child td{border-bottom:none}