@font-face{font-display:swap;font-family:Lana;font-style:normal;font-weight:400;src:url(/fonts/LanaPixel.ttf)format("truetype")}:root{--font-ui:"Lana", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-canvas:#090f1a;--bg-panel:#1d2637;--bg-panel-2:#293348;--bg-input:#0b1220;--border-strong:#a9b4c7;--border-muted:#43516a;--text-primary:#f4f7fb;--text-secondary:#bac4d3;--text-muted:#8592a8;--accent-gold:#ffc83d;--accent-mint:#62e88a;--accent-danger:#ff6b6b;--accent-orange:#f59f00;--shadow-deep:#03060d;--pixel-black:#050912;--pixel-ridge:#d6deea;color:var(--text-primary);background:var(--bg-canvas);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}body{background:linear-gradient(90deg, #a9b4c70b 1px, transparent 1px), linear-gradient(0deg, #a9b4c70b 1px, transparent 1px), linear-gradient(90deg, #a9b4c705 1px, transparent 1px), linear-gradient(0deg, #a9b4c705 1px, transparent 1px), radial-gradient(circle at 72% 8%, #62e88a17, transparent 28%), var(--bg-canvas);background-size:12px 12px,12px 12px,4px 4px,4px 4px,auto,auto;min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;padding:28px 20px 36px}.workspace{gap:18px;max-width:1180px;margin:0 auto;display:grid}.console-hero,.console-panel,.legend-bar{border:2px solid var(--border-strong);box-shadow:inset 0 0 0 2px var(--pixel-black), inset 0 0 0 4px #a9b4c72e, 0 5px 0 var(--pixel-black), 0 9px 18px #00000042;background:linear-gradient(#ffffff09,#0000 38%),linear-gradient(90deg,#a9b4c709 1px,#0000 1px) 0 0/10px 10px,linear-gradient(0deg,#a9b4c709 1px,#0000 1px) 0 0/10px 10px,#1d2637f5;border-radius:4px;position:relative;overflow:hidden}.legend-bar{background:linear-gradient(90deg,#a9b4c708 1px,#0000 1px) 0 0/10px 10px,linear-gradient(0deg,#a9b4c708 1px,#0000 1px) 0 0/10px 10px,#121a28f0}.console-hero:before,.console-panel:before,.legend-bar:before{border:2px solid var(--pixel-ridge);background:var(--pixel-black);width:7px;height:7px;box-shadow:-1px -1px 0 var(--border-muted), 0 0 0 1px #000000a3;content:"";position:absolute;top:9px;right:9px}.console-hero:after{border:2px solid var(--pixel-black);background:linear-gradient(135deg, transparent 0 30%, var(--accent-gold) 30% 55%, transparent 55%), #111827;content:"";background-size:18px 13px;width:72px;height:13px;position:absolute;top:16px;right:78px;box-shadow:inset 0 0 0 2px #ffffff29}.console-hero{grid-template-columns:minmax(0,1fr) 150px;align-items:center;min-height:170px;padding:24px 34px;display:grid}.brand-lockup{min-width:0}.brand-kicker{color:var(--accent-gold);text-shadow:2px 2px 0 var(--pixel-black);margin:0 0 14px;font-size:14px;font-weight:900;line-height:1.2}.page-title{color:var(--text-primary);letter-spacing:0;text-shadow:3px 0 0 var(--pixel-black), 0 3px 0 var(--pixel-black), 5px 5px 0 var(--pixel-black);margin:0;font-size:clamp(42px,6vw,72px);font-weight:950;line-height:.95}.page-title span{color:var(--accent-gold)}.hero-copy{max-width:620px;color:var(--text-secondary);word-break:keep-all;margin:20px 0 0;font-size:18px;font-weight:800;line-height:1.45}.pixel-extractor{justify-self:end;width:128px;height:128px;position:relative}.pixel-icon{fill:currentColor;shape-rendering:crispedges;flex:none;width:1.1em;height:1.1em;display:block}.pixel-icon__cutout{fill:var(--icon-cutout,var(--bg-input))}.pixel-icon__shade{fill:var(--icon-shade,#00000057)}.pixel-extractor-art{width:100%;height:100%;filter:drop-shadow(0 6px 0 var(--pixel-black));shape-rendering:crispedges}.pixel-extractor-art__stroke{fill:#aeb8c9}.pixel-extractor-art__metal{fill:#6f7b90}.pixel-extractor-art__dark{fill:#131b2b}.pixel-extractor-art__base{fill:#2a3448}.pixel-extractor-art__screen{fill:#0b111e}.pixel-extractor-art__danger{fill:#f04f5f}.pixel-extractor-art__light{fill:#fff}.pixel-extractor-art__gold{fill:var(--accent-gold)}.pixel-extractor-art__mint{fill:#2da875}.console-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:24px;display:grid}.console-panel{min-width:0;padding:18px 20px 20px}.panel-title-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin-bottom:18px;display:grid}.panel-title-row h2{color:var(--accent-gold);text-shadow:2px 2px 0 var(--pixel-black);align-items:center;gap:10px;margin:0;font-size:23px;font-weight:950;line-height:1.1;display:inline-flex}.panel-title-row--mint h2{color:var(--accent-mint)}.title-dots{opacity:.65;background-image:radial-gradient(var(--border-muted) 1.5px, transparent 1.5px);background-size:8px 8px;height:10px}.download-form{gap:22px;display:grid}.field{gap:9px;display:grid}.field-label,.segmented-control legend,.quality-grid legend{color:var(--text-primary);font-size:16px;font-weight:900}.url-input-frame{border:2px solid var(--border-strong);background:var(--bg-input);width:100%;min-height:48px;box-shadow:inset 0 0 0 2px #0000007a, 0 3px 0 var(--pixel-black);border-radius:3px;grid-template-columns:34px minmax(0,1fr);align-items:center;display:grid}.url-input-frame:focus-within{border-color:var(--accent-mint)}.input-icon{color:var(--text-muted);justify-self:center;font-size:20px}.field input{width:100%;min-width:0;min-height:44px;color:var(--text-primary);background:0 0;border:0;outline:none;padding:9px 13px 9px 0}.field input:focus{outline:none}.segmented-control,.quality-grid{border:0;gap:9px;margin:0;padding:0;display:grid}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control legend,.quality-grid legend{grid-column:1/-1;padding:0}.segment,.quality-chip{border:2px solid var(--border-muted);background:var(--bg-panel-2);min-height:48px;color:var(--text-secondary);cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff0a, 0 4px 0 var(--shadow-deep);border-radius:3px;justify-content:center;align-items:center;gap:9px;font-weight:900;display:flex;position:relative}.segment .pixel-icon{background:#05091257;border:1px solid #a9b4c759;padding:3px;font-size:25px}.segment.is-selected,.quality-chip.is-selected{border-color:var(--accent-gold);color:var(--accent-gold);background:#293344;box-shadow:inset 0 0 0 2px #f2c94c29,0 4px #7a5a1c}.quality-chip.is-selected:after{background:var(--accent-gold);clip-path:polygon(0 0,100% 0,50% 100%);content:"";width:12px;height:8px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.segment input,.quality-chip input{opacity:0;width:1px;height:1px;position:absolute}.quality-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.primary-button,.download-button{background:linear-gradient(180deg, #ffd967 0 48%, var(--accent-gold) 48%), var(--accent-gold);color:#171717;cursor:pointer;border:2px solid #ffe08a;border-radius:3px;justify-content:center;align-items:center;gap:12px;min-height:56px;font-size:20px;font-weight:950;text-decoration:none;display:inline-flex;box-shadow:inset 0 2px #ffffff59,0 5px #8c6720}.primary-button:disabled{color:#c7cfda;cursor:not-allowed;box-shadow:0 4px 0 var(--shadow-deep);background:#4c5668;border-color:#596578}.notice-box{border:2px solid var(--border-muted);background:#111827b8;grid-template-columns:34px minmax(0,1fr);gap:4px 10px;margin-top:24px;padding:13px;display:grid;box-shadow:inset 0 0 0 2px #ffffff06}.notice-box span{border:2px solid var(--border-strong);width:26px;height:26px;color:var(--text-secondary);grid-row:1/3;place-items:center;font-size:19px;font-weight:950;display:grid}.notice-box p{color:var(--text-secondary);word-break:keep-all;margin:0;font-size:14px;font-weight:750;line-height:1.4}.status-panel{gap:18px;display:grid}.status-head{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:18px;display:grid}.status-icon{border:3px solid var(--accent-mint);width:76px;height:76px;color:var(--accent-mint);--icon-cutout:var(--bg-panel);--icon-shade:#0509128c;box-shadow:inset 0 0 0 4px var(--bg-panel), 0 4px 0 var(--pixel-black);background:linear-gradient(90deg,#0000 13px,#62e88a24 13px 17px,#0000 17px),linear-gradient(0deg,#0000 13px,#62e88a24 13px 17px,#0000 17px);place-items:center;font-size:48px;font-weight:950;line-height:1;display:grid}.status-head h3{color:var(--accent-mint);margin:0;font-size:30px;font-weight:950;line-height:1.2}.status-head p{color:var(--text-secondary);word-break:keep-all;margin:8px 0 0;font-size:18px;font-weight:800;line-height:1.4}.status-head--completed h3,.status-head--completed .status-icon{color:var(--accent-gold);border-color:var(--accent-gold)}.status-head--failed h3,.status-head--failed .status-icon{color:var(--accent-danger);border-color:var(--accent-danger)}.status-head--expired h3,.status-head--expired .status-icon{color:var(--accent-orange);border-color:var(--accent-orange)}.step-tabs{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.step-tab{border:2px solid var(--border-muted);min-height:48px;color:var(--text-secondary);box-shadow:0 4px 0 var(--shadow-deep);background:#222b3a;justify-content:center;align-items:center;gap:8px;font-weight:900;display:inline-flex}.step-tab .pixel-icon{font-size:20px}.step-tab.is-selected{border-color:var(--accent-mint);color:var(--accent-mint);background:#27384a}.progress-meter{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;display:grid}.progress-meter span{border:2px solid var(--border-muted);background:linear-gradient(180deg, #ffffff09, transparent 52%), var(--bg-input);height:28px;box-shadow:inset 0 0 0 2px #ffffff0a}.progress-meter--queued span{background:linear-gradient(135deg, transparent 0 38%, #a9b4c714 38% 52%, transparent 52%), var(--bg-input);background-size:12px 12px;border-color:#43516ad1}.progress-meter .is-filled{background:linear-gradient(180deg, #9dffbd 0 44%, var(--accent-mint) 44%), var(--accent-mint);border-color:#9df5c8}.progress-label{color:var(--accent-mint);text-align:center;margin:-8px 0 0;font-size:23px;font-weight:950}.progress-meter--queued+.progress-label{color:var(--text-secondary);font-size:18px}.status-details{border-top:1px dashed var(--border-muted);gap:0;margin:0;display:grid}.status-details div{border-bottom:1px solid #43516a8c;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:11px 0;display:grid}.status-details dt,.status-details dd{color:var(--text-secondary);margin:0;font-size:16px;font-weight:850}.status-details dd{color:var(--text-primary);text-align:right}.download-button{width:100%}.legend-bar{grid-template-columns:auto repeat(5,minmax(118px,1fr));align-items:center;gap:14px;padding:16px 22px;display:grid}.legend-title{color:var(--text-secondary);white-space:nowrap;font-size:17px;font-weight:900}.legend-item{min-width:0;color:var(--text-secondary);grid-template-columns:30px minmax(0,1fr);align-items:center;gap:2px 8px;display:grid}.legend-item .pixel-icon{background:#05091247;border:1px solid #a9b4c747;grid-row:1/3;width:27px;height:27px;padding:3px}.legend-item strong{color:var(--text-primary);font-size:14px;font-weight:950;line-height:1.15}.legend-item p{color:var(--text-secondary);word-break:keep-all;margin:0;font-size:11px;font-weight:800;line-height:1.25}.legend-item--queued{color:var(--border-strong)}.legend-item--processing{color:var(--accent-mint)}.legend-item--completed{color:var(--accent-gold)}.legend-item--failed{color:var(--accent-danger)}.legend-item--expired{color:var(--accent-orange)}@media (width<=820px){.app-shell{padding:14px 10px 24px}.workspace{gap:14px}.console-hero{grid-template-columns:minmax(0,1fr) 64px;min-height:118px;padding:16px 14px}.console-hero:after{background-size:14px 10px;width:44px;height:10px;top:17px;right:49px}.page-title{font-size:28px;line-height:1}.hero-copy{margin-top:10px;font-size:13px}.brand-kicker{margin-bottom:8px;font-size:10px}.pixel-extractor{width:64px;height:72px}.console-grid,.legend-bar{grid-template-columns:1fr}.console-panel{padding:15px}.segmented-control,.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-head{grid-template-columns:58px minmax(0,1fr);gap:12px}.status-icon{width:54px;height:54px;font-size:32px}.status-head h3{font-size:21px}.status-head p,.status-details dt,.status-details dd{font-size:13px}.step-tab{gap:5px;min-height:44px;font-size:13px}.step-tab .pixel-icon{font-size:17px}.legend-bar{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:8px;padding:14px 12px}.legend-title{grid-column:1/-1;font-size:16px}.legend-item{text-align:center;background:#05091238;border:1px solid #a9b4c72e;grid-template-columns:1fr;justify-items:center;min-height:54px;padding:8px 3px}.legend-item .pixel-icon{grid-row:auto;width:25px;height:25px}.legend-item strong{font-size:12px}.legend-item p{display:none}}