:root{color-scheme:dark;font-size:15px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;--bg: #131313;--panel-bg: #1c1c1c;--panel-inner: #151515;--panel-inner-alt: #181818;--border: #2c2c2c;--border-subtle: #242424;--text: #ececec;--text-muted: #9c9c9c;--text-faint: #888888;--accent: #e58824;--accent-hover: #f59838;--accent-dim: #291e14;--accent-text: #f5a447;--accent-border: #804a14;--drop-border: #383838;--drop-hover-bg: #221b14;--btn-disabled-bg: #262626;--btn-disabled-text: #585858;--error-bg: #2a1616;--error-border: #5c2626;--error-text: #f08888}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);background-image:url(/noise.svg);background-size:128px 128px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-wrap{width:100%;max-width:720px;margin:auto;padding:24px 16px;display:flex;flex-direction:column}button,input,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,p{margin:0}.tool-header{text-align:center;margin-bottom:26px}.tool-title{font-size:22px;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.25;letter-spacing:-.3px}.tool-subtitle{font-size:13.5px;color:var(--text-muted);line-height:1.5;font-weight:400}.converter-box{background:var(--panel-bg);border-radius:6px;border:1px solid var(--border);box-shadow:inset 0 1px #ffffff08,0 12px 32px #0000002e;overflow:hidden}.converter-cols{display:grid;grid-template-columns:1fr 1.35fr;gap:22px;padding:22px;align-items:stretch}.col-file{display:flex;flex-direction:column}.field-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:10px;letter-spacing:.1px}.drop-zone{flex:1;display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--drop-border);border-radius:5px;background:var(--panel-inner);cursor:pointer;text-align:center;padding:20px;gap:8px;transition:background .15s,border-color .15s,min-height .15s,padding .15s;color:var(--text)}.drop-zone:hover,.drop-zone.dragging{background:var(--drop-hover-bg);border-color:var(--accent)}.drop-zone.dragging{border-style:solid;box-shadow:inset 0 0 0 1px var(--accent)}.drop-zone:focus-within{outline:2px solid var(--accent);outline-offset:2px}.drop-zone[aria-disabled=true],.disabled-zone{cursor:not-allowed!important;opacity:.55;pointer-events:none}.drop-zone input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}.upload-icon{height:42px;width:42px;border:1px solid var(--border);border-radius:8px;background:var(--panel-inner-alt);display:grid;place-items:center;margin-bottom:2px;color:var(--accent)}.upload-icon svg{width:24px;height:24px;stroke-width:1.5}.drop-zone strong{font-size:13.5px;font-weight:600;color:var(--text)}.drop-zone>span:not(.upload-icon){font-size:11.5px;color:var(--text-muted)}.browse-text{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.drop-zone .file-limit{font:9px Consolas,monospace;letter-spacing:.5px;margin-top:8px;color:var(--text-faint);white-space:nowrap}.drop-zone.has-file{flex:0 0 auto;height:auto;min-height:70px;padding:10px}.has-file .upload-icon{display:none}.has-file .file-limit{margin-top:0}.selected-file{display:flex;align-items:center;gap:10px;background:var(--panel-inner);border:1px solid var(--border);padding:8px 12px;border-radius:4px;margin-top:10px}.file-symbol{font:9px Consolas,monospace;padding:6px;border:1px solid var(--border);border-radius:3px;color:var(--accent);background:var(--panel-bg);font-weight:700}.file-meta{flex:1;min-width:0;display:grid;gap:2px}.file-meta strong{font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.file-meta span{font-size:10.5px;color:var(--text-muted)}.icon-button{background:transparent;padding:2px 6px;color:var(--text-muted);font-size:18px;line-height:1}.icon-button:hover{color:var(--text)}.file-version-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-left:2px}.detected-badge{font-size:11px;font-family:Consolas,monospace;background:var(--accent-dim);color:var(--accent-text);border:1px solid var(--accent-border);padding:2px 7px;border-radius:3px;font-weight:600}.detected-badge.modern-notice{background:#2b1f14;border:1px solid #754215;color:#f5a447;padding:6px 10px;font-family:inherit;font-size:11px;line-height:1.5;border-radius:4px;font-weight:400}.override-btn{background:transparent;padding:0;color:var(--text-muted);font-size:11px;text-decoration:underline;text-underline-offset:2px}.override-btn:hover{color:var(--accent)}.col-version{display:flex;flex-direction:column;height:100%}.version-options{flex:1;height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,1fr);grid-auto-flow:column;column-gap:12px;row-gap:4px}.disabled-picker,.disabled-picker .version-option{cursor:not-allowed!important;opacity:.55;pointer-events:none}.version-option{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;cursor:pointer;background:transparent;color:var(--text-muted);transition:background .12s,color .12s;border-left:3px solid transparent;width:100%;box-sizing:border-box}.version-option:hover{background:var(--panel-inner);color:var(--text)}.version-option.selected{background:var(--accent-dim);border-left-color:var(--accent);color:#fff;font-weight:500}.version-radio{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--border);border-radius:50%;background:var(--panel-inner);margin:0;display:grid;place-content:center;cursor:pointer;flex-shrink:0}.version-radio:checked{border-color:var(--accent)}.version-radio:checked:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.version-name{font-size:13px;white-space:nowrap}.version-name,#file-size,.pack-size{font-family:Consolas,monospace;font-variant-numeric:tabular-nums}.version-badge{font-size:8.5px;font-family:Consolas,monospace;background:var(--accent-dim);color:var(--accent-text);border:1px solid var(--accent-border);padding:1px 4px;border-radius:3px;margin-left:6px;text-transform:uppercase}.action-area{display:flex;padding:14px 22px;background:var(--panel-inner);border-top:1px solid var(--border)}.action-area .primary-button{width:100%;padding:12px 20px;font-size:13.5px;justify-content:center}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:4px;background:var(--accent);color:#111;font-size:13.5px;font-weight:700;transition:background .14s,transform .1s}.primary-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.primary-button:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);opacity:1}.progress-section{padding:16px 22px;border-top:1px solid var(--border);background:var(--panel-inner)}.progress-top{display:flex;justify-content:space-between;font-size:12px;color:var(--accent-text);margin-bottom:6px}#progress-percent{color:var(--text);font-family:Consolas,monospace}progress{appearance:none;-webkit-appearance:none;width:100%;height:6px;border:0;border-radius:3px;background:var(--panel-bg);overflow:hidden}progress::-webkit-progress-bar{background:var(--panel-bg)}progress::-webkit-progress-value{background:var(--accent);transition:width .2s}progress::-moz-progress-bar{background:var(--accent)}.text-button{background:none;padding:0;color:var(--text-muted);font-size:11.5px;text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:var(--text)}.progress-section .text-button{margin-top:10px}.error-message{margin:14px 22px;padding:11px 15px;border-radius:4px;background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);font-size:12.5px;line-height:1.5}.issue-link{color:inherit;font-size:11px;text-decoration:underline;text-underline-offset:2px}.issue-link:hover{color:var(--accent)}.pack-list{list-style:none;margin:0;padding:0 22px 18px;display:grid;gap:10px}.pack-row{min-width:0;padding:12px;background:var(--panel-inner);border:1px solid var(--border);border-radius:4px}.pack-row-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pack-row-name{min-width:0;font-size:12.5px;overflow-wrap:anywhere}.pack-size{color:var(--text-muted);font-size:11px}.pack-detail{margin-top:8px;font-size:12px;color:var(--error-text);overflow-wrap:anywhere}.pack-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}.pack-download{color:var(--accent-text);font-size:12px;text-decoration:underline;text-underline-offset:2px}.progress-top{gap:12px}#progress-stage{min-width:0;overflow-wrap:anywhere}#progress-percent{flex-shrink:0}.error-message .issue-link{display:block;margin-top:6px}.result{padding:20px 22px;border-top:1px solid var(--border);background:var(--panel-inner)}.result-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.success-icon{width:28px;height:28px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent-text);display:grid;place-items:center;font-size:15px;font-weight:700}.result h2{font-size:16px;font-weight:600;color:var(--text)}.result-top p{font-size:12px;color:var(--text-muted);margin-top:2px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.result-stats>div{background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;padding:9px 12px;display:grid;gap:2px}.result-stats strong{font-size:17px;font-weight:700;color:var(--accent-text)}.result-stats span{font-size:10px;color:var(--text-muted)}.result details{background:var(--panel-bg);border:1px solid var(--border);border-radius:4px;padding:10px 14px;font-size:12px;color:var(--text-muted);margin-bottom:16px}.result summary{cursor:pointer;color:var(--text);font-weight:500}.result ul{margin:10px 0 4px;padding-left:20px;line-height:1.6;max-height:220px;overflow-y:auto;overflow-wrap:break-word;word-break:break-word;padding-bottom:8px;padding-right:6px}.result li{margin-bottom:6px}.result li:last-child{margin-bottom:0}.download-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.download-actions .primary-button{width:100%;padding:12px 20px;font-size:14px;justify-content:center}.download-actions .primary-button svg{width:16px;height:16px}.privacy-note{margin:15px auto 0;font-size:12px;color:#b0b0b0;line-height:1.5;text-align:center}.tool-footer{margin-top:18px;padding-top:12px;border-top:1px solid var(--border-subtle);text-align:center;font-size:11px;color:#888;line-height:1.5}.tool-footer a{color:#b5b5b5;text-decoration:underline;text-underline-offset:2px}.tool-footer a:hover{color:var(--accent)}.build-info{margin-top:6px;font-family:Consolas,monospace;font-size:10.5px;color:var(--text-faint);line-height:1.4}.build-info a{color:var(--text-faint);text-decoration:underline;text-underline-offset:2px}.build-info a:hover{color:var(--accent)}@media(max-width:660px){.app-wrap{padding:18px 12px}.converter-cols{grid-template-columns:1fr;gap:18px;padding:16px}.drop-zone{min-height:140px}.version-options{grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:8px}.result-stats{grid-template-columns:1fr}.action-area{padding:12px 16px}}@media(max-width:420px){.version-option{gap:6px;padding:8px 6px;min-height:40px}.version-badge{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}