:root{color-scheme:dark;--bg:#05090a;--bg2:#090e10;--surface:#0d1416;--surface-hover:#101b1d;--raised:#121c1e;--hair:#1b2b2c;--hair2:#223536;--text:#e6f0ed;--secondary:#b0c0bf;--muted:#7f9897;--dim:#576b6a;--lime:#acfb7b;--mint:#6fe3bd;--danger:#ff9b91;--orange:#ebbc77;--mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;--sans:'DM Sans',Inter,system-ui,sans-serif;--display:'Space Grotesk','DM Sans',sans-serif;--shadow:0 28px 75px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,select,input{outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible,.dropzone:focus-visible{outline:2px solid var(--lime);outline-offset:3px}a{color:inherit;text-decoration:none}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}::selection{background:var(--lime);color:#09140b}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.mono{font-family:var(--mono)}.faint{color:var(--dim)}[hidden]{display:none!important}
.app-shell{min-height:100vh;display:grid;grid-template-columns:249px minmax(0,1fr)}
.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--hair);display:flex;flex-direction:column;background:linear-gradient(160deg,#0b1113 0,#070c0d 70%);padding:26px 14px 18px;z-index:5;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1b2a2b transparent}
.brand{padding:1px 10px 48px;display:flex;gap:12px;align-items:center}.brand-icon{width:42px;height:42px;border:1px solid #40704a;border-radius:12px;background:linear-gradient(135deg,#173126,#0c1818);box-shadow:inset 0 0 21px rgba(134,255,119,.06),0 0 22px rgba(101,214,146,.035);display:flex;align-items:center;justify-content:center;position:relative;color:var(--lime);font-family:var(--display);font-size:29px;font-weight:700;line-height:1}.brand-icon i{font-family:var(--mono);font-size:13px;font-style:normal;position:absolute;top:4px;right:4px}.brand-title{font-family:var(--display);font-size:19px;letter-spacing:-1.15px;font-weight:700;line-height:1.2}.brand-period{color:var(--lime)}.brand-subtitle{font:500 9px var(--mono);letter-spacing:.085em;color:#75938c;margin-top:4px}.brand-subtitle span{color:var(--lime)}
.nav-heading{color:#637978;font:600 9px var(--mono);letter-spacing:.17em;padding:0 12px 12px;display:flex;justify-content:space-between;align-items:center}.nav-heading-badge{color:#425958;font-weight:500;letter-spacing:0;font-size:9px}.category-nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav-item{height:44px;width:100%;border:1px solid transparent;border-radius:9px;background:transparent;color:#819a98;display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left;transition:color .16s,border .16s,background .16s,transform .16s;position:relative}.nav-item:hover{background:#121d1e;color:#e0eeeb}.nav-item.active{background:linear-gradient(90deg,rgba(172,251,123,.105),rgba(172,251,123,.024));border-color:#324b3a;color:var(--lime)}.nav-item.active:before{content:"";width:2px;height:22px;background:var(--lime);border-radius:2px;position:absolute;left:-15px;box-shadow:0 0 12px var(--lime)}.nav-item svg{width:17px;height:17px;stroke-width:1.8;flex-shrink:0}.nav-item span{font-size:12.5px;font-weight:600;flex:1;white-space:nowrap}.nav-item .nav-short{font-family:var(--mono);font-size:9px;color:#405857;font-weight:500;letter-spacing:-.03em}.nav-item.active .nav-short{color:#6d9f66}.sidebar-bottom{margin-top:30px}.module-notice{border:1px solid #254035;border-radius:11px;padding:12px;position:relative;background:radial-gradient(circle at 90% -30%,rgba(136,255,137,.13),transparent 70%),#0d1816;overflow:hidden;display:flex;align-items:center;gap:10px}.notice-glow{height:60px;width:60px;position:absolute;background:rgba(116,255,156,.13);filter:blur(33px);right:0;top:0}.module-visual{height:34px;width:34px;border:1px solid #345745;border-radius:8px;display:grid;place-items:center;color:var(--lime);flex-shrink:0;background:#18271f}.module-visual svg{width:17px;height:17px}.notice-body{display:flex;flex-direction:column;gap:3px;min-width:0}.notice-body strong{font-size:11px;font-weight:700;color:#e6ede8}.notice-body span{font-size:9px;color:#849e90;line-height:1.5}.side-version{display:flex;justify-content:space-between;padding:20px 3px 1px;color:#526e68;font:500 9px var(--mono);white-space:nowrap;letter-spacing:.03em}.tiny-square{width:5px;height:5px;background:var(--lime);border-radius:1px;display:inline-block;vertical-align:2px;margin-right:5px;box-shadow:0 0 8px rgba(172,251,123,.5)}
.app-main{display:flex;flex-direction:column;min-width:0;min-height:100vh;background:radial-gradient(ellipse 67% 47% at 73% -9%,rgba(42,78,62,.095),transparent 80%),#060a0b}.topbar{height:67px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--hair);color:#a8beb5;background:rgba(7,12,13,.57)}.topbar-l,.topbar-r{display:flex;align-items:center;gap:11px}.topbar-l{font:500 12px var(--mono)}.top-current{font:700 12px var(--mono);color:#c2e3ca}.topbar-r{gap:23px}.search-quick{border:1px solid #1c2a2b;background:#0c1314;height:34px;border-radius:7px;display:flex;align-items:center;gap:9px;padding:0 8px 0 11px;color:#869a99;font-size:11px;transition:background .2s,border .2s}.search-quick:hover{background:#121e1e;border-color:#355043;color:#cbd9d3}.search-quick svg{width:13px;height:13px}.search-quick kbd{font:500 9px var(--mono);border:1px solid #273839;border-radius:4px;color:#607b76;padding:3px 5px;margin-left:13px}.topbar-divider{height:20px;width:1px;background:#253334}.live-status{font:600 10px var(--mono);letter-spacing:.05em;display:flex;align-items:center;gap:9px;color:#a2bea9}.live-indicator{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px rgba(172,251,123,.075),0 0 13px rgba(172,251,123,.42);animation:status-pulse 3s infinite}.live-indicator.off{background:#ff9d91;box-shadow:0 0 0 4px rgba(255,157,145,.07)}@keyframes status-pulse{50%{box-shadow:0 0 0 5px rgba(172,251,123,.04),0 0 15px rgba(172,251,123,.23)}}
.work-area{width:100%;max-width:1540px;margin:0 auto;padding:40px clamp(25px,4.2vw,72px) 56px;flex:1;min-width:0}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-meta{font:600 10px var(--mono);color:#82968f;letter-spacing:.08em}.green-slash{color:var(--lime);font-size:13px}.meta-separator{margin:0 7px;color:#3f5650}.meta-right{display:flex;gap:13px;align-items:center;color:#6f857c;font:500 9px var(--mono);letter-spacing:.085em}.meta-dot{width:3px;height:3px;border-radius:50%;background:#46695a}.hero-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 35px}.hero-row h1{font:600 clamp(42px,4.1vw,66px)/1.05 var(--display);letter-spacing:-.072em;color:#edf7f2;margin:0 0 10px}.title-mark{font-family:var(--mono);color:var(--lime);margin-left:3px;font-weight:400;display:inline-block;animation:caret 1.35s steps(2,start) infinite}@keyframes caret{50%{opacity:0}}.hero-row p{font-size:13.2px;color:#829b95;margin:0}.hero-outline{height:66px;min-width:181px;border:1px solid #2a4038;border-radius:9px;background:repeating-linear-gradient(0deg,transparent 0,transparent 12px,rgba(142,255,142,.03) 13px),linear-gradient(90deg,#0d1816,#0b1213);display:flex;gap:13px;align-items:center;padding:0 17px;color:#9dbaa5}.outline-pixel{font-size:21px;color:var(--lime);text-shadow:0 0 23px rgba(165,255,143,.3)}.hero-outline div{display:flex;flex-direction:column;gap:4px}.hero-outline div span{font:500 8px var(--mono);letter-spacing:.18em;color:#688c79}.hero-outline div strong{font:700 17px var(--mono);letter-spacing:-.05em;color:#ccf7d2}.hero-outline div strong span{color:var(--lime);font-size:17px}
.main-panels{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);align-items:start;gap:19px}.card-glass{border:1px solid var(--hair2);background:linear-gradient(155deg,rgba(17,26,27,.96),rgba(10,17,18,.98));border-radius:13px;min-width:0;position:relative;box-shadow:var(--shadow);overflow:hidden}.card-glass:before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(138,221,164,.14),transparent);pointer-events:none}.card-titlebar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #203032}.card-label{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.card-label h2{font:700 15px var(--display);letter-spacing:-.03em;margin:0;color:#e4efe9}.step-badge{border:1px solid #355743;background:#182a20;color:#a6f89b;border-radius:5px;height:22px;min-width:27px;display:flex;align-items:center;justify-content:center;font:600 10px var(--mono)}.line-to-right{margin-left:7px;height:1px;background:#253536;flex:1;max-width:85px}.hint-mono{font:500 9px var(--mono);letter-spacing:.045em;color:#597771;white-space:nowrap}.subtle-icon{width:17px;height:17px;color:#6d8480}
#fileSourceView{padding:23px}.dropzone{height:280px;border:1px dashed #39534b;border-radius:10px;position:relative;background:radial-gradient(ellipse at center,rgba(43,77,59,.1),transparent 60%),#0b1313;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.dropzone:hover,.dropzone.dragover{border-color:var(--lime);background:radial-gradient(ellipse at center,rgba(100,182,87,.14),transparent 65%),#0c1714}.dropzone.dragover{transform:scale(.996)}.drop-grid{position:absolute;inset:0;opacity:.27;background-image:linear-gradient(90deg,#23372e 1px,transparent 1px),linear-gradient(#23372e 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at 50% 44%,black,transparent 81%);pointer-events:none}.corner{position:absolute;width:15px;height:15px;pointer-events:none}.corner.tl{top:-1px;left:-1px;border-top:2px solid #95e184;border-left:2px solid #95e184;border-radius:8px 0 0 0}.corner.tr{top:-1px;right:-1px;border-top:2px solid #95e184;border-right:2px solid #95e184;border-radius:0 8px 0 0}.corner.bl{bottom:-1px;left:-1px;border-bottom:2px solid #95e184;border-left:2px solid #95e184;border-radius:0 0 0 8px}.corner.br{bottom:-1px;right:-1px;border-bottom:2px solid #95e184;border-right:2px solid #95e184;border-radius:0 0 8px 0}.drop-halo{height:91px;width:91px;position:relative;margin-bottom:11px;display:flex;align-items:center;justify-content:center}.drop-halo-ring{position:absolute;border:1px solid rgba(132,216,145,.15);border-radius:50%}.drop-halo-ring.ring-1{width:87px;height:87px;animation:ring-slow 9s linear infinite;border-top-color:rgba(169,245,145,.5)}.drop-halo-ring.ring-2{width:71px;height:71px;border-style:dashed;border-color:rgba(144,225,151,.23);animation:ring-slow 14s linear infinite reverse}@keyframes ring-slow{to{transform:rotate(360deg)}}.drop-inner{height:53px;width:53px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#1d3525,#11241c);border:1px solid #44664a;color:var(--lime);box-shadow:0 8px 30px rgba(8,22,12,.5),inset 0 1px 0 rgba(233,255,219,.07)}.drop-inner svg{width:24px;height:24px;stroke-width:1.65}.dropzone h3{z-index:1;font:600 19px var(--display);letter-spacing:-.04em;margin:4px 0 6px;color:#effaf2}.dropzone p{z-index:1;margin:0;font-size:12px;color:#8da8a0}.dropzone p span{color:var(--lime);font-weight:600}.drop-sub{z-index:1;margin-top:21px;font:500 9px var(--mono);color:#5f7d73;letter-spacing:.055em}.drop-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:16px;color:#7f9a8f}.drop-footer>div{display:flex;gap:8px;align-items:center}.drop-footer svg{width:14px;height:14px;color:#6d9675}.drop-footer span{font-size:10.5px}.drop-footer strong{font-weight:600;color:#bdcfc0}.drop-footer>div:last-child span{font:500 9px var(--mono)}
.file-list{display:flex;flex-direction:column;gap:9px;margin-top:14px}.file-list:empty{display:none}.file-row{display:flex;align-items:center;gap:11px;min-width:0;border:1px solid #2a3f38;background:#101d1b;border-radius:9px;padding:11px 11px 11px 13px;animation:slide-in .22s ease backwards}.file-row .file-symbol{height:36px;width:36px;flex-shrink:0;display:grid;place-items:center;background:#203526;border:1px solid #315741;color:#9deb9a;border-radius:7px;font:700 10px var(--mono)}.file-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.file-text strong{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:#e3efe7}.file-text span{font:500 9px var(--mono);color:#7c9890}.file-delete{height:28px;width:28px;display:grid;place-items:center;border:0;background:transparent;color:#6f9185;border-radius:6px}.file-delete:hover{background:#29302c;color:#ffb1a6}.file-delete svg{width:14px;height:14px}.file-row .mini-progress{height:3px;background:#2c4038;border-radius:2px;position:absolute;bottom:0;left:0;width:100%;overflow:hidden}.file-row .mini-progress>span{height:100%;display:block;background:var(--lime);transition:width .2s}
.youtube-source{padding:24px}.tiny-field-label{font:600 10px var(--mono);letter-spacing:.085em;color:#9aafa7;display:block;margin-bottom:10px}.url-input-wrap{display:flex;align-items:center;background:#080f10;border:1px solid #345046;border-radius:8px;height:52px;padding:5px 5px 5px 12px;transition:border .18s}.url-input-wrap:focus-within{border-color:var(--lime)}.url-prefix{height:32px;width:27px;display:grid;place-items:center;color:#8cc995}.url-prefix svg{width:17px;height:17px}.url-input-wrap input{flex:1;background:transparent;border:0;color:#e5f2e9;padding:0 7px;min-width:20px;font:500 12px var(--mono);outline:none}.url-input-wrap input::placeholder{color:#4a7164}.url-input-wrap button{height:39px;border:1px solid #45664c;background:#243e2d;border-radius:5px;color:#c3f6bb;display:flex;align-items:center;gap:7px;padding:0 12px;font:700 11px var(--sans)}.url-input-wrap button:hover{background:#305337}.url-input-wrap button:disabled{opacity:.55}.url-input-wrap button svg{width:13px;height:13px}.url-explainer{color:#7d958a;font-size:10.5px;line-height:1.6;margin-top:10px}.yt-paste-art{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #2d483c;background:radial-gradient(circle at center,rgba(73,120,88,.09),transparent 70%),#0b1313;border-radius:9px;margin-top:24px;gap:7px;text-align:center;padding:20px;color:#a4bfb1;font-size:11px}.yt-paste-art .yt-big-link{border:1px solid #40664f;background:#193026;color:var(--lime);width:52px;height:52px;border-radius:13px;display:grid;place-items:center;margin-bottom:9px}.yt-paste-art .yt-big-link svg{width:27px;height:27px}.yt-paste-art span{color:#607a6e;font:500 9px var(--mono)}.yt-preview{margin-top:23px;display:grid;grid-template-columns:138px minmax(0,1fr);gap:13px;align-items:center;border:1px solid #305043;border-radius:10px;background:#101d18;padding:12px;min-height:108px}.yt-thumb-wrap{width:138px;aspect-ratio:16/9;overflow:hidden;border:1px solid #315442;border-radius:7px;background:#152820}.yt-thumb-wrap img{width:100%;height:100%;object-fit:cover}.yt-card-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.yt-small{font:600 8px var(--mono);letter-spacing:.05em;color:#8abd91}.tiny-green-dot{width:4px;height:4px;display:inline-block;border-radius:50%;background:#93e98a;margin:0 3px 2px}.yt-card-copy strong{font-size:11px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.yt-card-copy>span{font:500 10px var(--mono);color:#73958a}
.config-content{padding:26px 23px 21px}.select-box{position:relative;display:flex;align-items:center;height:52px;background:#090f10;border:1px solid #37524a;border-radius:8px;transition:border .2s;overflow:hidden}.select-box:focus-within{border-color:var(--lime)}.select-box .select-type{font:700 9px var(--mono);letter-spacing:.08em;color:#a7e495;border:1px solid #365941;background:#152820;border-radius:4px;padding:6px 7px;margin-left:13px}.select-box select{appearance:none;background:transparent;border:0;color:#e7f3e9;padding:0 27px 0 13px;height:100%;min-width:0;flex:1;font:700 13px var(--mono);cursor:pointer;outline:none}.select-box select option{background:#172524;color:#e1f4e9}.select-box>svg{pointer-events:none;position:absolute;right:12px;color:#91ad9f;width:18px;height:18px}.format-quick-header{display:flex;justify-content:space-between;margin:20px 0 9px;color:#6b8b7b;font:600 9px var(--mono);letter-spacing:.06em}.format-quick-header .mono{color:#648f70}.format-chips{display:flex;gap:7px;flex-wrap:wrap;min-height:33px}.format-chip{border:1px solid #2c443a;background:#101c19;color:#9ebba9;min-width:63px;height:31px;padding:0 11px;border-radius:5px;font:600 11px var(--mono);transition:background .16s,border .16s,color .16s}.format-chip:hover{border-color:#5a8662;color:#e0f3dc}.format-chip.active{border-color:#a1ed82;background:#253e25;color:#d8ffd0;box-shadow:inset 0 0 0 1px rgba(160,255,123,.075)}.empty-label{color:#607e6f;font-size:10px;padding-top:6px}.config-divider{height:1px;background:#243535;margin:26px 0 24px}.quality-switch{display:flex;border:1px solid #2b453a;border-radius:8px;background:#081110;padding:4px;gap:4px}.quality-switch button{flex:1;white-space:nowrap;text-align:center;border:1px solid transparent;border-radius:5px;background:transparent;color:#77988a;font-size:11px;font-weight:600;height:35px;padding:0 4px;transition:background .15s,color .15s,border .15s}.quality-switch button:hover{color:#d1e6d4}.quality-switch button.active{border-color:#426049;background:#233b2a;color:#d2f8c6;box-shadow:0 2px 8px rgba(0,0,0,.21)}.field-description{font-size:10.5px;line-height:1.5;color:#668778;min-height:16px;margin:11px 0 0}.advanced-setting{margin-top:21px}.select-box.compact{height:43px}.select-box.compact select{font-size:11px;font-weight:600;padding-left:13px}.text-field{height:42px;width:100%;background:#081110;border:1px solid #345044;border-radius:7px;color:#e7f5e9;padding:0 11px;font:500 12px var(--mono)}.text-field::placeholder{color:#648275}.text-field:focus{border-color:var(--lime)}input[type=range]{width:100%;height:4px;accent-color:var(--lime);margin:14px 0 12px;cursor:pointer}.tiny-field-label span{float:right;color:var(--lime)}.image-width-label{margin-top:10px}.convert-button{height:59px;margin-top:26px;width:100%;border:1px solid #baff89;border-radius:8px;background:linear-gradient(115deg,#b4fb86,#a4ed78);color:#0c1d0e;font:800 13px var(--mono);letter-spacing:.1em;display:flex;align-items:center;justify-content:space-between;padding:0 17px 0 22px;box-shadow:0 10px 28px rgba(152,242,123,.12);transition:transform .15s,box-shadow .15s,background .15s;position:relative;overflow:hidden}.convert-button:after{content:"";position:absolute;inset:0;left:-130%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.5),transparent 75%);transition:left .55s}.convert-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px rgba(152,242,123,.2)}.convert-button:hover:not(:disabled):after{left:130%}.convert-button:disabled{background:#24392b;border-color:#365b3c;color:#7ca177;box-shadow:none}.convert-button>span:last-child{font:700 22px var(--mono)}.action-footnote{display:flex;gap:7px;justify-content:center;align-items:flex-start;color:#6e8b7d;font-size:10px;margin-top:13px;line-height:1.5;text-align:center}.action-footnote svg{width:13px;height:13px;flex-shrink:0;margin-top:1px}
.queue-block{margin-top:37px}.queue-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.queue-heading>div{display:flex;align-items:center;gap:11px}.queue-accent{height:17px;width:3px;background:var(--lime);border-radius:3px;box-shadow:0 0 9px rgba(171,255,118,.25)}.queue-heading h2{font:700 16px var(--display);letter-spacing:-.03em;margin:0}.queue-counter{font:600 10px var(--mono);color:#769881;border:1px solid #2c4737;background:#102018;padding:3px 6px;border-radius:4px}.text-button{border:0;background:transparent;color:#809e90;font-size:10px;display:flex;align-items:center;gap:6px}.text-button:hover{color:#d2f2ce}.text-button svg{width:13px;height:13px}.queue-empty{height:73px;border:1px dashed #233634;border-radius:9px;background:#0a1011;display:flex;align-items:center;gap:13px;padding:0 22px;color:#627c72;font-size:11px}.queue-empty-dash{font:500 22px var(--mono);color:#648a69}.queue-empty-right{margin-left:auto;font:500 9px var(--mono);color:#3e5c54}.job-list{display:flex;flex-direction:column;gap:9px}.job-row{border:1px solid #263b36;background:#0d1817;border-radius:9px;padding:13px 16px;display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:12px;animation:slide-in .25s ease backwards}.job-icon{height:37px;width:37px;background:#182e24;border:1px solid #2c5239;border-radius:8px;display:grid;place-items:center;color:#9fe589}.job-icon svg{width:19px;height:19px}.job-row[data-state=failed]{border-color:#623c3a}.job-row[data-state=failed] .job-icon{background:#2b1c1d;color:var(--danger);border-color:#693e3c}.job-row[data-state=processing] .job-icon svg{animation:spin 4s linear infinite}.job-main{min-width:0}.job-name{font-size:11.5px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#dceee4}.job-sub{display:flex;gap:10px;align-items:center;color:#78988b;font:500 9px var(--mono);margin-top:5px;min-width:0}.job-sub>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-sub .job-failure{color:var(--danger)}.job-row .job-actions{display:flex;align-items:center;gap:12px}.job-pct{font:700 11px var(--mono);color:#a5eaa0}.job-download{display:inline-flex;align-items:center;gap:6px;background:#24442f;color:#cbffce;border:1px solid #4e7e52;border-radius:6px;padding:8px 11px;font-size:10px;font-weight:700}.job-download:hover{background:#34623d}.job-download svg{width:13px;height:13px}.job-progress{height:3px;border-radius:2px;background:#1c3429;margin-top:9px;overflow:hidden}.job-progress>span{height:100%;background:linear-gradient(90deg,#62bd8b,var(--lime));display:block;box-shadow:0 0 8px rgba(132,255,124,.25);transition:width .45s ease}.job-row[data-state=failed] .job-progress>span{background:#e7887f}@keyframes slide-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
.statusbar{height:37px;padding:0 37px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1a2b29;background:#080e0f;font:500 9px var(--mono);color:#617e70;letter-spacing:.025em;gap:15px}.statusbar>div{display:flex;align-items:center;gap:11px;white-space:nowrap}.statusbar-square{width:6px;height:6px;background:#9ee681;border-radius:1px}.statusbar strong{color:#98b59d;font-weight:700}.footer-divider{color:#2d4c3c}.footer-right{gap:8px!important}.footer-dim{color:#3c6354;margin-left:7px}
.toast-area{position:fixed;bottom:55px;right:22px;display:flex;flex-direction:column;gap:10px;z-index:50;max-width:min(400px,calc(100vw - 40px))}.toast{background:#162520;border:1px solid #477652;color:#d8f6dc;border-radius:9px;padding:12px 16px;box-shadow:0 14px 40px rgba(0,0,0,.45);font-size:11px;line-height:1.6;animation:slide-in .2s ease}.toast.error{background:#2a1c1c;border-color:#985851;color:#ffcac2}.toast strong{font-size:11px;display:block;margin-bottom:2px}.search-dialog{border:1px solid #344e42;background:#101918;padding:0;border-radius:12px;box-shadow:0 22px 100px rgba(0,0,0,.7);width:min(570px,92vw);max-height:75vh;margin:14vh auto auto;color:var(--text)}.search-dialog::backdrop{background:rgba(0,5,5,.8);backdrop-filter:blur(8px)}.search-modal-input{display:flex;align-items:center;gap:11px;padding:14px 17px;border-bottom:1px solid #2b4437}.search-modal-input svg{color:var(--lime);width:18px;height:18px}.search-modal-input input{flex:1;background:transparent;border:0;color:#e1f4de;outline:none;font-size:12px}.search-modal-input input::placeholder{color:#65816f}.search-modal-input kbd{font:500 9px var(--mono);color:#5c816a;padding:5px 7px;border:1px solid #2c4938;border-radius:5px}.search-results{overflow-y:auto;max-height:350px;padding:8px}.search-result{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid transparent;background:transparent;color:#bed5c1;width:100%;border-radius:7px;text-align:left}.search-result:hover,.search-result:focus{background:#1c3024;border-color:#416341}.search-result svg{color:#a6f08c;width:17px;height:17px}.search-result div{display:flex;flex-direction:column;gap:2px;flex:1}.search-result strong{font-size:12px}.search-result small{font-size:10px;color:#72937a}.search-result>span{color:#688979;font:500 9px var(--mono)}.search-legend{padding:12px 18px;border-top:1px solid #284536;font:700 9px var(--mono);color:#8eb89b}.search-legend span{font-weight:500;color:#688774;margin-left:9px}
@media(min-width:1600px){.work-area{padding-left:83px;padding-right:83px}.main-panels{gap:22px}.dropzone{height:335px}}@media(max-width:1130px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.brand{padding-left:6px;gap:8px}.brand-title{font-size:17px}.nav-item{gap:9px}.work-area{padding:32px 26px 45px}.topbar{padding:0 26px}.main-panels{grid-template-columns:minmax(0,1fr) minmax(303px,.9fr);gap:15px}.hero-outline{display:none}.statusbar{padding:0 26px}}@media(max-width:900px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:20px 8px 14px;overflow:visible;align-items:center}.brand{padding:0 0 29px}.brand>div:last-child{display:none}.nav-heading{display:none}.category-nav{width:100%;align-items:center;gap:6px}.nav-item{width:48px;height:46px;justify-content:center;padding:0;overflow:visible}.nav-item span,.nav-item .nav-short{display:none}.nav-item svg{width:21px;height:21px}.nav-item.active:before{left:-9px}.sidebar-bottom{width:100%;display:flex;flex-direction:column;align-items:center}.module-notice{padding:7px}.module-visual{width:31px;height:31px}.notice-body,.side-version{display:none}.work-area{padding:34px clamp(20px,4.5vw,50px) 46px}.main-panels{grid-template-columns:1fr}.dropzone{height:290px}.config-content{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:start}.config-content>.tiny-field-label{grid-column:1}.config-content>.select-box{grid-column:1}.format-quick-header,.format-chips{grid-column:1}.config-divider{display:none}.config-content>#qualitySection{grid-column:2;grid-row:1 / span 4;padding-top:0}.config-content>#resolutionSection,.config-content>#imageSection,.config-content>#youtubeQualitySection{grid-column:2}.convert-button,.action-footnote{grid-column:1/-1}.statusbar .footer-right{display:none}}@media(max-width:610px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:12px 12px 9px;border-right:0;border-bottom:1px solid #2b4034;display:block;overflow-x:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.brand{display:none}.nav-heading{display:none}.category-nav{flex-direction:row;gap:4px;width:max-content;align-items:center}.nav-item{width:auto;min-width:44px;height:38px;display:flex;gap:5px;padding:0 10px;white-space:nowrap}.nav-item span{display:block;font-size:11px}.nav-item .nav-short{display:none}.nav-item svg{width:17px;height:17px}.nav-item.active:before{bottom:-10px;left:15px;height:2px;width:26px;top:auto}.sidebar-bottom{display:none}.topbar{height:55px;padding:0 18px}.topbar-l{gap:7px;font-size:10px}.topbar-r{gap:10px}.search-quick{height:30px;padding:0 7px}.search-quick>span,.search-quick kbd{display:none}.search-quick svg{width:15px;height:15px}.topbar-divider{display:none}.live-status{font-size:8px}.live-indicator{width:6px;height:6px}.work-area{padding:27px 16px 32px}.section-top{margin-bottom:11px}.meta-right{display:none}.hero-row{margin-bottom:26px}.hero-row h1{font-size:45px}.hero-row p{font-size:12px}.card-titlebar{height:56px;padding:0 18px}#fileSourceView{padding:14px}.dropzone{height:266px}.drop-footer{gap:9px;flex-wrap:wrap}.drop-footer span{font-size:10px}.config-content{display:block;padding:21px 18px}.config-divider{display:block;margin:24px 0 20px}.config-content>#qualitySection{padding:0}.format-quick-header{margin-top:16px}.convert-button{margin-top:24px}.youtube-source{padding:16px}.yt-preview{grid-template-columns:104px minmax(0,1fr)}.yt-thumb-wrap{width:104px}.statusbar{height:35px;padding:0 15px}.statusbar>div{gap:7px}.statusbar #footerInfo{display:none}.queue-empty{padding:0 13px}.queue-empty-right{display:none}.job-row{padding:12px;grid-template-columns:31px minmax(0,1fr) auto;gap:9px}.job-icon{height:31px;width:31px}.job-download{padding:7px}.job-download span{display:none}.job-pct{font-size:9px}}@media(max-width:385px){.nav-item span{display:none}.nav-item{width:41px;justify-content:center;padding:0}.drop-footer>div:last-child{margin-left:0}.topbar{padding:0 10px}.yt-preview{grid-template-columns:1fr}.yt-thumb-wrap{width:100%}.yt-card-copy{padding:0 3px 3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Legibility pass: OLED black without sacrificing secondary text contrast. */
:root{--secondary:#bbcfc5;--muted:#9bb4a7;--dim:#769888}
.nav-item{color:#9cb6ac}.nav-item .nav-short{color:#6c8878}
.drop-sub{color:#95b3a3}.drop-footer{color:#a4bbaa}
.hint-mono{color:#85a394}.empty-label,.field-description,.action-footnote,.queue-empty{color:#91ab9c}
.url-explainer,.yt-paste-art span,.yt-card-copy>span{color:#91ac9d}
.tiny-field-label{color:#bbccbf}.format-quick-header{color:#94ac99}