button, input, select { font:inherit; }
input, select { color:var(--ink); }
.tuning-intro { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); align-items:center; gap:36px; padding:76px 0 38px; }
.tuning-intro h1 { margin:14px 0 20px; font-size:clamp(42px,5.7vw,70px); }
.tuning-intro h1 em { color:#c4b8ff; font-family:Georgia,serif; font-weight:400; }
.tuning-intro p { max-width:670px; color:#aeb6cb; line-height:1.65; font-size:15px; }
.tuning-vehicle-visual { min-height:225px; display:grid; place-items:center; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:linear-gradient(135deg,rgba(50,67,116,.6),rgba(27,28,66,.48)); }
.tuning-vehicle-visual img { width:100%; height:100%; max-height:260px; object-fit:contain; }
.tuning-vehicle-visual img[hidden],.tuning-vehicle-visual span[hidden] { display:none; }
.tuning-vehicle-visual span { font-size:96px; font-weight:800; color:rgba(180,174,255,.23); }
.tuning-panel { border:1px solid var(--line); border-radius:13px; padding:25px; background:rgba(16,22,40,.68); }
.tuning-panel-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; }
.tuning-panel h2 { margin:7px 0 0; font-size:25px; letter-spacing:-.035em; }
.tuning-muted,.tuning-data-note { color:var(--muted); font-size:12px; line-height:1.5; }
.tuning-panel > .tuning-muted { margin:14px 0 19px; }
.tuning-setup-grid { display:grid; grid-template-columns:1fr 1.6fr 1fr; gap:12px; margin-top:22px; }
.tuning-field { display:flex; flex-direction:column; min-width:0; gap:8px; color:#bcc7dd; font-size:12px; font-weight:650; }
.tuning-field input,.tuning-field select,.tuning-table select,.tuning-table input { min-width:0; width:100%; height:41px; border:1px solid rgba(174,185,225,.23); border-radius:7px; outline:0; padding:0 11px; background:#10182b; color:var(--ink); }
.tuning-field input:focus,.tuning-field select:focus,.tuning-table select:focus,.tuning-table input:focus { border-color:var(--cyan); }
.tuning-field input[aria-invalid="true"] { border-color:#ff9f91; }
.tuning-field input[readonly] { opacity:.7; }
.tuning-field small { min-height:14px; color:var(--muted); font-size:10px; font-weight:400; }
.tuning-data-note { margin:13px 0 0; }
.tuning-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(275px,.75fr); align-items:start; gap:18px; margin:18px 0 88px; }
.tuning-main { display:grid; gap:18px; min-width:0; }
.tuning-discount { width:165px; flex:0 0 auto; }
.tuning-discount select { height:36px; }
.tuning-table-wrap { width:100%; overflow-x:auto; }
.tuning-table { width:100%; min-width:620px; border-collapse:collapse; font-size:12px; }
.tuning-table th,.tuning-table td { padding:11px 8px; border-bottom:1px solid var(--line); text-align:left; }
.tuning-table thead th { color:var(--muted); font-size:10px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; }
.tuning-table tbody th { font-weight:650; }
.tuning-table td:nth-child(2) { width:120px; }
.tuning-table td:nth-child(4) { width:116px; }
.tuning-table select,.tuning-table input { height:34px; padding:0 7px; }
.tuning-table td.tuning-number { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.tuning-row-total { color:var(--cyan); font-weight:700; }
.tuning-check-row { display:flex; align-items:center; gap:10px; cursor:pointer; font-size:12px; }
.tuning-check-row input { width:16px; height:16px; flex:0 0 auto; accent-color:#9e87ff; }
.tuning-check-row span { flex:1; }
.tuning-check-row b { color:#dbe7fa; font-size:12px; font-variant-numeric:tabular-nums; }
.drift-row { margin-top:18px; padding:14px; border:1px solid rgba(158,135,255,.3); border-radius:9px; background:rgba(116,88,208,.11); }
.drift-row span strong,.drift-row span small { display:block; }
.drift-row span small { color:var(--muted); margin-top:3px; }
.tuning-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; margin-top:18px; }
.tuning-options .tuning-check-row { min-height:44px; border-bottom:1px solid var(--line); }
.tuning-summary { position:sticky; top:86px; }
.tuning-summary dl { margin:23px 0; }
.tuning-summary dl div { display:flex; justify-content:space-between; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); font-size:12px; }
.tuning-summary dt { color:#aab4ca; }
.tuning-summary dd { margin:0; font-weight:650; font-variant-numeric:tabular-nums; white-space:nowrap; }
.tuning-total { padding:18px; border:1px solid rgba(124,233,255,.26); border-radius:10px; background:rgba(55,117,150,.13); }
.tuning-total span,.tuning-combined span { display:block; color:#a8b7cf; font-size:11px; }
.tuning-total strong { display:block; margin-top:7px; color:var(--cyan); font-size:30px; letter-spacing:-.05em; font-variant-numeric:tabular-nums; }
.tuning-combined { padding:16px 4px 0; }
.tuning-combined strong { display:block; margin-top:5px; color:var(--lime); font-size:20px; font-variant-numeric:tabular-nums; }
.tuning-summary > p { margin:20px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
@media (max-width:960px) { .tuning-layout { grid-template-columns:1fr; }.tuning-summary { position:static; }.tuning-setup-grid { grid-template-columns:1fr 1fr; }.tuning-setup-grid .tuning-field:last-child { grid-column:1/-1; } }
@media (max-width:680px) { .tuning-intro { grid-template-columns:1fr; padding:48px 0 26px; }.tuning-vehicle-visual { min-height:180px; }.tuning-setup-grid { grid-template-columns:1fr; }.tuning-setup-grid .tuning-field:last-child { grid-column:auto; }.tuning-panel { padding:18px; }.tuning-panel-heading { align-items:start; flex-direction:column; }.tuning-discount { width:100%; }.tuning-options { grid-template-columns:1fr; }.tuning-intro h1 { font-size:46px; } }