:root{--win-accent:#0067c0;--win-accent-hover:#005a9e;--win-accent-active:#004578;--surface:rgba(255,255,255,.72);--text:#111827;--muted:#526070;--line:rgba(0,0,0,.1);--radius:6px}*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,#dff3ff,transparent 28%),linear-gradient(135deg,#f6fbff,#dbeafe);min-height:100vh}.desktop{min-height:100vh;display:grid;place-items:center;padding:32px}.window{width:min(1060px,96vw);border:1px solid rgba(255,255,255,.8);border-bottom-color:rgba(0,0,0,.16);border-radius:18px;background:var(--surface);backdrop-filter:blur(30px) saturate(160%);box-shadow:0 24px 80px rgba(15,23,42,.22);overflow:hidden}.titlebar{height:54px;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#1a1a1a 0%,#2a2a2a 100%)}.footer a{color:inherit;text-decoration:none}
.site-logo{font-size:1.05rem;font-weight:900;letter-spacing:.08em;background:linear-gradient(180deg,#f5e07a 0%,#d4a017 30%,#f0c040 55%,#b8860b 80%,#e8c84a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;user-select:none;text-transform:uppercase;-webkit-font-smoothing:antialiased}
.tabs{display:flex;gap:8px;padding:12px 16px;background:rgba(255,255,255,.38);border-bottom:1px solid var(--line);flex-wrap:wrap}.tab{padding:10px 14px;border-radius:8px;text-decoration:none;color:var(--muted);transition:background-color 120ms ease,box-shadow 120ms ease,color 120ms ease;position:relative;font-size:.9rem}.tab:hover{background:rgba(255,255,255,.7);color:var(--text)}.tab.is-active{background:rgba(255,255,255,.92);color:var(--text);font-weight:600;box-shadow:0 2px 10px rgba(0,103,192,.18),0 1px 4px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.9);border:1px solid rgba(0,103,192,.15)}.tab--home{font-weight:600}
.window-body{padding:26px}.lead{font-size:1.08rem;color:var(--muted);line-height:1.7}.converter-card,.content section,.notice,.ads-placeholder{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.8);border-bottom-color:rgba(0,0,0,.12);border-radius:14px;padding:18px;margin:18px 0}.drop-zone{border:2px dashed rgba(0,103,192,.35);border-radius:14px;padding:34px;text-align:center;background:rgba(255,255,255,.5);cursor:pointer}.drop-zone.is-dragover{background:#e8f4ff}.start-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 18px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.28);border-bottom-color:rgba(0,0,0,.18);background:var(--win-accent);color:#fff;font-weight:600;letter-spacing:-.01em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 8px 20px rgba(0,103,192,.18);backdrop-filter:blur(20px) saturate(140%);cursor:pointer;transition:background-color 120ms ease,transform 80ms ease,box-shadow 120ms ease}.start-button:hover{background:var(--win-accent-hover);box-shadow:0 2px 4px rgba(0,0,0,.14),0 10px 24px rgba(0,103,192,.22)}.start-button:active{background:var(--win-accent-active);transform:translateY(1px)}.start-button__icon{width:18px;height:18px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px}.start-button__icon span{background:rgba(255,255,255,.95);border-radius:1px}
.start-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}
.progress{height:8px;border-radius:99px;background:rgba(0,0,0,.08);overflow:hidden;margin-top:16px}.progress span{display:block;width:0;height:100%;background:var(--win-accent)}.footer{display:flex;gap:16px;justify-content:center;padding:18px;border-top:1px solid var(--line)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.28);display:grid;place-items:center;z-index:99}.win-modal{width:min(440px,92vw);padding:24px;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(0,0,0,.28)}details{margin:10px 0;padding:12px;border-radius:10px;background:rgba(255,255,255,.5)}@media(prefers-color-scheme:dark){:root{--win-accent:#60cdff;--win-accent-hover:#8cddff;--win-accent-active:#3aa0d8;--surface:rgba(30,41,59,.74);--text:#f8fafc;--muted:#cbd5e1;--line:rgba(255,255,255,.14)}body{background:radial-gradient(circle at 20% 10%,#123047,transparent 28%),linear-gradient(135deg,#0f172a,#111827)}.start-button{color:#00131f}.start-button__icon span{background:rgba(0,19,31,.92)}.converter-card,.content section,.notice,.ads-placeholder,.tab.is-active,.tab:hover,.win-modal{background:rgba(30,41,59,.88)}.site-logo{background:linear-gradient(135deg,#a0b8cc 0%,#c8dce8 20%,#e8f2f8 35%,#b8ccd8 50%,#90a8bc 65%,#d0dce8 80%,#a8bcc8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}
.pick-row{display:flex;justify-content:center;margin:14px 0}.pick-button{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:8px;border:1px solid var(--win-accent);background:transparent;color:var(--win-accent);font:inherit;font-weight:600;cursor:pointer;transition:background-color 120ms ease}.pick-button:hover{background:rgba(0,103,192,.1)}.pick-button:active{background:rgba(0,103,192,.18)}.file-list{list-style:none;margin:14px 0;padding:0;display:flex;flex-direction:column;gap:8px}.file-list:empty{display:none}.file-item{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px;border:1px solid var(--line);border-left-width:4px;border-radius:10px;background:rgba(255,255,255,.7)}.file-item.is-ok{border-left-color:#28a745}.file-item.is-bad{border-left-color:#ff5f57}.file-item__name{font-weight:600;word-break:break-all}.file-item__meta{color:var(--muted);font-size:.85rem;word-break:break-all}.file-item__status{margin-left:auto;font-size:.82rem;font-weight:600;padding:2px 10px;border-radius:999px}.file-item.is-ok .file-item__status{color:#1a7431;background:rgba(40,167,69,.14)}.file-item.is-bad .file-item__status{color:#c0392b;background:rgba(255,95,87,.16)}.start-button.is-disabled,.start-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3);box-shadow:none}.start-button.is-disabled:hover,.start-button:disabled:hover{background:var(--win-accent);transform:none;box-shadow:none}@media(prefers-color-scheme:dark){.file-item{background:rgba(30,41,59,.7)}.pick-button:hover{background:rgba(96,205,255,.12)}}
.progress-region{margin:18px 0 0}.progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.progress-state{font-weight:600}.progress-percent{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.progress-detail{margin:8px 0 0;color:var(--muted);font-size:.85rem;min-height:1.1em;word-break:break-word}.progress-region .progress span{transition:width 200ms ease}.progress-region[data-progress-phase="done"] .progress span{background:#28a745}.progress-region[data-progress-phase="failed"] .progress span{background:#ff5f57}.progress-region[data-progress-phase="failed"] .progress-state{color:#c0392b}.progress-region[data-progress-phase="done"] .progress-state{color:#1a7431}.progress-region[data-progress-phase="idle"] .progress-percent{display:none}.progress-region[data-indeterminate="true"] .progress{position:relative;overflow:hidden}.progress-region[data-indeterminate="true"] .progress span{width:35%!important;background:var(--win-accent);animation:progress-indeterminate 1.1s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}@media(prefers-reduced-motion:reduce){.progress-region[data-indeterminate="true"] .progress span{animation:none;width:100%!important;opacity:.5}}
.results-region{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line)}.results-region[hidden]{display:none}.results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.results-title{margin:0;font-size:1.05rem}.results-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.result-item{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px;border:1px solid var(--line);border-left:4px solid #28a745;border-radius:10px;background:rgba(255,255,255,.7)}.result-item__name{font-weight:600;word-break:break-all}.result-item__meta{color:var(--muted);font-size:.85rem}.result-item__download{margin-left:auto}.results-note{margin:10px 0 0;color:var(--muted);font-size:.8rem}@media(prefers-color-scheme:dark){.result-item{background:rgba(30,41,59,.7)}}
.file-item.is-warn{border-left-color:#f0a500}.file-item__warn{font-size:.8rem;font-weight:600;color:#b8860b;background:rgba(240,165,0,.16);padding:2px 8px;border-radius:999px}.modal-backdrop{padding:16px}.win-modal{width:min(460px,92vw);max-width:92vw;padding:26px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.6);border-bottom-color:rgba(0,0,0,.16);box-shadow:0 30px 80px rgba(15,23,42,.34);animation:modal-pop 120ms ease-out}.win-modal__title{margin:0 0 8px;font-size:1.15rem}.win-modal__message{margin:0 0 6px;line-height:1.6}.win-modal__detail{margin:0 0 10px;color:var(--muted);font-size:.9rem;line-height:1.55}.win-modal__note{display:block;color:var(--muted);font-size:.78rem;margin-bottom:14px}.win-modal__actions{display:flex;justify-content:flex-end;gap:10px}@keyframes modal-pop{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.win-modal{animation:none}}@media(max-width:480px){.win-modal{width:96vw;padding:20px 16px}.win-modal__actions{justify-content:stretch}.win-modal__actions .start-button{width:100%}}@media(prefers-color-scheme:dark){.file-item__warn{color:#ffce6a;background:rgba(240,165,0,.2)}}