/* Scoped workshop skin: shared dialogs, race HUD and engine logic remain independent. */
#tunerPanel{--gold:#edc48a;--ink:#10171c;--line:#ffffff14;--muted:#96a8af;padding:22px;background:radial-gradient(ellipse at 30% 20%,#25333eea,#03080cf5 75%);backdrop-filter:blur(12px);font-family:Inter,Arial,sans-serif;color:#f1eee9}
#tunerPanel *{box-sizing:border-box}#tunerPanel [hidden]{display:none!important}#tunerPanel .hidden{display:none!important}
#tunerPanel .tuner-window{display:grid;grid-template-columns:285px minmax(0,1fr);width:min(1420px,100%);height:min(960px,calc(100dvh - 44px));max-height:none;overflow:hidden;padding:0;background:#10171c;border:1px solid #54616a;border-radius:16px;box-shadow:0 35px 100px #000a;margin:auto}
#tunerPanel button,#tunerPanel select,#tunerPanel input:not([type=range]){font:600 12px/1.4 Inter,Arial,sans-serif;min-height:44px;border-radius:7px;border:1px solid #65758166;background:linear-gradient(#28353e,#18232b);color:#e6eef1;padding:11px 14px;letter-spacing:.055em;transition:background .16s,border-color .16s,transform .16s;cursor:pointer;max-width:100%}
#tunerPanel button:hover{border-color:#edc48a99;background:#334049}#tunerPanel button:active{transform:translateY(1px)}#tunerPanel button:disabled{opacity:.45;cursor:not-allowed}#tunerPanel :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#tunerPanel select{width:100%;text-overflow:ellipsis;padding-right:28px;background-color:#1a2831}#tunerPanel option{background:#16232c;color:#f1eee9}#tunerPanel input::placeholder{color:#7f929b}#tunerPanel input:not([type=range]){width:100%;letter-spacing:0;cursor:text;background:#0b141a}#tunerPanel .warn,#tunerPanel .over{color:#ffb19a!important}
#tunerPanel .workshop-rail{min-width:0;border-right:1px solid var(--line);background:radial-gradient(ellipse at top,#283842,#131e25 60%);display:flex;flex-direction:column;padding:24px 18px;overflow:auto}
#tunerPanel .workshop-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900;letter-spacing:.055em}#tunerPanel .workshop-brand div span{display:block;font-size:8px;letter-spacing:.21em;color:#b6c5ca;margin-top:4px}#tunerPanel .workshop-monogram{display:grid;place-items:center;border:1px solid #edc48a88;border-radius:9px;width:42px;height:42px;font:bold italic 23px Georgia;color:var(--gold)}#tunerPanel .workshop-brand>small{font-size:7px;color:#79949e;margin-left:auto;writing-mode:vertical-rl}
#tunerPanel .workshop-vehicle{margin-top:30px;background:radial-gradient(ellipse at center,#334756,#101a22 70%);border:1px solid #596d7844;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 45px #0006}
#tunerPanel .workshop-vehicle-top{display:flex;justify-content:space-between;padding:14px 13px 0;font-size:9px;letter-spacing:.18em;color:#a6b7be}#tunerPanel .workshop-live{color:#b3dac2}#tunerPanel .workshop-live:before{content:'●';font-size:7px;margin-right:5px}#tunerPanel .workshop-model{height:215px;touch-action:pan-y;cursor:grab}#tunerPanel .workshop-model:active{cursor:grabbing}#tunerPanel .workshop-model canvas{width:100%;height:100%;display:block}#tunerPanel .workshop-model[data-fallback=true]:after{content:'3D PREVIEW UNAVAILABLE ON THIS DEVICE';display:block;padding:30px;font-size:11px}#tunerPanel .workshop-model-hint{font-size:8px;letter-spacing:.14em;text-align:center;padding:0 0 15px;color:#8ca5b1}
#tunerPanel .workshop-build-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;margin:22px 3px}#tunerPanel .workshop-stat small{display:block;font-size:9px;font-weight:600;letter-spacing:.13em;color:var(--muted)}#tunerPanel .workshop-stat strong{display:block;font-size:22px;font-weight:800;letter-spacing:-.03em;margin-top:7px;font-variant-numeric:tabular-nums}#tunerPanel .workshop-stat>span{display:block;font-size:11px;line-height:1.5;margin-top:9px;color:#9eafb5}
#tunerPanel .workshop-nav{display:grid;gap:7px;margin-top:9px}#tunerPanel .workshop-nav-button{display:flex;align-items:center;text-align:left;gap:12px;min-height:59px;padding:15px;background:transparent;border-color:transparent;font-size:13px;letter-spacing:0}#tunerPanel .workshop-nav-button>span{font:11px monospace;color:#7f979f}#tunerPanel .workshop-nav-button b{margin-left:auto;color:#7f979f;font-size:18px}#tunerPanel .workshop-nav-button[aria-current=page]{border-color:#b595624d;background:linear-gradient(100deg,#c3944029,#d4bd7910);box-shadow:inset 3px 0 var(--gold);color:var(--gold)}#tunerPanel .workshop-rail-foot{margin-top:auto;padding:24px 4px 0;font:8px/1.9 monospace;letter-spacing:.18em;color:#6d8893}
#tunerPanel .workshop-body{display:flex;flex-direction:column;overflow:hidden;min-width:0}#tunerPanel .workshop-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 30px 18px;margin:0;border-bottom:1px solid var(--line);background:linear-gradient(125deg,#26333c,#131e26)}#tunerPanel .workshop-header>div:first-child{min-width:0}#tunerPanel header small{font-size:8px;letter-spacing:.16em;color:#91a6b0}#tunerPanel #tuneSledName{font-size:clamp(16px,1.5vw,24px);letter-spacing:-.035em;margin:8px 0;color:#f5eee3}#tunerPanel #tuneSummary{font-size:9px;letter-spacing:.03em;color:#8fa7b2;margin:0}#tunerPanel #tuneClose{order:3;flex-shrink:0;min-width:76px;font-size:10px}#tunerPanel .tune-wallet{font:600 11px/1.6 monospace;color:var(--gold);white-space:nowrap;padding:12px;border:1px solid #edc48a33;border-radius:7px;background:#080e1455;margin:0}
#tunerPanel .workshop-profile{display:flex;align-items:center;gap:18px;padding:13px 30px;background:#0c141a;border-bottom:1px solid var(--line)}#tunerPanel .tune-profile-tabs{display:flex;gap:4px;margin:0;flex-shrink:0;background:#050b10;border:1px solid #31434d;padding:4px;border-radius:8px}#tunerPanel .tune-profile-tabs button{font-size:9px;border-color:transparent;background:transparent;min-width:102px;padding:9px}#tunerPanel .tune-profile-tabs button[aria-pressed=true]{background:#35464e;color:var(--gold);border-color:#6f879244}#tunerPanel .tune-profile-help{font-size:10px;line-height:1.55;color:#889ca7;margin:0;max-width:420px}
#tunerPanel .tune-store-message{flex-shrink:0;min-height:0;padding:0 30px;font-size:12px;line-height:1.6;color:#e3c89e;background:#2b2618;margin:0;border:0}#tunerPanel .tune-store-message:not(:empty){padding-top:10px;padding-bottom:10px;border-bottom:1px solid #e1b76922}
#tunerPanel .workshop-content{overflow:auto;overscroll-behavior:contain;padding:29px 30px 35px;scrollbar-width:thin;scrollbar-color:#68757d #121a20;flex:1;min-height:0;background:radial-gradient(ellipse at 100% 0,#2d39373d,transparent 70%)}#tunerPanel .workshop-page-heading small{font:9px monospace;letter-spacing:.15em;color:var(--gold)}#tunerPanel .workshop-page-heading h2{font:800 clamp(26px,3vw,42px)/1.1 Inter,Arial,sans-serif;letter-spacing:-.055em;margin:12px 0;color:#f7f1e6}#tunerPanel .workshop-page-heading p{font-size:12px;line-height:1.7;color:#9aafb9;max-width:600px;margin:0 0 25px}
#tunerPanel .workshop-filters{display:grid;grid-template-columns:1fr 230px;gap:12px;margin-bottom:18px}#tunerPanel #tunerParts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;max-height:none;overflow:visible}#tunerPanel .tune-part,#tunerPanel .tune-swap{padding:18px;min-width:0;margin:0;border:1px solid #62748333;background:linear-gradient(130deg,#21303a,#151f26);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0002}#tunerPanel .tune-part>span:first-of-type{font-size:15px;font-weight:800;display:block;margin:6px 0 14px;color:#f4eddf}#tunerPanel .tune-part>select{margin:0 0 12px;background:#0b151e;border-color:#60717b66}#tunerPanel .tune-part>small{display:block;font-size:11px;color:#98afb9;line-height:1.7;min-height:38px}#tunerPanel .workshop-part-art{margin:-18px -18px 0;height:125px;border-bottom:1px solid #63717b22;background:radial-gradient(ellipse at center,#34465370,#0b161b80)}#tunerPanel .workshop-part-art svg{height:100%;width:100%;display:block}#tunerPanel .workshop-fitted-tag{display:block;border-top:1px solid #5b73842b;padding-top:10px;margin-top:14px;font-size:8px;letter-spacing:.07em;color:#bea47a}
#tunerPanel .tune-swap{grid-column:1/-1;display:grid;grid-template-columns:150px 1fr;gap:7px 20px}#tunerPanel .tune-swap .workshop-part-art{grid-row:1/4;margin:-18px 0 -18px -18px;height:calc(100% + 36px);min-height:130px;border-bottom:0;border-right:1px solid #63717b22}#tunerPanel .tune-swap>strong{font-size:12px;color:var(--gold);letter-spacing:.1em}#tunerPanel .tune-swap>p{font-size:11px;line-height:1.6;margin:0;color:#a1b4bd}#tunerPanel .tune-swap-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 0}#tunerPanel .tune-swap-option{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid #708a9830;background:#0a141b66;border-radius:7px}#tunerPanel .tune-swap-option b{font-size:12px}#tunerPanel .tune-swap-option span{font-size:9px;color:#9eb2bd;line-height:1.5}#tunerPanel .tune-swap-option button{margin-top:auto;font-size:9px;color:var(--gold)}
#tunerPanel .workshop-health,#tunerPanel .workshop-calibration-group{border:1px solid #51687555;background:linear-gradient(120deg,#1b2931,#131d24);border-radius:9px;margin-bottom:16px;padding:0 20px 15px}#tunerPanel summary{cursor:pointer;min-height:50px;padding:18px 0 14px;font-size:10px;letter-spacing:.12em;color:var(--gold);font-weight:700}#tunerPanel .tune-fuel-preview{border:0;background:#0e181e;margin:10px 0 0;padding:15px;border-radius:6px;font:10px/1.8 monospace;color:#afc3cb}#tunerPanel #tunerControls{display:block;padding:0;max-height:none;overflow:visible}#tunerPanel .tune-slider{display:grid;grid-template-columns:1fr auto;gap:12px;padding:17px 0;border-top:1px solid var(--line);margin:0;background:transparent;font-size:13px}#tunerPanel .tune-slider strong{font-size:11px;line-height:1.7;color:var(--gold);text-align:right}#tunerPanel .tune-slider>input,#tunerPanel .tune-slider>select,#tunerPanel .tune-slider>small{grid-column:1/-1}#tunerPanel .tune-slider input[type=range]{height:44px;width:100%;accent-color:var(--gold);cursor:ew-resize;margin:0;touch-action:pan-y}#tunerPanel .tune-slider small{line-height:1.7;color:#97aeb9;font-size:11px}#tunerPanel .tune-fuel{background:transparent;border:0;margin:0;padding:0}#tunerPanel .tune-fuel h3{display:none}#tunerPanel .tune-fuel p{font-size:12px;color:#9bb1bb;line-height:1.7;margin:0 0 17px}#tunerPanel .tune-fuel h4{font-size:10px;letter-spacing:.12em;color:#ccb18b;margin:25px 0 14px}#tunerPanel .tune-fuel label{font-size:12px;line-height:1.7}#tunerPanel .tune-fuel select{margin-top:8px}#tunerPanel .tune-map{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:5px}#tunerPanel .tune-map th{font-size:9px;padding:9px 2px;color:#adbec5}#tunerPanel .tune-map td{padding:0}#tunerPanel .tune-map input{padding:8px 3px;font-size:12px;text-align:center;color:var(--gold);min-width:0;border-color:#a69a6444}#tunerPanel .tune-boost-map{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#tunerPanel .tune-boost-map label{font-size:10px;color:#a5b8c3}#tunerPanel .tune-boost-map input{margin-top:8px}#tunerPanel #tuneReset{width:auto;margin:6px 0 0;color:#bcae9a}
#tunerPanel .workshop-save{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:24px;border:1px solid #b99a654d;background:radial-gradient(ellipse at top left,#90724030,#142027);border-radius:10px}#tunerPanel .workshop-save>div{grid-column:1/-1}#tunerPanel .workshop-save small{font-size:9px;letter-spacing:.12em;color:var(--gold)}#tunerPanel .workshop-save h3{font-size:23px;margin:9px 0;letter-spacing:-.04em}#tunerPanel .workshop-save p{font-size:11px;line-height:1.7;color:#9fb4bd;margin:0}#tunerPanel .workshop-save label{font-size:10px;color:#b6c6cb}#tunerPanel .workshop-save input{margin-top:8px}#tunerPanel .workshop-primary{background:linear-gradient(125deg,#f0cb91,#b58951);color:#231b12;border-color:#f5dca855;box-shadow:0 4px 16px #deb46e1c;font-weight:800;padding:15px 20px}#tunerPanel .workshop-primary:hover{background:linear-gradient(125deg,#ffe0ae,#d5a967);border-color:#fff0c1}#tunerPanel .workshop-save>button{grid-column:1/-1}#tunerPanel .workshop-library-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0;gap:15px}#tunerPanel .workshop-library-toolbar>span{font-size:10px;letter-spacing:.1em;color:#9fb4bd}#tunerPanel .workshop-library-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}#tunerPanel .workshop-library-empty{grid-column:1/-1;padding:45px 20px;text-align:center;border:1px dashed #76889255;border-radius:9px;background:#0e192066}#tunerPanel .workshop-library-empty>span{font-size:37px;color:#9a835e}#tunerPanel .workshop-library-empty h3{font-size:20px;letter-spacing:-.04em}#tunerPanel .workshop-library-empty p{font-size:12px;line-height:1.8;color:#94acb6;max-width:410px;margin:auto}#tunerPanel .workshop-saved-card{padding:22px;background:linear-gradient(140deg,#25313a,#172128);border:1px solid #70808a33;border-radius:10px}#tunerPanel .workshop-saved-card>small{font-size:9px;letter-spacing:.1em;color:var(--gold)}#tunerPanel .workshop-saved-card h3{font-size:22px;letter-spacing:-.03em;overflow-wrap:anywhere;margin:12px 0}#tunerPanel .workshop-saved-card p{font-size:11px;line-height:1.7;color:#9cb3bd}#tunerPanel .workshop-saved-card>strong{font-size:12px;color:#d8d7ca}#tunerPanel .workshop-saved-status{padding-top:12px;border-top:1px solid var(--line)}#tunerPanel .workshop-saved-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}#tunerPanel .workshop-saved-actions button{font-size:8px;padding:9px 6px}#tunerPanel .workshop-saved-actions button:first-child{grid-column:1/-1;border-color:#b99a6577;color:var(--gold)}
#tunerPanel .workshop-dyno-controls{display:flex;gap:6px;margin-bottom:15px}#tunerPanel .workshop-dyno-controls button{flex:1;font-size:10px}#tunerPanel .workshop-dyno-controls button[aria-pressed=true]{color:var(--gold);border-color:#edc48a88;background:#423c2a}#tunerPanel .dyno{border:1px solid #70838f44;border-radius:10px;background:#0a151c;margin:0;padding:16px;overflow:hidden}#tunerPanel .dyno>span{font-size:9px;letter-spacing:.13em;color:#99b1bd;padding-bottom:12px;display:block}#tunerPanel #dynoChart{display:block;width:100%;height:auto;aspect-ratio:2.5;touch-action:pan-y;border-radius:5px}#tunerPanel #dynoSummary{font-size:12px;color:#d5c29f;margin:14px 0;line-height:1.8}#tunerPanel #dynoSummary b{font-size:21px}#tunerPanel #dynoSummary span{font-size:10px;margin-left:12px;color:#87a4b3}#tunerPanel .workshop-chart-readout{display:block;min-height:38px;background:#0a1015;padding:12px;border-radius:5px;font:9px/1.7 monospace;color:#b9cad2}#tunerPanel .workshop-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}#tunerPanel .workshop-report-grid .workshop-stat{padding:19px;border:1px solid #62768433;background:#1b272f;border-radius:8px}#tunerPanel .workshop-report-grid .workshop-stat strong{font-size:24px}#tunerPanel .workshop-report-actions{display:flex;gap:10px}#tunerPanel .workshop-report-actions button{font-size:9px}#tunerPanel .workshop-dyno-note{font:10px/1.8 monospace;color:#8199a4;margin-top:18px}
#tunerPanel .workshop-footer{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);background:#0b141b;padding:14px 30px;margin:0;font-size:8px;letter-spacing:.09em;flex-shrink:0;color:#a7bebf}#tunerPanel .workshop-save-dot{width:5px;height:5px;border-radius:100%;background:#a4d5b5;box-shadow:0 0 8px #a4d5b577}#tunerPanel .workshop-footer>span:last-child{margin-left:auto;color:#6f8995;letter-spacing:0}
#tunerPanel .workshop-review{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:25px}#tunerPanel .workshop-review-shade{position:absolute;inset:0;background:#04090deb;backdrop-filter:blur(10px)}#tunerPanel .workshop-review-card{position:relative;width:580px;max-width:100%;max-height:calc(100dvh - 50px);overflow:auto;background:linear-gradient(130deg,#26343c,#101a22);border:1px solid #bba57a99;border-radius:14px;padding:28px;box-shadow:0 35px 100px #000b}#tunerPanel .workshop-review-close{position:absolute;right:15px;top:15px;width:44px;height:44px;padding:0;font-size:25px}#tunerPanel .workshop-review-card>small{font:9px monospace;letter-spacing:.16em;color:var(--gold);display:block;margin:5px 40px 15px 0}#tunerPanel .workshop-review-art{height:145px;background:radial-gradient(ellipse,#4f5b6244,transparent);margin-bottom:12px}#tunerPanel .workshop-review-art svg{height:100%;width:100%}#tunerPanel .workshop-review-card h2{font-size:28px;letter-spacing:-.04em;line-height:1.2;margin:8px 0}#tunerPanel .workshop-review-description,#tunerPanel .workshop-review-risk{font-size:12px;line-height:1.8;color:#a6bec8}#tunerPanel .workshop-review-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:19px 0;border-block:1px solid var(--line);margin:19px 0}#tunerPanel .workshop-review-metrics strong{font-size:22px}#tunerPanel .workshop-review-receipt{padding:15px;background:#0b141b;border:1px solid #d6b78233;border-radius:7px;color:var(--gold);font:11px/1.7 monospace;margin:18px 0}#tunerPanel .workshop-review-card>.workshop-primary,#tunerPanel .workshop-review-cancel{width:100%;margin-bottom:9px}#tunerPanel .workshop-review-scope{font-size:10px;color:#8199a4;line-height:1.7;margin:12px 0 0}
@media(min-width:1600px){#tunerPanel #tunerParts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){#tunerPanel .tuner-window{grid-template-columns:230px minmax(0,1fr)}#tunerPanel .workshop-rail{padding:20px 13px}#tunerPanel .workshop-model{height:185px}#tunerPanel .workshop-brand{font-size:11px}#tunerPanel .workshop-header{padding:18px 20px;flex-wrap:wrap}#tunerPanel .workshop-header>div:first-child{flex:1}#tunerPanel .tune-wallet{order:2;padding:8px;font-size:10px}#tunerPanel .workshop-content{padding:25px 20px}#tunerPanel .workshop-profile{padding:12px 20px;flex-wrap:wrap;gap:10px}#tunerPanel .tune-swap{grid-template-columns:100px 1fr}#tunerPanel .tune-swap-options{grid-template-columns:1fr}#tunerPanel .workshop-report-grid{grid-template-columns:1fr 1fr}#tunerPanel .workshop-filters{grid-template-columns:1fr 180px}}
@media(max-width:760px){#tunerPanel{padding:0}#tunerPanel .tuner-window{height:100dvh;width:100%;border-radius:0;border:0;display:flex;flex-direction:column}#tunerPanel .workshop-rail{padding:12px 14px 0;display:grid;grid-template-columns:130px minmax(0,1fr);gap:0 14px;overflow:visible;flex-shrink:0;border:0;background:radial-gradient(ellipse at top left,#34434b,#141e25)}#tunerPanel .workshop-brand{grid-column:1/-1;font-size:11px;margin-bottom:10px}#tunerPanel .workshop-monogram{width:28px;height:28px;font-size:18px}#tunerPanel .workshop-brand>small{writing-mode:initial;margin-left:auto;font-size:8px}#tunerPanel .workshop-brand div span{font-size:6px;display:inline;margin-left:7px}#tunerPanel .workshop-vehicle{margin:0;height:109px}#tunerPanel .workshop-vehicle-top{padding:9px 8px 0;font-size:6px}#tunerPanel .workshop-model{height:85px}#tunerPanel .workshop-model-hint{display:none}#tunerPanel .workshop-build-stats{margin:2px 0 0;gap:12px 8px;align-content:center}#tunerPanel .workshop-build-stats small{font-size:7px}#tunerPanel .workshop-build-stats strong{font-size:17px;margin-top:4px}#tunerPanel .workshop-nav{display:grid;grid-template-columns:repeat(4,1fr);grid-column:1/-1;gap:4px;margin:12px -2px 0}#tunerPanel .workshop-nav-button{min-height:50px;flex-direction:column;justify-content:center;gap:4px;padding:7px 3px;border-radius:6px 6px 0 0;font-size:9px;text-align:center}#tunerPanel .workshop-nav-button>span{font-size:7px}#tunerPanel .workshop-nav-button b,#tunerPanel .workshop-rail-foot{display:none}#tunerPanel .workshop-nav-button[aria-current=page]{box-shadow:inset 0 -2px var(--gold)}#tunerPanel .workshop-body{flex:1;min-height:0}#tunerPanel .workshop-header{padding:12px 14px;gap:8px;flex-wrap:wrap}#tunerPanel header small{display:none}#tunerPanel #tuneSledName{font-size:16px;margin:0 0 5px}#tunerPanel #tuneSummary{font-size:7px;line-height:1.6}#tunerPanel #tuneClose{min-width:59px;width:59px;padding:8px;font-size:8px;margin:0;order:2}#tunerPanel .tune-wallet{order:3;padding:0;border:0;background:transparent;width:100%;text-align:left;font-size:10px}#tunerPanel .workshop-profile{padding:8px 14px;gap:8px}#tunerPanel .tune-profile-tabs{padding:2px;width:100%;gap:3px}#tunerPanel .tune-profile-tabs button{flex:1;min-height:44px;font-size:9px}#tunerPanel .tune-profile-help{display:none}#tunerPanel .tune-store-message{padding:0 14px;font-size:10px;max-height:68px;overflow:auto}#tunerPanel .workshop-content{padding:20px 14px 28px}#tunerPanel .workshop-page-heading h2{font-size:30px;margin:9px 0}#tunerPanel .workshop-page-heading small{font-size:8px}#tunerPanel .workshop-page-heading p{font-size:11px;margin-bottom:18px}#tunerPanel .workshop-filters{grid-template-columns:1fr;gap:8px}#tunerPanel #tunerParts{grid-template-columns:1fr;gap:13px}#tunerPanel .tune-swap{grid-template-columns:1fr;gap:10px}#tunerPanel .tune-swap .workshop-part-art{grid-row:auto;margin:-18px -18px 5px;height:95px;min-height:0;border:0}#tunerPanel .tune-swap-options{grid-template-columns:1fr}#tunerPanel .tune-swap-option{padding:12px}#tunerPanel .tune-swap-option button{font-size:10px}#tunerPanel .workshop-part-art{height:115px}#tunerPanel .workshop-footer{padding:10px 14px;font-size:7px}#tunerPanel .workshop-footer>span:last-child{font-size:7px;max-width:130px;text-align:right}#tunerPanel .workshop-health,#tunerPanel .workshop-calibration-group{padding:0 13px 13px}#tunerPanel .tune-slider{font-size:12px;grid-template-columns:1fr;gap:8px}#tunerPanel .tune-slider strong{text-align:left;font-size:10px}#tunerPanel .tune-map{border-spacing:3px}#tunerPanel .tune-map th{font-size:7px;overflow-wrap:anywhere}#tunerPanel .tune-map input{font-size:11px;padding:8px 1px}#tunerPanel .tune-boost-map{grid-template-columns:1fr 1fr}#tunerPanel .workshop-save{padding:18px;grid-template-columns:1fr}#tunerPanel .workshop-library-list{grid-template-columns:1fr}#tunerPanel .workshop-dyno-controls{gap:4px}#tunerPanel .workshop-dyno-controls button{font-size:8px;padding:10px 2px}#tunerPanel .dyno{padding:9px}#tunerPanel #dynoSummary b{font-size:19px}#tunerPanel #dynoSummary span{display:block;margin:0}#tunerPanel .workshop-chart-readout{font-size:8px}#tunerPanel .workshop-report-grid{gap:8px}#tunerPanel .workshop-report-grid .workshop-stat{padding:14px 10px}#tunerPanel .workshop-report-grid .workshop-stat strong{font-size:19px}#tunerPanel .workshop-report-grid small{font-size:7px}#tunerPanel .workshop-report-grid span{font-size:9px}#tunerPanel .workshop-report-actions{flex-wrap:wrap}#tunerPanel .workshop-review{padding:12px}#tunerPanel .workshop-review-card{padding:20px;max-height:calc(100dvh - 24px)}#tunerPanel .workshop-review-art{height:100px}#tunerPanel .workshop-review-card h2{font-size:24px}#tunerPanel .workshop-review-metrics{gap:8px}#tunerPanel .workshop-review-metrics small{font-size:7px}#tunerPanel .workshop-review-metrics strong{font-size:18px}#tunerPanel .workshop-review-metrics span{font-size:9px}}
@media(max-height:700px) and (max-width:760px){#tunerPanel .workshop-vehicle,#tunerPanel .workshop-build-stats{display:none}#tunerPanel .workshop-brand{margin-bottom:0}#tunerPanel .workshop-header{padding-block:8px}#tunerPanel .workshop-nav{margin-top:7px}}
#tunerPanel .tune-swap-option b{color:#f1eee9}#tunerPanel .workshop-stat.warn>span{color:#efaa98}
#tunerPanel .workshop-map-afr{display:block;font:9px/1.5 monospace;color:#a0b8bf;text-align:center;margin-top:5px}#tunerPanel .workshop-report-actions .workshop-primary{font-size:9px;padding:11px 16px}

/* Two RPM pages preserve all64 fuel targets without squeezing eight number
   fields into a phone. Rows always retain their actual load-axis positions. */
#tunerPanel .workshop-fuel-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}
#tunerPanel .workshop-fuel-pages button{min-width:44px;min-height:46px;padding:9px 6px;font-size:10px;line-height:1.5;letter-spacing:.4px}
#tunerPanel .workshop-fuel-pages button[aria-pressed=true]{background:#235447;border-color:#75d5ae;color:#d5ffe9;box-shadow:inset 0 0 0 1px #75d5ae}
#tunerPanel .workshop-fuel-page-note{font-size:10px;line-height:1.7;color:#a0b8bf;margin:0 0 12px}
#tunerPanel .tune-map th:first-child{width:42px}
#tunerPanel .tune-map input{min-width:44px;min-height:44px;width:100%;font-variant-numeric:tabular-nums}
@media(max-width:360px){#tunerPanel .tune-map{border-spacing:3px}#tunerPanel .tune-map th:first-child{width:34px}#tunerPanel .workshop-fuel-pages button{font-size:9px}}
@media(max-width:760px){#tunerPanel #dynoChart{aspect-ratio:640/380}}
@media(prefers-reduced-motion:reduce){#tunerPanel *{transition:none!important}}

/* The parts counter: individual hardware renders and build-specific gains. */
#tunerPanel .tune-part{position:relative;overflow:hidden;background:linear-gradient(145deg,#22313b,#111c24);border:1px solid #8295a333;box-shadow:inset 0 1px #d4e4eb0d,0 8px 24px #030a1126}
#tunerPanel .tune-part:has(.workshop-part-options[open]){border-color:#d4ae6d77}
#tunerPanel .workshop-part-art{height:190px;background:#0b151d;position:relative;overflow:hidden;border-bottom:1px solid #c3dbe31a}
#tunerPanel .workshop-part-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease;filter:drop-shadow(0 8px 8px #0006)}
#tunerPanel .workshop-part-art::after{content:'BC / PERFORMANCE HARDWARE';position:absolute;left:15px;bottom:10px;font:6px monospace;letter-spacing:.13em;color:#9daebd80;pointer-events:none}
#tunerPanel .tune-part:hover .workshop-part-art img{transform:scale(1.035)}
#tunerPanel .tune-part>span:first-of-type{font-size:15px;font-weight:800;letter-spacing:-.025em;color:#edf0ec}
#tunerPanel .tune-part select{font-size:10px;letter-spacing:0;margin-top:9px;min-height:48px;border-color:#c9ae7544;background:#0a1923}
#tunerPanel .tune-part>small{font-size:10px;line-height:1.7;color:#a2b9c6;margin-top:12px}
#tunerPanel .workshop-part-power{display:flex;align-items:center;justify-content:space-between;gap:15px;border-block:1px solid #b2c5d120;padding:11px 0;margin-top:12px}
#tunerPanel .workshop-part-power small{font:6px monospace;letter-spacing:.08em;color:#93afbd;display:block}
#tunerPanel .workshop-part-power strong{font:800 22px/1.4 Consolas,monospace;color:#ead0a9;display:block;white-space:nowrap}
#tunerPanel .workshop-part-power p{font:9px/1.6 Arial;color:#91afc0;text-align:right;max-width:140px;margin:0}
#tunerPanel .workshop-fitted-tag{display:block;font:7px/1.6 monospace;letter-spacing:.04em;color:#a7ccbc;margin:11px 0}
#tunerPanel .workshop-part-options{margin-top:12px;border:1px solid #c4a36c44;border-radius:7px;background:#08141c55}
#tunerPanel .workshop-part-options summary{min-height:46px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;font:700 8px monospace;color:#b1c9d6;letter-spacing:.055em}
#tunerPanel .workshop-part-options summary::-webkit-details-marker{display:none}
#tunerPanel .workshop-part-options summary b{margin-left:auto;font:800 14px Consolas,monospace;color:#e9c58b;letter-spacing:0}
#tunerPanel .workshop-part-options summary::after{content:'+';font-size:20px;color:#c7b58f}
#tunerPanel .workshop-part-options[open] summary::after{content:'−'}
#tunerPanel .workshop-option-list{padding:0 7px 7px;display:grid;gap:6px}
#tunerPanel .workshop-option{width:100%;min-height:86px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px!important;text-align:left;letter-spacing:0!important;border-radius:5px!important;background:linear-gradient(140deg,#283945,#112430)!important;border-color:#86b0c233!important}
#tunerPanel .workshop-option:hover{border-color:#e9c58b88!important;background:#263f4d!important}
#tunerPanel .workshop-option-name strong{font:700 11px/1.4 Arial;color:#f2e8d5;display:block}
#tunerPanel .workshop-option-name small{font:9px/1.6 Arial;color:#98b7c8;display:block;margin-top:5px}
#tunerPanel .workshop-option-stat{text-align:right;align-self:center;min-width:76px}
#tunerPanel .workshop-option-stat b{font:800 17px Consolas,monospace;color:#aec2ca;display:block;white-space:nowrap}
#tunerPanel .workshop-option-stat b.positive{color:#a5e1c1}#tunerPanel .workshop-option-stat b.negative{color:#eeb099}
#tunerPanel .workshop-option-stat small{font:6px/1.7 monospace;color:#8facbb;display:block;white-space:nowrap}
#tunerPanel .workshop-option-stat span{font:700 8px/1.6 monospace;color:#e7c68e;display:block;margin-top:5px;white-space:nowrap}
#tunerPanel .workshop-option-warning{grid-column:1/-1;border-top:1px solid #edb69722;padding-top:5px;font:700 7px/1.6 monospace;color:#f1ad91;font-style:normal}
/* Surface grip, for the track slot. Horsepower cannot rate a track. */
#tunerPanel .workshop-option-grip{font:700 7px/1.7 monospace;letter-spacing:.06em;color:#9cc6b4;margin-top:4px}
#tunerPanel .workshop-part-grip{border-top:1px solid #b2c5d120;padding-top:9px;margin-top:9px;grid-column:1/-1}
#tunerPanel .workshop-part-grip small{font:6px monospace;letter-spacing:.08em;color:#93afbd;display:block}
#tunerPanel .workshop-part-grip strong{font:800 13px/1.5 Consolas,monospace;color:#9cc6b4;display:block;white-space:nowrap}
#tunerPanel .workshop-part-grip strong.negative{color:#eeb099}
#tunerPanel .workshop-review-art{height:220px;background:#0b151d;border:1px solid #bacdd322;border-radius:8px;overflow:hidden}
#tunerPanel .workshop-review-art img{display:block;height:100%;width:100%;object-fit:contain}
@media(max-width:760px){#tunerPanel .workshop-part-art{height:200px}#tunerPanel .workshop-review-art{height:180px}#tunerPanel .tune-swap .workshop-part-art{height:165px}#tunerPanel .workshop-option{padding:10px!important;gap:10px}#tunerPanel .workshop-option-stat b{font-size:16px}}

#tunerPanel .workshop-option-name strong{font-size:12px}
#tunerPanel .workshop-option-name small{font-size:11px}
#tunerPanel .workshop-option-stat small{font-size:8px}
#tunerPanel .workshop-option-stat span{font-size:10px}
#tunerPanel .workshop-part-options summary{font-size:10px}
#tunerPanel .workshop-part-options summary b{font-size:13px}
#tunerPanel .workshop-part-power small{font-size:8px}
#tunerPanel .workshop-part-power p{font-size:10px}
#tunerPanel .workshop-fitted-tag{font-size:9px}
#tunerPanel .workshop-option-warning{font-size:9px}
@media(max-width:760px){#tunerPanel .workshop-rail{grid-template-columns:96px minmax(0,1fr)}#tunerPanel .workshop-vehicle{height:77px}#tunerPanel .workshop-model{height:54px}#tunerPanel .workshop-build-stats{gap:6px 8px}#tunerPanel .workshop-nav{margin-top:8px}#tunerPanel .workshop-page-heading h2{font-size:26px}#tunerPanel .tune-part{padding:16px}#tunerPanel .tune-part .workshop-part-art{margin:-16px -16px 0}#tunerPanel .workshop-part-options summary{gap:5px;font-size:9px}}

#tunerPanel .workshop-part-options:not([open]) .workshop-option-list{display:none}
#tunerPanel .workshop-parts-note{font:11px/1.7 Arial,sans-serif;color:#a4bcc9;margin:0 0 18px;padding-left:10px;border-left:2px solid #b99a6166}
#tunerPanel .workshop-swap-gain{font:800 12px/1.7 Consolas,monospace;color:#a8dfbe;margin:8px 0 10px}

/* Phone: the section tabs become a horizontal strip directly above the section
   they switch, instead of a column stacked above the header where they read as
   chrome and were missed. Scrolls sideways rather than cramming four labels
   into 96px each. */
/* All four at once, never a scroller. A tab parked off the right-hand edge is
   a tab that gets missed, which is the whole problem being fixed - and the
   layout check rightly fails any control whose box leaves the viewport. */
#tunerPanel .workshop-nav-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
  padding:4px 0 8px;margin:0 0 2px;border-bottom:1px solid #ffffff14}
@media(min-width:560px){#tunerPanel .workshop-nav-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
#tunerPanel .workshop-nav-strip .workshop-nav-button{min-height:48px;min-width:0;
  padding:8px 10px;display:flex;align-items:center;gap:7px;border-radius:9px;
  overflow:hidden;text-overflow:ellipsis}
/* The step number is useful; the decorative arrow is not, at this size. */
#tunerPanel .workshop-nav-strip .workshop-nav-button b{display:none}
#tunerPanel .workshop-nav-strip .workshop-nav-button span{opacity:.55;font-weight:900}
#tunerPanel .workshop-nav-strip .workshop-nav-button div{font:800 12px/1.1 Inter,Arial,sans-serif;letter-spacing:.04em}
#tunerPanel .workshop-nav-strip .workshop-nav-button[aria-current="page"],
#tunerPanel .workshop-nav-strip .workshop-nav-button.active{background:#2a6d55;border-color:#4fd49a;color:#eafff4}
@media(max-width:860px){
  /* The sheet you are editing is the context for everything under it, so it
     sits right under the header and reads as a label, not as navigation. */
  #tunerPanel .workshop-profile{position:sticky;top:0;z-index:3;background:#10171cf2;
    padding:8px 2px 6px;margin-bottom:2px}
  #tunerPanel .tune-profile-tabs{display:flex;gap:7px}
  #tunerPanel .tune-profile-tabs button{flex:1 1 0;min-height:46px;padding:8px 6px;
    font:900 11px/1.1 Inter,Arial,sans-serif;letter-spacing:.06em}
  #tunerPanel .tune-profile-help{margin:6px 0 0;font-size:10px;line-height:1.45;opacity:.72}
  /* The brand block and the 3D bay are nice on a desktop and just push the
     controls off the top of a phone. */
  #tunerPanel .workshop-rail{padding-bottom:4px}
  #tunerPanel .workshop-brand{display:none}
}

/* ------------------------------------------------------------- service bay
   Condition is always on screen here, broken or not, so there is somewhere to
   go and look rather than a card that only appears once the sled is dead. */
#tunerPanel .workshop-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#tunerPanel .workshop-service-cell{background:#0e1a2340;border:1px solid #b2c5d124;border-radius:9px;padding:13px 14px}
#tunerPanel .workshop-service-cell small{display:block;font:700 7px/1.6 monospace;letter-spacing:.16em;color:#93afbd}
#tunerPanel .workshop-service-cell strong{display:block;font:800 26px/1.2 Consolas,monospace;color:#cfe4dd}
#tunerPanel .workshop-service-cell span{display:block;font:800 9px/1.6 monospace;letter-spacing:.1em;color:#9cc6b4}
#tunerPanel .workshop-service-cell em{display:block;font:9px/1.5 Arial;font-style:normal;color:#8facbb;margin-top:3px}
#tunerPanel .workshop-service-bar{display:block;height:5px;margin-top:9px;border-radius:3px;background:#0a1319;overflow:hidden}
#tunerPanel .workshop-service-bar b{display:block;height:100%;background:linear-gradient(90deg,#6fcf97,#9cc6b4)}
#tunerPanel .workshop-service-cell.warn strong,#tunerPanel .workshop-service-cell.warn span{color:#edc48a}
#tunerPanel .workshop-service-cell.warn .workshop-service-bar b{background:linear-gradient(90deg,#e0a257,#edc48a)}
#tunerPanel .workshop-service-cell.dead{border-color:#e0724655;background:#2a110930}
#tunerPanel .workshop-service-cell.dead strong,#tunerPanel .workshop-service-cell.dead span{color:#f1ad91}
#tunerPanel .workshop-service-cell.dead .workshop-service-bar b{background:#f1ad91}
#tunerPanel .workshop-service-note{font:10px/1.6 Arial;color:#91afc0;margin:14px 0 0}
#tunerPanel .workshop-service-bill{margin-top:16px;padding:15px;border-radius:9px;
  background:linear-gradient(145deg,#2a1109d9,#140705ef);border:1px solid #e0724644}
#tunerPanel .workshop-service-bill small{display:block;font:800 7px/1.6 monospace;letter-spacing:.2em;color:#f7a583}
#tunerPanel .workshop-service-bill strong{display:block;font:900 17px/1.2 Arial;color:#ffe9df;margin:5px 0 10px}
#tunerPanel .workshop-service-lines{list-style:none;margin:0 0 12px;padding:0}
#tunerPanel .workshop-service-lines li{font:700 10px/1.9 monospace;color:#e0b7a8}
#tunerPanel .workshop-service-bill .workshop-primary{width:100%}
#tunerPanel .workshop-service-bill .workshop-primary:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){#tunerPanel .workshop-service-grid{grid-template-columns:1fr}}