:root{--orange:#ff801e;--orange-hi:#ffb350;--orange-border:#b85a24;--background:#100e11;--panel:#1c1a1a;color-scheme:dark;background:#100e11;color:#f7eee6}
body{background:radial-gradient(ellipse at 90% -5%,rgba(253,108,20,.18),transparent 40%),radial-gradient(ellipse at 10% 70%,rgba(238,90,15,.08),transparent 53%),#100e11}
.wrap{max-width:1180px}
header{margin:0 0 24px;align-items:center;flex-wrap:wrap}
.brand{gap:13px;min-width:0}.brandlogo{width:78px;height:78px;object-fit:cover;border-radius:18px;border:2px solid #dc661a;box-shadow:0 7px 22px #ff681933}
.brand h1{font-size:clamp(26px,4vw,38px);font-weight:850;letter-spacing:.2px}.brand h1 em{color:#ff953d}
.brand p{color:#d5afa1;font-size:12px}
.headtools{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#language{background:#2e1f1b;border-color:#bd672c;color:#ffcea1;min-width:145px;padding:10px 12px}
.chip{background:#302018;border:1px solid #845329;color:#ffba75}
.tab{border-color:#5e3d2e;background:#211b1c;color:#f6dbc6}.tab.active{background:#633418;border-color:#f7872e;color:#ffdcac}
.panel{background:linear-gradient(142deg,#211d1e,#161517);border:1px solid #543a2b;box-shadow:0 12px 30px #0003}
.panel h2{color:#ffe3cb}
button,.filepick{background:#38261d;border-color:#76513d;color:#fff2e5}
button:hover,.filepick:hover{background:#513223}
button.primary{background:linear-gradient(135deg,#ffa332,#eb6514);color:#1b0d08;border-color:#ffb45e;box-shadow:0 6px 18px #ff78182c}
button.primary:hover{background:#ffbd5c}
button.quiet,.filepick.secondary{background:#251c1b;border-color:#574239;color:#edcabb}
input,textarea,select{background:#191518;color:#fff1e7;border-color:#6a4938}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#ff9c35}
.smallstat{background:#3b251b;border-color:#a36a3b;color:#ffd8b2}
.summary .valid,.summary strong{color:#ffab53}
.carlist{border-color:#704832;background:#151315}
.carrow{border-color:#3b3029}.carrow:hover{background:#412e24}
.carrow small{color:#d2a988}.carrow input[type=checkbox]{accent-color:#ff872a}
.muted{color:#c4a999}
.notice{background:#593017;border-color:#ff922e;color:#ffe0c4}
footer{color:#856759}
.exportactions{display:flex;flex-direction:column;gap:10px;max-width:800px;margin:0 auto}
.exportactions>button{width:100%;min-height:54px}
.exporttxt{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.exporttxt button{width:100%}
.selectedpanel{margin-top:17px;padding:16px;border:1px solid #875030;border-radius:14px;background:#211714}
.selectedpanel h3,.advanced h3{font-size:14px;color:#ffc08a;margin:0}
.selectedpanel .split{align-items:center}
.chosen-list{max-height:260px;overflow-y:auto;margin-top:10px}
.chosen-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;gap:10px;border-bottom:1px solid #4c3229}
.chosen-row span{font-size:12px;overflow-wrap:anywhere;text-align:start}
button.small{font-size:11px;padding:6px 8px;white-space:nowrap}
.advanced{border-top:1px solid #5c3b2a;margin-top:17px;padding-top:17px}
.parts-select{width:100%;margin:12px 0;max-height:300px;overflow:auto;display:block}
.parts-select option{padding:8px;border-bottom:1px solid #3a2b27;direction:ltr;text-align:start}
#partsSearch{width:100%;margin-top:12px}
#exePackPreview{padding:10px;min-height:28px;overflow-wrap:anywhere;direction:ltr;text-align:start}
[hidden]{display:none!important}
html[dir=ltr] .carrow .carname,html[dir=ltr] .carrow small{text-align:left}
html[dir=ltr] .chosen-row span{text-align:left}
@media(max-width:720px){
 .brandlogo{width:58px;height:58px;border-radius:13px}
 .brand h1{font-size:24px}.brand p{font-size:11px}
 .headtools{justify-content:space-between;width:100%}#language{flex:0 0 auto;min-width:130px}
 .exportactions>button{min-height:54px}
 .exporttxt{grid-template-columns:1fr 1fr}
 .exporttxt button{padding:12px 7px;font-size:12px}
 .selectedpanel{padding:12px}
}

.language-picker{position:relative;z-index:18}
#languageToggle{min-width:168px;border-color:#b56b35;color:#ffe0bf;background:#34231d;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.language-menu{position:absolute;top:calc(100% + 7px);right:0;min-width:188px;z-index:120;border:1px solid #c6712d;border-radius:13px;padding:5px;background:#221817;box-shadow:0 20px 55px #000b}
html[dir=ltr] .language-menu{left:0;right:auto}
.language-menu button{width:100%;display:block;margin:2px 0;text-align:start;background:transparent;border:0;border-radius:8px;color:#ffe1bf}
.language-menu button:hover,.language-menu button.chosen{background:#5f341e;color:#ffba70}
.parts-list{height:350px}
.parts-list .partrow .carname{font-size:13px}
.parts-chosen{margin-top:12px}
.filepick[data-drop-kind]{outline-offset:2px}
body.file-dragging .filepick{outline:2px dashed #ffa048;background:#65361d;box-shadow:0 0 0 7px #ff942222}
body.file-dragging #files{display:block}
@media(max-width:720px){#languageToggle{min-width:152px;padding:10px 11px}.language-menu{min-width:175px}}

.version-panel{padding:15px;margin:0 0 17px;border:1px solid #8d502b;border-radius:14px;background:#241c1b}
.version-panel h3{color:#ffc38b;font-size:15px}
.version-panel .rowinputs{margin-top:10px}
.version-panel #carVersion{flex:1;min-width:125px}
.version-panel #chooseVersion{white-space:normal}
.version-panel #versionStatus{white-space:pre-wrap;overflow-wrap:anywhere}
.restore-panel{margin-top:14px}
.restore-panel #restoreSearch{width:100%;margin-bottom:10px}
.restore-panel #restoreCar{width:100%;min-height:165px;max-height:250px;direction:ltr}
.restore-panel #restoreCar option{padding:7px}
.restore-panel #restoreApply{width:100%;margin-top:12px}
