:root{--bg-core:#090a0f;--bg-gradient-start:#0a0b12;--bg-gradient-end:#050608;--base-white:#fff;--base-white-dim:#ffffff80;--base-white-faint:#ffffff1a;--sp-blue-r:255;--sp-blue-g:64;--sp-blue-b:100;--sp-red-r:64;--sp-red-g:180;--sp-red-b:255;--spectrum-blue:rgba(var(--sp-blue-r), var(--sp-blue-g), var(--sp-blue-b), .6);--spectrum-red:rgba(var(--sp-red-r), var(--sp-red-g), var(--sp-red-b), .6);--spectrum-blue-strong:rgba(var(--sp-blue-r), var(--sp-blue-g), var(--sp-blue-b), .9);--spectrum-red-strong:rgba(var(--sp-red-r), var(--sp-red-g), var(--sp-red-b), .9);--spectrum-blue-full:rgb(var(--sp-blue-r), var(--sp-blue-g), var(--sp-blue-b));--spectrum-red-full:rgb(var(--sp-red-r), var(--sp-red-g), var(--sp-red-b));--sp-blue-03:rgba(var(--sp-blue-r), var(--sp-blue-g), var(--sp-blue-b), .3);--sp-blue-05:rgba(var(--sp-blue-r), var(--sp-blue-g), var(--sp-blue-b), .5);--sp-blue-008:rgba(var(--sp-blue-r), var(--sp-blue-g), var(--sp-blue-b), .08);--sp-blue-01:rgba(var(--sp-blue-r), var(--sp-blue-g), var(--sp-blue-b), .1);--sp-blue-015:rgba(var(--sp-blue-r), var(--sp-blue-g), var(--sp-blue-b), .15);--sp-blue-02:rgba(var(--sp-blue-r), var(--sp-blue-g), var(--sp-blue-b), .2);--sp-blue-04:rgba(var(--sp-blue-r), var(--sp-blue-g), var(--sp-blue-b), .4);--sp-red-03:rgba(var(--sp-red-r), var(--sp-red-g), var(--sp-red-b), .3);--sp-red-05:rgba(var(--sp-red-r), var(--sp-red-g), var(--sp-red-b), .5);--sp-red-008:rgba(var(--sp-red-r), var(--sp-red-g), var(--sp-red-b), .08);--sp-red-01:rgba(var(--sp-red-r), var(--sp-red-g), var(--sp-red-b), .1);--sp-red-015:rgba(var(--sp-red-r), var(--sp-red-g), var(--sp-red-b), .15);--sp-red-02:rgba(var(--sp-red-r), var(--sp-red-g), var(--sp-red-b), .2);--sp-red-04:rgba(var(--sp-red-r), var(--sp-red-g), var(--sp-red-b), .4);--glass-bg:#0c0e1466;--glass-border:#ffffff4d;--glass-border-highlight:#fffc;--text-main:#f0f0f4;--text-mute:#8a92a3;--text-accent:var(--base-white);--hud-radius:2px;--font-en:"Jura", sans-serif;--font-jp:"Noto Sans JP", sans-serif;--font-mono:"Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{font-family:var(--font-jp);background:var(--bg-core);color:var(--text-main);min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}.mono{font-family:var(--font-mono);letter-spacing:.5px}.text-white{color:var(--base-white)}.text-mute{color:var(--text-mute)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-center{text-align:center}.mb-3{margin-bottom:12px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.p-0{padding:0!important}.text-blink{animation:3s ease-in-out infinite txtBlinking}@keyframes txtBlinking{0%,to{opacity:.9}50%{opacity:.5}}.spectrum-text-glow{text-shadow:-2px 0 5px var(--spectrum-blue), 2px 0 5px var(--spectrum-red)}.spectrum-box-glow{box-shadow:-3px 0 10px var(--spectrum-blue), 3px 0 10px var(--spectrum-red)}.spectrum-box-glow-inset{box-shadow:inset -2px 0 8px var(--spectrum-blue), inset 2px 0 8px var(--spectrum-red)}.cyber-grid{z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:50%;background-size:40px 40px;position:fixed;inset:0}.global-scanlines{display:none}.ambient-bg{filter:blur(150px);z-index:-1;pointer-events:none;border-radius:50%;position:fixed}.ambient-bg-1{background:radial-gradient(circle, var(--sp-blue-008) 0%, #0000 70%);width:40vw;height:40vw;top:-10vw;left:-10vw}.ambient-bg-2{background:radial-gradient(circle, var(--sp-red-008) 0%, #0000 70%);width:50vw;height:50vw;bottom:-20vw;right:-10vw}.app-container{z-index:1;max-width:1200px;margin:0 auto;padding:24px;position:relative}.hud-panel{--ca-offset:1.5px;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border:1px solid #ffffff59;margin-bottom:24px;padding:24px;transition:box-shadow .4s,border-color .4s;position:relative;box-shadow:0 4px 30px #00000080,inset 0 0 20px #ffffff03}.hud-panel:before{content:"";top:0;bottom:0;left:calc(-1 * var(--ca-offset));right:var(--ca-offset);border:1px solid var(--sp-blue-015);clip-path:inherit;pointer-events:none;z-index:11;transition:all .4s;position:absolute}.hud-panel:after{content:"";top:0;bottom:0;left:var(--ca-offset);right:calc(-1 * var(--ca-offset));border:1px solid var(--sp-red-015);clip-path:inherit;pointer-events:none;z-index:11;transition:all .4s;position:absolute}.hud-panel:hover{border-color:#ffffff80;box-shadow:0 4px 30px #0009,inset 0 0 20px #ffffff0d}.hud-panel:hover:before{border-color:var(--sp-blue-04);left:calc(-2 * var(--ca-offset));right:calc(2 * var(--ca-offset))}.hud-panel:hover:after{border-color:var(--sp-red-04);left:calc(2 * var(--ca-offset));right:calc(-2 * var(--ca-offset))}.hud-corner{pointer-events:none;z-index:12;border:1.5px solid #ffffff80;width:18px;height:18px;transition:all .4s;position:absolute}.hud-corner.top-left,.hud-corner.bottom-left{border-image:linear-gradient(90deg, var(--sp-blue-05), #ffffff80) 1;box-shadow:-1px 0 4px var(--sp-blue-03)}.hud-corner.top-right,.hud-corner.bottom-right{border-image:linear-gradient(90deg, #ffffff80, var(--sp-red-05)) 1;box-shadow:1px 0 4px var(--sp-red-03)}.hud-panel:hover .hud-corner.top-left,.hud-panel:hover .hud-corner.bottom-left{border-image:linear-gradient(90deg, var(--spectrum-blue-strong), var(--base-white)) 1;box-shadow:-3px 0 8px var(--spectrum-blue)}.hud-panel:hover .hud-corner.top-right,.hud-panel:hover .hud-corner.bottom-right{border-image:linear-gradient(90deg, var(--base-white), var(--spectrum-red-strong)) 1;box-shadow:3px 0 8px var(--spectrum-red)}.hud-corner.top-left{border-bottom:none;border-right:none;top:0;left:0}.hud-corner.top-right{border-bottom:none;border-left:none;top:0;right:0}.hud-corner.bottom-left{border-top:none;border-right:none;bottom:0;left:0}.hud-corner.bottom-right{border-top:none;border-left:none;bottom:0;right:0}.hud-title{color:var(--base-white);letter-spacing:1px;align-items:center;gap:8px;font-size:1rem;font-weight:400;display:flex}.hud-panel:hover .hud-title{text-shadow:-1px 0 5px var(--spectrum-blue), 1px 0 5px var(--spectrum-red)}.title-icon{background:var(--base-white);width:6px;height:6px;box-shadow:-1px 0 3px var(--spectrum-blue), 1px 0 3px var(--spectrum-red);display:inline-block}.label-accent{color:var(--text-mute);font-size:.85rem}.hud-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex;position:relative}.hud-header:after{content:"";background:linear-gradient(90deg, transparent, var(--spectrum-blue), var(--base-white), var(--spectrum-red), transparent);opacity:.5;height:1px;position:absolute;bottom:-1px;left:0;right:0}.header-decor-left,.header-decor-right{display:none}.header-right{flex-shrink:0;align-items:center;gap:16px;display:flex;overflow:visible}.logo-container{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.logo-container h1{font-family:"Orbitron", var(--font-mono);color:var(--base-white);letter-spacing:4px;margin:0;font-size:1.8rem;font-weight:900;line-height:1}.logo-frame{-webkit-text-fill-color:var(--base-white);filter:drop-shadow(0 0 8px #fff6)}.logo-distill{background:linear-gradient(90deg, var(--spectrum-blue-full), var(--base-white) 50%, var(--spectrum-red-full));-webkit-text-fill-color:transparent;filter:drop-shadow(-3px 0 10px var(--spectrum-blue)) drop-shadow(3px 0 10px var(--spectrum-red)) drop-shadow(0 0 6px #ffffff80);background-clip:text}.logo-underline{background:linear-gradient(90deg, var(--spectrum-blue-strong), transparent 30%, transparent 70%, var(--spectrum-red-strong));opacity:.5;height:1px;margin-top:6px}.logo-container:hover .logo-underline{opacity:.8}.logo-container:hover .logo-frame{filter:drop-shadow(0 0 14px #fff9)}.logo-container:hover .logo-distill{filter:drop-shadow(-5px 0 16px var(--spectrum-blue-strong)) drop-shadow(5px 0 16px var(--spectrum-red-strong)) drop-shadow(0 0 10px #fff9)}.sys-version{color:#b8bcc8;letter-spacing:2px;margin-top:6px;font-size:.8rem}.hud-btn-outline{border:1px solid var(--base-white-dim);color:var(--base-white);cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#ffffff05;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;transition:all .3s;display:inline-flex}.hud-btn-outline:hover{border-color:var(--base-white);box-shadow:inset -2px 0 10px var(--spectrum-blue), inset 2px 0 10px var(--spectrum-red);text-shadow:-1px 0 4px var(--spectrum-blue), 1px 0 4px var(--spectrum-red);background:#ffffff14}.hud-btn-primary{background:linear-gradient(90deg, var(--spectrum-blue-strong), transparent 30%, transparent 70%, var(--spectrum-red-strong));border:1px solid var(--base-white);color:var(--base-white);cursor:pointer;width:100%;box-shadow:-2px 0 15px var(--spectrum-blue), 2px 0 15px var(--spectrum-red);text-shadow:-1px 0 4px var(--spectrum-blue), 1px 0 4px var(--spectrum-red);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);padding:12px 24px;font-size:1rem;font-weight:700;transition:all .3s}.hud-btn-primary:hover:not(:disabled){background:linear-gradient(90deg, var(--spectrum-blue-full), var(--base-white) 50%, var(--spectrum-red-full));color:#000;border-color:var(--base-white);box-shadow:-4px 0 20px var(--spectrum-blue), 4px 0 20px var(--spectrum-red), inset -2px 0 10px var(--spectrum-blue), inset 2px 0 10px var(--spectrum-red);text-shadow:none}.hud-btn-primary:disabled{color:var(--text-mute);cursor:not-allowed;box-shadow:none;background:#ffffff0d;border-color:#ffffff1a}.btn-icon{width:16px;height:16px}.radio-group{flex-wrap:wrap;gap:20px;display:flex}.cyber-radio{cursor:pointer;user-select:none;color:var(--text-mute);align-items:center;font-size:.85rem;transition:color .3s;display:flex;position:relative}.cyber-radio:hover{color:var(--base-white)}.cyber-radio input{opacity:0;cursor:pointer;position:absolute}.radio-mark{border:1px solid var(--text-mute);width:12px;height:12px;margin-right:8px;transition:all .3s;display:inline-block;position:relative}.cyber-radio:hover .radio-mark{border-color:var(--base-white)}.cyber-radio input:checked~.radio-mark{border-color:var(--base-white);box-shadow:-1px 0 4px var(--spectrum-blue), 1px 0 4px var(--spectrum-red)}.radio-mark:after{content:"";background:0 0;width:6px;height:6px;transition:background .3s;display:block;position:absolute;top:2px;left:2px}.cyber-radio input:checked~.radio-mark:after{background:var(--base-white);box-shadow:-1px 0 3px var(--spectrum-blue), 1px 0 3px var(--spectrum-red)}.cyber-radio input:checked~span:last-child{color:var(--base-white);text-shadow:-1px 0 4px var(--spectrum-blue), 1px 0 4px var(--spectrum-red)}.input-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.input-controls{flex-direction:column;justify-content:space-between;gap:16px;display:flex}.file-info-display{background:#0003;border:1px solid #ffffff0d;flex-direction:column;gap:6px;padding:12px;display:flex}.file-info-row{align-items:baseline;gap:12px;font-size:.85rem;display:flex}.file-info-row .label-accent{flex-shrink:0;min-width:70px}#file-info-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.no-file-placeholder{background:#0000001a;border:1px dashed #ffffff0d;flex:1;justify-content:center;align-items:center;padding:12px;display:flex}.meta-loading{border:2px solid #ffffff26;border-top-color:var(--spectrum-blue-strong);vertical-align:middle;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite meta-spin;display:inline-block}@keyframes meta-spin{to{transform:rotate(360deg)}}.input-controls .mode-row{flex-direction:column;gap:8px;display:flex}.cyber-dropzone{text-align:center;cursor:pointer;background:#0003;border:1px solid #0000;justify-content:center;align-items:center;min-height:200px;padding:60px 20px;transition:all .4s;display:flex;position:relative;overflow:hidden}.compact-dropzone{min-height:160px;padding:30px 20px}#input-section.has-preview{padding:16px}#input-section.has-preview .input-row{align-items:stretch}#input-section.has-preview .compact-dropzone{min-height:0;padding:0;overflow:hidden}#input-section.has-preview .input-controls{justify-content:start;gap:10px}#input-section.has-preview .file-info-display{gap:1px;padding:6px 10px}#input-section.has-preview .file-info-row{gap:8px;font-size:.8rem}.cyber-dropzone:before{content:"";border:1px dashed var(--base-white-faint);transition:all .4s;position:absolute;inset:0}.cyber-dropzone:hover:before,.cyber-dropzone.drag-over:before{border-color:var(--base-white-dim);border-style:solid}.cyber-dropzone:hover,.cyber-dropzone.drag-over{box-shadow:inset -10px 0 30px var(--sp-blue-01), inset 10px 0 30px var(--sp-red-01);background:#ffffff08}.dropzone-content{z-index:2;color:var(--base-white-dim);flex-direction:column;align-items:center;gap:16px;font-size:1.1rem;transition:color .3s;display:flex;position:relative}.dropzone-formats{color:var(--text-mute);letter-spacing:2px;margin-top:4px;font-size:.75rem;display:inline-block}.cyber-dropzone:hover .dropzone-content{color:var(--base-white);text-shadow:-1px 0 5px var(--spectrum-blue), 1px 0 5px var(--spectrum-red)}.drop-icon{color:currentColor;width:48px;height:48px;transition:transform .4s,filter .4s}.cyber-dropzone:hover .drop-icon{filter:drop-shadow(-2px 0 6px var(--spectrum-blue)) drop-shadow(2px 0 6px var(--spectrum-red));transform:scale(1.05)}.dropzone-preview{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.progress-info{color:var(--base-white);letter-spacing:1px;justify-content:space-between;margin-bottom:8px;display:flex}.cyber-progress-container{background:linear-gradient(90deg, var(--sp-blue-008), #ffffff0f, var(--sp-red-008));height:4px;position:relative;overflow:visible}.cyber-progress-bar{background:linear-gradient(90deg, var(--spectrum-blue-strong), var(--base-white) 50%, var(--spectrum-red-strong));width:0%;height:100%;box-shadow:-4px 0 12px var(--spectrum-blue), 4px 0 12px var(--spectrum-red), 0 0 8px #ffffff4d;transition:width .1s linear;position:relative}.cyber-progress-bar:after{content:"";background:var(--base-white);width:2px;height:10px;box-shadow:-2px 0 8px var(--spectrum-blue-strong), 2px 0 8px var(--spectrum-red-strong), 0 0 4px var(--base-white);position:absolute;top:-3px;right:0}.cyber-progress-bar.indeterminate{animation:1.2s ease-in-out infinite indeterminate-slide;width:30%!important}.cyber-progress-bar.indeterminate:after{display:none}@keyframes indeterminate-slide{0%{width:20%;margin-left:0%}50%{width:30%;margin-left:40%}to{width:20%;margin-left:80%}}.cancel-btn{border:1px solid var(--sp-red-03);color:var(--sp-red-05);cursor:pointer;background:0 0;margin:12px auto 0;padding:6px 24px;font-size:.85rem;transition:all .2s;display:block}.cancel-btn:hover{border-color:var(--spectrum-red-strong);color:var(--spectrum-red-strong);box-shadow:0 0 8px var(--sp-red-03)}.params-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.extracted-count-box{align-items:center;gap:8px;padding:4px 12px;display:flex}.count-value{color:var(--base-white);text-shadow:-1px 0 6px var(--spectrum-blue), 1px 0 6px var(--spectrum-red);font-size:1.2rem;font-weight:300}.params-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.params-grid{grid-template-columns:1fr}}.param-group{background:#00000026;border:1px solid #ffffff59;margin-bottom:0;padding:16px}.param-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.param-row label{white-space:nowrap;min-width:120px}.cyber-slider{display:none}.slider-val{text-align:right;min-width:40px;color:var(--base-white)}.param-row .label-accent{color:#c8cdd8;font-size:1.25rem}.param-row .slider-val{color:#fff;font-size:1.25rem}.monitor-effect{cursor:ew-resize;touch-action:none;user-select:none;background:#0000004d;border:1px solid #ffffff0d;width:100%;height:70px;transition:box-shadow .3s;position:relative;overflow:hidden}.monitor-effect:hover{box-shadow:-3px 0 10px var(--sp-blue-015), 3px 0 10px var(--sp-red-015)}.monitor-effect.dragging{box-shadow:-4px 0 14px var(--sp-blue-015), 4px 0 14px var(--sp-red-015)}.monitor-glass{pointer-events:none;z-index:2;background:linear-gradient(#ffffff08 0%,#0000 100%);width:100%;height:50%;position:absolute;top:0;left:0}.monitor-scanlines{pointer-events:none}.histogram{opacity:.9;width:100%;height:100%;filter:drop-shadow(-2px 0 2px var(--spectrum-blue)) drop-shadow(2px 0 2px var(--spectrum-red));display:block}.hud-header-bar{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.preview-tips{letter-spacing:.5px;color:var(--base-white);opacity:.8;font-size:.85rem}.hud-decal{color:var(--text-mute);letter-spacing:2px;padding:2px 6px;font-size:.6rem}.preview-scroll-container{max-height:50vh;padding-right:8px;overflow-y:auto}.preview-scroll-container::-webkit-scrollbar{width:2px}.preview-scroll-container::-webkit-scrollbar-track{background:#ffffff0d}.preview-scroll-container::-webkit-scrollbar-thumb{background:#ffffff4d}.thumb-size-group{gap:4px;display:flex}.thumb-size-btn{color:var(--text-mute);cursor:pointer;background:#ffffff05;border:1px solid #ffffff40;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;transition:all .3s;display:flex}.thumb-size-btn:hover{border-color:var(--base-white-dim);color:var(--base-white)}.thumb-size-btn.active{border-color:var(--base-white);color:var(--base-white);box-shadow:-1px 0 4px var(--spectrum-blue), 1px 0 4px var(--spectrum-red);background:#ffffff1a}#preview-grid{--thumb-min:120px;grid-template-columns:repeat(auto-fill, minmax(var(--thumb-min), 1fr));gap:16px;display:grid}#preview-grid.virtual-scroll{display:block;position:relative;overflow-y:auto}#preview-grid.virtual-scroll .thumbnail-card{contain:layout style paint;position:absolute}#preview-grid.thumb-sm{--thumb-min:10px;grid-template-columns:repeat(auto-fill,10px);gap:2px}#preview-grid.thumb-sm .thumbnail-card{background:var(--dot-color,#40b4ff);border-color:#ffffff26;width:10px;height:10px;padding:0}#preview-grid.thumb-sm .thumbnail-card.excluded{background:#ffffff0f;border-color:#ffffff08}#preview-grid.thumb-sm .thumbnail-card canvas,#preview-grid.thumb-sm .thumbnail-card img,#preview-grid.thumb-sm .thumbnail-card .info{display:none}#preview-grid.thumb-md{--thumb-min:60px;gap:8px}.thumbnail-card{cursor:pointer;background:#000;border:1px solid #ffffff1a;padding:4px;transition:border-color .3s,box-shadow .3s;position:relative}.thumbnail-card:hover{border-color:var(--base-white-dim);box-shadow:-2px 0 10px var(--sp-blue-02), 2px 0 10px var(--sp-red-02)}.thumbnail-card canvas,.thumbnail-card img{opacity:1;width:100%;height:auto;transition:opacity .3s;display:block}.thumbnail-card.excluded{border-color:#ffffff05}.thumbnail-card.excluded canvas,.thumbnail-card.excluded img{opacity:.35}.thumbnail-card .info{font-family:var(--font-mono);color:var(--base-white);background:#0009;justify-content:space-between;padding:4px;font-size:.7rem;display:flex;position:absolute;bottom:5px;left:5px;right:5px}.thumbnail-card:hover:not(.excluded) .info{text-shadow:-1px 0 3px var(--spectrum-blue), 1px 0 3px var(--spectrum-red)}.thumbnail-card.excluded .info{color:var(--text-mute);text-shadow:none}#preview-grid.thumb-md .thumbnail-card .info{display:none}.blur-indicator{background:var(--dot-color,#40b4ff);opacity:.85;z-index:3;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.thumbnail-card.excluded .blur-indicator{opacity:.2}#preview-grid.thumb-sm .blur-indicator{display:none}.export-grid{flex-direction:column;gap:20px;display:flex}@media (width<=768px){.input-row{grid-template-columns:1fr}.compact-dropzone{min-height:120px}}.export-options{flex-direction:column;gap:12px;display:flex}.export-action{flex-direction:column;align-items:center;gap:12px;display:flex}.export-action>button{white-space:nowrap;width:60%}#export-progress-container{align-self:stretch;width:100%;height:auto}#export-progress-container>.cyber-progress-bar{height:4px}#export-cancel-btn{width:20%;margin-top:8px;margin-left:auto;margin-right:auto;display:block}.p-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.p-row .label-accent{color:#c8cdd8;font-size:1.1rem}.p-row .cyber-radio,.p-row .hud-input{font-size:1.1rem}.custom-edge-input{text-align:center;width:80px}.min-w{min-width:100px}.hud-input{border:none;border-bottom:1px solid var(--text-mute);color:var(--base-white);background:0 0;outline:none;padding:4px 8px;font-size:.85rem;transition:all .3s}.hud-input:focus{border-bottom-color:var(--base-white);box-shadow:0 4px 6px -4px var(--spectrum-blue), 0 4px 6px -4px var(--spectrum-red)}.hud-input:disabled{opacity:.4;cursor:not-allowed}.hud-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hud-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hud-input[type=number]{-moz-appearance:textfield}.inline-input{text-align:center;width:80px;margin:0 8px}.quality-group{align-items:center;gap:4px;margin-left:12px;display:inline-flex}.folder-path{word-break:break-all;text-shadow:-1px 0 3px var(--sp-blue-05), 1px 0 3px var(--sp-red-05);font-size:.8rem}.info-btn{color:var(--text-mute);cursor:pointer;vertical-align:middle;box-sizing:content-box;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:0;padding:4px;transition:color .3s;display:flex}.info-btn svg{flex-shrink:0;width:24px;height:24px;display:block}.info-btn:hover{color:var(--base-white)}.info-panel{z-index:180;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.info-panel-backdrop{background:#000000d9;position:absolute;inset:0}.info-panel-content{width:100%;max-width:480px;position:relative}.info-section{margin-bottom:20px}.info-section-title{letter-spacing:1px;margin-bottom:8px;font-size:.85rem}.info-links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.info-link{color:var(--base-white-dim);align-items:center;gap:6px;font-size:.85rem;text-decoration:none;transition:color .3s;display:inline-flex}.info-link:hover{color:var(--base-white);text-shadow:-1px 0 4px var(--spectrum-blue), 1px 0 4px var(--spectrum-red)}.info-credits{flex-direction:column;gap:6px;font-size:.8rem;list-style:none;display:flex}.info-privacy-text{font-size:.8rem;line-height:1.6}.info-close-btn{width:100%;margin-top:16px}.hud-footer{text-align:center;letter-spacing:2px;border-top:1px solid #ffffff1a;margin-top:8px;padding:24px 0;font-size:.7rem}.hud-error{border:1px solid var(--sp-red-05);color:#ffb8b8;box-shadow:-4px 0 15px var(--sp-blue-02), 4px 0 15px var(--sp-red-04), 0 0 20px var(--sp-red-03);z-index:100;text-align:center;text-transform:uppercase;letter-spacing:2px;background:#0a0000e6;min-width:300px;padding:12px 24px;font-weight:300;position:fixed;top:20px;left:50%;transform:translate(-50%)}.frame-modal{z-index:150;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.frame-modal-backdrop{background:#000000e6;position:absolute;inset:0}.frame-modal-content{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.frame-modal-content canvas{box-shadow:-4px 0 20px var(--spectrum-blue), 4px 0 20px var(--spectrum-red);border:1px solid #fff3;display:block}.frame-modal-content canvas.zoomable{cursor:zoom-in}.frame-modal-content canvas.zoomed{cursor:grab}.frame-modal-content canvas.zoomed.dragging{cursor:grabbing}.frame-modal.zoomed-mode .frame-modal-content{width:100vw;height:100vh;display:block;position:fixed;top:0;left:0;overflow:hidden}.frame-modal.zoomed-mode .frame-modal-bar{z-index:10;background:#000c;padding:8px 24px;position:fixed;bottom:0;left:0;right:0}.frame-modal-bar{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}#frame-modal-info{letter-spacing:1px;font-size:.8rem}#frame-modal-tips{letter-spacing:.5px;opacity:.8;white-space:nowrap;font-size:.65rem}.frame-modal-loading{z-index:10;color:#fffc;pointer-events:none;background:#000000b3;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mobile-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.mobile-dialog{text-align:center;max-width:420px;margin-bottom:0}.mobile-dialog .hud-title{justify-content:center}.mobile-dialog-icon{color:var(--base-white-dim);justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.mobile-dialog-arrow{color:var(--base-white-dim);font-size:1.5rem}.mobile-dialog p{font-size:.85rem;line-height:1.8}