:root{color-scheme:dark;font:15px/1.65 system-ui,sans-serif;color:#f4f0f1;background:#111014}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:32px 24px 60px}a{color:#ffb1c9;text-decoration:none}header{margin:32px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:#ef769c}h1{font-size:clamp(26px,4vw,40px);margin:12px 0}h2{font-size:19px;margin:0 0 12px}p{color:#bdb6c2}section{border:1px solid #363039;border-radius:16px;background:#1b181e;margin:20px 0;padding:24px}.notice{padding:16px;border:1px solid #584452;border-radius:12px}.actions,.section-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.section-head{justify-content:space-between}button,.filebutton,select{font:inherit;background:#bd3b68;color:white;border:1px solid transparent;border-radius:9px;padding:9px 15px;cursor:pointer}.secondary,.filebutton,select{background:#2e2732;border-color:#49414f}button:disabled{opacity:.45;cursor:default}button:hover:enabled,.filebutton:hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffa3c2;outline-offset:3px}.filebutton input{display:none}.small,footer{font-size:12px;color:#a59aa9}footer{text-align:center;margin-top:24px}.table-wrap{overflow:auto;max-height:650px;margin:16px 0}table{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}th,td{padding:12px;text-align:left;border-bottom:1px solid #39323e;vertical-align:top}th{background:#211b26;position:sticky;top:0}td:first-child{width:45px}td:nth-child(2){min-width:280px;max-width:390px}td:nth-child(4){max-width:250px}.title{display:block;color:#eee;font-weight:600}.muted{color:#aaa0b0;font-size:12px}.error{color:#ffb287}.done{color:#8fe8b7}input[type=checkbox]{accent-color:#e7598b;width:18px;height:18px}progress{width:100%;height:12px;margin-top:20px;accent-color:#df5283}#mappings{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}#mappings label{background:#2b2230;padding:10px;border-radius:8px}.thumb{width:48px;height:60px;object-fit:cover;float:left;margin-right:12px;border-radius:5px}.back{font-size:13px}

.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.language-picker{display:flex;align-items:center;gap:8px;font-size:13px}.language-picker select{max-width:180px}#mappings label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}#mappings select{max-width:100%}