:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf3f1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0b1116;--panel:#111a20;--panel2:#17242b;--text:#edf3f1;--muted:#94a7a8;--border:#ffffff1a;--accent:#38d6a8;--accent2:#fc6;--danger:#ff786b;--shadow:0 18px 45px #00000047;background:#0b1116;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f5;--panel:#fff;--panel2:#e9efed;--text:#14201f;--muted:#60726f;--border:#14201f1f;--accent:#087e63;--accent2:#d99111;--shadow:0 18px 45px #162c281f}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-width:320px;color:var(--text);overscroll-behavior-y:none;margin:0}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.mobileShell{background:radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 34%), var(--bg);min-height:100vh}.offlineBanner{z-index:32;background:color-mix(in srgb, var(--accent2) 20%, var(--panel));width:min(100%,760px);color:var(--text);text-align:center;margin:0 auto;padding:10px 14px;font-size:.84rem;font-weight:850;position:sticky;top:0}.shellContent{width:min(100%,760px);padding-bottom:calc(92px + env(safe-area-inset-bottom));margin:0 auto}.appPage,.builderPage{gap:18px;padding:18px 16px 22px;display:grid}.builderPage{padding-inline:0}.builderPage>.pageHeader,.builderPage>.tunePicker{margin-inline:16px}.pageHeader{justify-content:space-between;align-items:flex-end;gap:14px;min-height:58px;display:flex}.pageHeader p,.heroPanel p{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:900}.pageHeader h1{margin:0;font-size:clamp(1.55rem,8vw,2.25rem);line-height:1.04}.pageHeaderActions{align-items:center;gap:8px;display:flex}.heroPanel{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent), var(--panel);box-shadow:var(--shadow);border-radius:22px;gap:12px;padding:18px;display:grid}.globalSearch{gap:8px;display:grid}.globalSearch label{border:1px solid var(--border);background:var(--panel);min-height:52px;color:var(--muted);border-radius:16px;align-items:center;gap:10px;padding:0 13px;display:flex}.globalSearch input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.searchResults{border:1px solid var(--border);background:var(--panel);border-radius:16px;gap:8px;padding:8px;display:grid}.searchResults button{background:var(--panel2);min-height:50px;color:var(--text);text-align:left;border:0;border-radius:12px;gap:3px;padding:9px 10px;display:grid}.searchResults span{color:var(--muted);font-size:.84rem}.onboardingShade{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008f;align-items:end;display:grid;position:fixed;inset:0}.onboardingPanel{border:1px solid var(--border);width:min(100%,760px);max-height:86vh;padding:18px 16px calc(20px + env(safe-area-inset-bottom));background:var(--panel);box-shadow:var(--shadow);border-radius:26px 26px 0 0;gap:13px;margin:0 auto;display:grid;overflow:auto}.onboardingTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.onboardingTop span,.helperText{color:var(--muted);font-size:.84rem;font-weight:850}.onboardingPanel p,.onboardingPanel h2{margin:0}.onboardingPanel p{color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:900}.onboardingPanel h2{font-size:1.45rem;line-height:1.08}.onboardingPanel>span{color:var(--muted);line-height:1.45}.onboardingChoices{grid-template-columns:1fr;gap:8px;display:grid}.onboardingChoices button{border:1px solid var(--border);background:var(--panel2);min-height:50px;color:var(--text);border-radius:14px;padding:0 12px;font-weight:850}.onboardingChoices button.selected{background:var(--accent);color:#07110f;border-color:#0000}.helperText{margin:0;line-height:1.35}.heroPanel h2{margin:0;font-size:1.4rem;line-height:1.1}.heroPanel span,.appCard span,.appCard em,.profileSummary span,.formField span{color:var(--muted);font-size:.86rem}.quickGrid,.placeholderGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.engagementStrip{scrollbar-width:none;grid-auto-columns:minmax(210px,78%);grid-auto-flow:column;gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.engagementStrip::-webkit-scrollbar{display:none}.appCard{border:1px solid var(--border);background:var(--panel);width:100%;min-height:92px;color:var(--text);text-align:left;border-radius:18px;gap:6px;padding:14px;display:grid;box-shadow:0 12px 32px #0000001a}.appCard.tappable{cursor:pointer;min-height:116px}.appCard.tappable:active,.bottomNav button:active,.smallPill:active{transform:translateY(1px)}.appCard,.primaryAction,.smallPill,.bottomNav button{transition:transform .12s,border-color .14s,background .14s}.appCard svg{color:var(--accent)}.appCard strong{line-height:1.18}.appCard em{font-style:normal}.activeCard{border-color:color-mix(in srgb, var(--accent) 56%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent)}.dashboardSection{gap:10px;display:grid}.dashboardSection h2{margin:0;font-size:1rem}.sectionStack{gap:10px;display:grid}.cardRow,.profileSummary{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.cardRow>div,.profileSummary>div{gap:3px;min-width:0;display:grid}.smallPill,.segmentedNav button,.tunePicker button{border:1px solid var(--border);background:var(--panel2);min-height:42px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;padding:0 12px;font-weight:850;display:inline-flex}.buttonRow{flex-wrap:wrap;gap:8px;display:flex}.segmentedNav,.tunePicker{scrollbar-width:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.tunePicker{grid-auto-columns:minmax(152px,max-content)}.segmentedNav::-webkit-scrollbar{display:none}.tunePicker::-webkit-scrollbar{display:none}.segmentedNav button.active,.tunePicker button.active{background:var(--accent);color:#07110f;border-color:#0000}.profileSummary{border:1px solid var(--border);background:var(--panel);border-radius:20px;grid-template-columns:auto 1fr;padding:14px}.garageManager{gap:16px;padding-bottom:76px;display:grid}.garageCarList{gap:12px;display:grid}.carDetailButton{width:100%;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:0;display:grid}.carDetailButton img,.carDetailButton>svg{background:var(--panel2);object-fit:cover;border-radius:16px;width:64px;height:64px}.carDetailButton>svg{color:var(--accent);padding:18px}.carDetailButton span{gap:4px;display:grid}.carDetailButton em,.carDetailButton small{color:var(--muted);font-size:.82rem;font-style:normal}.carDetailPanel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:22px;gap:14px;padding:14px;display:grid}.carDetailPanel header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.carDetailPanel p,.carDetailPanel h2,.carDetailPanel span{margin:0}.carDetailPanel header p{color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:900}.carDetailPanel header h2{margin-top:4px;font-size:1.3rem}.carPhotoStrip{scrollbar-width:none;grid-auto-columns:minmax(138px,60%);grid-auto-flow:column;gap:10px;display:grid;overflow-x:auto}.carPhotoStrip::-webkit-scrollbar{display:none}.carPhotoStrip img{aspect-ratio:4/3;object-fit:cover;background:var(--panel2);border-radius:16px;width:100%}.carPhotoStrip.editable{grid-auto-columns:minmax(112px,36%)}.carPhotoEmpty{border:1px dashed var(--border);min-height:112px;color:var(--muted);background:var(--panel2);border-radius:18px;place-items:center;display:grid}.carSpecs{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.carSpecs div{border:1px solid var(--border);background:var(--panel2);border-radius:14px;min-height:70px;padding:10px}.carSpecs dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:850}.carSpecs dd{margin:6px 0 0;font-size:.88rem;line-height:1.25}.carNotes{border-left:3px solid var(--accent);color:var(--muted);padding-left:10px;line-height:1.4}.connectedTunes{gap:8px;display:grid}.connectedTunes h3{margin:0;font-size:1rem}.connectedTunes button{border:1px solid var(--border);background:var(--panel2);min-height:58px;color:var(--text);text-align:left;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:10px;display:grid}.connectedTunes button.active{border-color:color-mix(in srgb, var(--accent) 58%, var(--border))}.connectedTunes small{color:var(--muted);grid-column:2}.dangerPill{color:var(--danger)}.floatingAddCar{right:16px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:29;min-width:126px;box-shadow:var(--shadow);position:fixed}.carForm{gap:12px;padding-bottom:14px;display:grid}.formSplit{grid-template-columns:1fr 1fr;gap:10px;display:grid}.compactUploader{min-height:98px}.templateModeHint{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text);border-radius:15px;padding:11px 12px;font-size:.86rem;font-weight:800;line-height:1.35}.sessionForm{gap:12px}.sessionLabel{color:var(--muted);margin-bottom:7px;font-size:.84rem;font-weight:850;display:block}.sessionChipGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sessionChipGrid button{border:1px solid var(--border);background:var(--panel2);min-height:48px;color:var(--text);border-radius:14px;padding:9px 10px;font-weight:850;line-height:1.15}.sessionChipGrid button.selected{background:var(--accent);color:#07110f;border-color:#0000}.sessionPhotoPreview{scrollbar-width:none;grid-auto-columns:minmax(92px,32%);grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.sessionPhotoPreview::-webkit-scrollbar{display:none}.sessionPhotoPreview img{aspect-ratio:4/3;object-fit:cover;background:var(--panel2);border-radius:14px;width:100%}.sessionSaved{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text);border-radius:14px;margin:0;padding:10px 12px;font-weight:850}.badgeGrid,.notificationList{gap:8px;display:grid}.badgeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.badgeCard{border:1px solid var(--border);background:var(--panel);min-height:96px;color:var(--muted);border-radius:16px;align-content:center;gap:5px;padding:12px;display:grid}.badgeCard.earned{border-color:color-mix(in srgb, var(--accent2) 42%, var(--border));background:color-mix(in srgb, var(--accent2) 10%, var(--panel));color:var(--text)}.badgeCard svg{color:var(--accent2)}.badgeCard strong{color:var(--text);line-height:1.12}.badgeCard span{font-size:.78rem;font-weight:850}.notificationToggle{border:1px solid var(--border);background:var(--panel);min-height:52px;color:var(--text);border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-weight:850;display:flex}.notificationToggle input{width:24px;height:24px;accent-color:var(--accent)}.universalBuilder{gap:14px;padding:0 14px 112px;display:grid}.builderStart{gap:13px}.builderStartHeader,.activeTuneBanner,.summaryPanel header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.builderStartHeader p,.activeTuneBanner p,.summaryPanel p{color:var(--accent);text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:900}.builderStartHeader h2,.activeTuneBanner h2,.summaryPanel h2{margin:0;font-size:1.2rem;line-height:1.12}.builderStartHeader>span,.activeTuneBanner span,.summaryPanel span{color:var(--muted);font-size:.82rem;font-weight:800}.progressTrack{background:var(--panel2);border-radius:999px;height:10px;overflow:hidden}.progressTrack i{border-radius:inherit;background:var(--accent);min-width:4px;height:100%;display:block}.builderStartGrid{gap:10px;display:grid}.activeTuneBanner{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent), var(--panel);border-radius:20px;padding:14px}.builderSections{gap:10px;display:grid}.builderSectionCard{border:1px solid var(--border);background:var(--panel);border-radius:18px;overflow:hidden}.sectionToggle{width:100%;min-height:62px;color:var(--text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.sectionToggle span{gap:4px;display:grid}.sectionToggle em{color:var(--muted);font-size:.78rem;font-style:normal}.sectionToggle[aria-expanded=true] svg{transform:rotate(180deg)}.builderFieldGrid{gap:12px;padding:0 14px 14px;display:grid}.builderField{gap:8px;display:grid}.suggestionRow{scrollbar-width:none;gap:7px;display:flex;overflow-x:auto}.suggestionRow::-webkit-scrollbar{display:none}.suggestionRow button{border:1px solid var(--border);background:var(--panel2);min-height:36px;color:var(--muted);border-radius:999px;flex:none;padding:0 10px;font-size:.78rem;font-weight:850}.electronicsProfileTools{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:16px;gap:10px;padding:12px;display:grid}.electronicsProfileTools>div{color:var(--muted);grid-template-columns:auto 1fr;align-items:start;gap:9px;font-size:.84rem;line-height:1.35;display:grid}.electronicsProfileTools>div svg{color:var(--accent)}.electronicsProfileTools label{gap:7px;display:grid}.electronicsProfileTools label span{color:var(--muted);font-size:.78rem;font-weight:850}.electronicsProfileTools select{border:1px solid var(--border);background:var(--panel2);min-height:48px;color:var(--text);border-radius:14px;padding:0 12px}.summaryPanel{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));background:var(--panel);border-radius:20px;gap:12px;padding:14px;display:grid}.summaryPanel dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.summaryPanel div{border:1px solid var(--border);background:var(--panel2);border-radius:13px;padding:9px}.summaryPanel dt{color:var(--muted);font-size:.72rem;font-weight:850}.summaryPanel dd{margin:4px 0 0;font-size:.86rem;line-height:1.25}.builderStickyActions{bottom:calc(82px + env(safe-area-inset-bottom));z-index:28;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 90%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;grid-template-columns:1fr 1fr;gap:8px;padding:9px;display:grid;position:sticky}.builderStickyActions .primaryAction{grid-column:1/-1}.universalPdfPanel{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:var(--panel);box-shadow:var(--shadow);border-radius:20px;gap:12px;padding:14px;display:grid}.universalPdfPanel header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.universalPdfPanel p,.universalPdfPanel h2{margin:0}.universalPdfPanel p{color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:900}.universalPdfPanel h2{margin-top:4px;font-size:1.12rem}.universalPdfPanel iframe{border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;min-height:62vh}.shareSettingsBody{gap:12px;padding:0 14px 14px;display:grid}.shareLinkBox{border:1px solid var(--border);background:var(--panel2);border-radius:16px;grid-template-columns:116px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.shareLinkBox strong,.shareLinkBox span,.shareHint{display:block}.shareLinkBox span,.shareHint{color:var(--muted);overflow-wrap:anywhere;font-size:.86rem}.shareLinkBox .smallPill{margin-top:10px}.shareToggleGrid{gap:8px;display:grid}.shareToggle{border:1px solid var(--border);background:var(--panel2);min-height:48px;color:var(--text);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-weight:800;display:flex}.shareToggle input{width:22px;height:22px;accent-color:var(--accent);order:2}.setupAssistantCard .sectionToggle svg{color:var(--accent2)}.assistantBody{gap:12px;padding:0 14px 14px;display:grid}.assistantIntro,.assistantContext,.assistantSuggestionCard,.assistantSaved{border:1px solid var(--border);background:var(--panel2);border-radius:16px}.assistantIntro{grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px;display:grid}.assistantIntro svg,.assistantSuggestionCard svg,.assistantSaved svg{color:var(--accent2)}.assistantIntro div{gap:4px;display:grid}.assistantIntro span,.assistantContext span,.assistantContext em,.assistantLabel,.assistantSuggestionCard p,.assistantSaved{color:var(--muted);font-size:.86rem;line-height:1.35}.assistantContext{gap:3px;padding:11px 12px;display:grid}.assistantContext span,.assistantLabel,.assistantSuggestionCard p{font-weight:850}.assistantContext em{font-style:normal}.assistantLabel{margin-bottom:7px;display:block}.assistantChoiceGrid,.assistantSymptomGrid,.assistantResultGrid,.assistantRatings{gap:8px;display:grid}.assistantChoiceGrid,.assistantSymptomGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.assistantResultGrid,.assistantRatings{grid-template-columns:repeat(3,minmax(0,1fr))}.assistantRatings{grid-template-columns:1fr 1fr}.assistantChoiceGrid button,.assistantSymptomGrid button,.assistantResultGrid button{border:1px solid var(--border);background:var(--panel2);min-height:48px;color:var(--text);text-align:center;border-radius:14px;padding:9px 10px;font-weight:850;line-height:1.15}.assistantChoiceGrid button.selected,.assistantSymptomGrid button.selected,.assistantResultGrid button.selected{background:var(--accent);color:#07110f;border-color:#0000}.assistantSuggestionCard{gap:10px;padding:12px;display:grid}.assistantSuggestionCard header{grid-template-columns:auto 1fr;align-items:center;gap:9px;display:grid}.assistantSuggestionCard h3,.assistantSuggestionCard p{margin:0}.assistantSuggestionCard header p{color:var(--accent);text-transform:uppercase;margin-bottom:2px;font-size:.72rem}.assistantChipGrid{flex-wrap:wrap;gap:7px;display:flex}.assistantChipGrid span{border:1px solid color-mix(in srgb, var(--accent2) 38%, var(--border));background:color-mix(in srgb, var(--accent2) 10%, transparent);color:var(--text);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.assistantSaved{min-height:44px;color:var(--text);align-items:center;gap:8px;padding:0 12px;font-weight:850;display:inline-flex}.avatar{background:color-mix(in srgb, var(--accent) 24%, var(--panel2));width:58px;height:58px;color:var(--text);border-radius:18px;place-items:center;font-weight:950;display:grid}.emptyState,.loadingState{border:1px dashed var(--border);background:color-mix(in srgb, var(--panel) 70%, transparent);text-align:center;border-radius:20px;place-items:center;gap:8px;min-height:160px;padding:18px;display:grid}.emptyState h2,.emptyState p{margin:0}.emptyState p,.loadingState{color:var(--muted)}.loadingState svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.saveToast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:35;border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--panel) 92%, transparent);min-height:44px;color:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:850;transition:opacity .16s,transform .16s;display:inline-flex;position:fixed;transform:translate(-50%,12px)}.saveToast.show{opacity:1;transform:translate(-50%)}.formField{gap:7px;display:grid}.formField input,.formField select,.formField textarea{border:1px solid var(--border);background:var(--panel2);width:100%;min-height:50px;color:var(--text);border-radius:15px;padding:0 13px}.formField textarea{resize:vertical;min-height:108px;padding-top:12px}.bottomNav{z-index:30;width:min(100%,760px);min-height:calc(72px + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(5,1fr);gap:5px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomNav button{min-width:0;min-height:56px;color:var(--muted);background:0 0;border:0;border-radius:16px;place-items:center;gap:3px;font-size:.68rem;font-weight:850;display:grid}.bottomNav button.active{background:color-mix(in srgb, var(--accent) 17%, transparent);color:var(--text)}.bottomNav button.active svg{color:var(--accent)}.appFrame{min-height:100vh;padding-bottom:96px}.garage{background:linear-gradient(180deg, color-mix(in srgb, var(--panel2) 92%, transparent), var(--bg));padding:18px 16px 10px}.garageTop,.editorHeader,.compareHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.garageTop p,.editorHeader p,.compareHeader p{color:var(--accent);text-transform:uppercase;margin:0 0 2px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}.garageTop h1,.editorHeader h1,.compareHeader h1{margin:0;font-size:clamp(1.55rem,6vw,2.2rem);line-height:1.05}.iconButton,.utilityDock button,.carGroup header button{border:1px solid var(--border);background:var(--panel);min-width:46px;min-height:46px;color:var(--text);border-radius:14px;place-items:center;display:grid}.highContrast{background:var(--accent);color:#07110f}.compareButton,.primaryAction{background:var(--accent);color:#07110f;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:52px;font-weight:850;display:inline-flex}.compareButton{width:100%;margin:18px 0 12px}.primaryAction:disabled{background:var(--panel2);color:var(--muted)}.fullWidth{width:100%}.searchBox{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 86%, transparent);min-height:48px;color:var(--muted);border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.searchBox input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.carList{gap:14px;margin-top:14px;display:grid}.carGroup{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.carGroup header{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.carGroup h2{margin:0;font-size:1rem}.carGroup span,.tuneRow span,.tuneRow em,.editorHeader span,.emptyText{color:var(--muted);font-size:.86rem}.tuneRow{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:0 0;gap:4px;padding:14px;display:grid}.tuneRow.active{background:color-mix(in srgb, var(--accent) 17%, transparent);box-shadow:inset 4px 0 0 var(--accent)}.tuneRow strong{font-size:1rem}.tuneRow em{font-style:normal}.editor{padding:12px 14px 0}.editorHeader{padding:4px 2px 12px}.tabBar{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(5,minmax(66px,1fr));gap:6px;margin:0 -14px;padding:8px 10px;display:grid;position:sticky;top:0;overflow-x:auto}.tabBar button{min-height:54px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:14px;place-items:center;gap:2px;font-size:.72rem;font-weight:750;display:grid}.tabBar button.active{border-color:color-mix(in srgb, var(--accent) 48%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--text)}.tabPanel{padding:14px 0 110px}.interactiveShell{touch-action:none;border:1px solid var(--border);background:#111;border-radius:18px;min-height:70vh;position:relative;overflow:hidden}.sheetHelp{z-index:5;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--panel) 92%, transparent);color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:10px 48px 10px 12px;font-size:.78rem;font-weight:750;line-height:1.25;position:sticky;top:0}.zoomReset{z-index:4;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, transparent);min-width:44px;min-height:44px;color:var(--text);border-radius:14px;place-items:center;display:grid;position:absolute;top:50px;right:10px}.transformWrapper,.transformContent{width:100%!important}.sheetCanvas{background:#f7f8f4;width:100%;position:relative}.sheetCanvas img,.miniSheet img{-webkit-user-select:none;user-select:none;width:100%;display:block}.hotspotLayer,.miniSheet svg{width:100%;height:100%;position:absolute;inset:0}.hotspotRect{fill:#38d6a80e;stroke:#087e636b;stroke-width:2px;cursor:pointer}.hotspotLabel{cursor:pointer;display:none}.hotspotLabel rect{fill:#087e63eb;stroke:#ffffffd1;stroke-width:2px}.hotspotLabel text{fill:#fff;pointer-events:none;font-size:15px;font-weight:900}.hole circle{fill:#38d6a842;stroke:#087e63f2;stroke-width:5px;cursor:pointer}.selectedHole circle{fill:var(--accent2);stroke:#111;stroke-width:4px;cursor:pointer}.selectedHole path{fill:none;stroke:#111;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.valueMarker{fill:#ffcc66c7;stroke:#00000094;stroke-width:2px;cursor:pointer}.hotspotLayer text{pointer-events:auto;fill:#121817;cursor:pointer;font-size:22px;font-weight:800}.hotspotLayer text.compactText{font-size:18px}.formSection{border:1px solid var(--border);background:var(--panel);border-radius:18px;margin-bottom:14px;padding:16px}.formSection h2{margin-bottom:14px;font-size:1.05rem}.fieldGrid{gap:12px;display:grid}.sectionScroller{gap:8px;margin:0 -14px 12px;padding:0 14px 4px;display:flex;overflow-x:auto}.sectionScroller button{border:1px solid var(--border);background:var(--panel);min-height:44px;color:var(--muted);border-radius:999px;flex:none;padding:0 14px;font-weight:850}.sectionScroller button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--panel));color:var(--text)}.field{color:var(--muted);gap:8px;font-size:.83rem;font-weight:750;display:grid}.field input,.field select,.field textarea,.comparePickers select{border:1px solid var(--border);background:var(--panel2);width:100%;min-height:48px;color:var(--text);border-radius:14px;outline:none;padding:0 13px}.field textarea{resize:vertical;padding-top:12px}.inputWithUnit{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.inputWithUnit em{color:var(--muted);font-style:normal}.notesField textarea{min-height:48vh}.checkGroup{border:0;gap:8px;margin:0;padding:0;display:grid}.checkGroup legend{color:var(--muted);margin-bottom:4px;font-size:.83rem;font-weight:800}.checkGroup label{border:1px solid var(--border);background:var(--panel2);border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:0 12px;display:flex}.checkGroup input{width:22px;height:22px}.pdfPreviewPanel{gap:12px;display:grid}.previewActions{z-index:8;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;grid-template-columns:1fr auto;gap:8px;padding:8px;display:grid;position:sticky;top:72px}.previewActions button:not(.primaryAction){border:1px solid var(--border);background:var(--panel2);min-width:52px;min-height:52px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.pdfPreviewCanvas{border:1px solid var(--border);background:#fff;border-radius:18px;position:relative;overflow:hidden}.pdfPreviewCanvas img{width:100%;display:block}.pdfPreviewOverlay{color:#061312;pointer-events:none;position:absolute;inset:0}.pdfPreviewOverlay span{white-space:nowrap;text-overflow:ellipsis;background:#ffda7ac7;border-radius:4px;max-width:88px;padding:1px 3px;font-size:8px;font-weight:800;line-height:1.1;position:absolute;overflow:hidden;transform:translateY(-100%)}.pdfPreviewOverlay b,.pdfPreviewOverlay i{position:absolute;transform:translate(-50%,-50%)}.pdfPreviewOverlay b{color:#00745b;font-size:12px;font-weight:950}.pdfPreviewOverlay i{background:#fc6;border:1.5px solid #00745b;border-radius:50%;width:9px;height:9px}.photoUploader{border:1px dashed color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);min-height:122px;color:var(--text);text-align:center;border-radius:18px;place-items:center;gap:4px;font-weight:850;display:grid}.photoUploader small{color:var(--muted);font-size:.78rem}.photoUploader input{display:none}.photoStatus{border:1px solid var(--border);background:var(--panel2);color:var(--muted);border-radius:14px;margin:10px 0 0;padding:10px 12px;font-size:.84rem;line-height:1.35}.photoGrid{gap:12px;margin-top:14px;display:grid}.photoCard{background:var(--panel);border-radius:18px;margin:0;overflow:hidden}.photoCard img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.photoCard figcaption{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.photoCard input{border:1px solid var(--border);background:var(--panel2);min-height:42px;color:var(--text);border-radius:12px;padding:0 10px}.photoCard button{background:color-mix(in srgb, var(--danger) 14%, transparent);min-width:42px;min-height:42px;color:var(--danger);border:0;border-radius:12px;place-items:center;display:grid}.historyList{gap:12px;margin-top:14px;display:grid}.historyItem{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:14px}.historyItem time{color:var(--muted);font-size:.78rem}.historyItem h3{margin:8px 0;font-size:1rem}.historyItem button{border:1px solid var(--border);background:var(--panel2);min-height:44px;color:var(--text);border-radius:12px}.stickySave{right:12px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:100;pointer-events:auto;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 84%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;padding:10px;position:sticky;left:12px}.stickySave .primaryAction{width:100%}.utilityDock{z-index:3;gap:8px;display:flex;position:absolute;top:182px;right:22px}.utilityDock button{min-width:42px;min-height:42px}.sheetShade{z-index:40;background:#00000075;align-items:end;display:grid;position:fixed;inset:0}.bottomSheet{background:var(--panel);max-height:78vh;box-shadow:var(--shadow);border-radius:24px 24px 0 0;padding:10px 14px 18px;overflow:auto}.sheetHandle{background:var(--border);border-radius:999px;width:44px;height:5px;margin:0 auto 10px}.bottomSheetHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.bottomSheetHeader h2{margin:0;font-size:1.2rem}.optionGrid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.optionGrid button{border:1px solid var(--border);background:var(--panel2);min-height:58px;color:var(--text);border-radius:16px;font-weight:800}.optionGrid button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--panel2))}.compareView{min-height:100vh;padding:18px 14px 96px}.comparePickers{gap:10px;margin:16px 0;display:grid}.miniSheets{grid-template-columns:1fr 1fr;gap:10px;display:grid}.miniSheets h2{min-height:38px;margin-bottom:8px;font-size:.9rem}.miniSheet{border:1px solid var(--border);background:#fff;border-radius:14px;position:relative;overflow:hidden}.miniSheet circle{fill:var(--accent2);stroke:#111;stroke-width:5px}.compareRows{gap:8px;margin-top:16px;display:grid}.compareRows article{border:1px solid var(--border);background:var(--panel);border-radius:14px;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;padding:12px;font-size:.84rem;display:grid}.compareRows article.changed{border-color:color-mix(in srgb, var(--accent2) 58%, var(--border));background:color-mix(in srgb, var(--accent2) 12%, var(--panel))}.compareRows strong{font-size:.82rem}.publicPage{background:var(--bg);min-height:100vh;padding:18px 14px 110px}.publicHero,.sharePanel,.publicSection,.profileHeader,.adminList section{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:18px}.publicHero{padding:18px}.publicHero p,.profileHeader p{color:var(--accent);text-transform:uppercase;margin-bottom:4px;font-size:.78rem;font-weight:850}.publicHero h1,.profileHeader h1{margin-bottom:8px;font-size:clamp(1.7rem,8vw,3rem);line-height:1}.publicHero span,.profileHeader span,.sharePanel p,.publicSection p,.adminList p{color:var(--muted)}.sharePanel{gap:14px;margin-top:14px;padding:16px;display:grid}.qrBox{background:color-mix(in srgb, var(--accent) 10%, var(--panel2));min-height:176px;color:var(--text);border-radius:16px;place-items:center;display:grid}.publicActions{flex-wrap:wrap;gap:10px;display:flex}.publicActions button,.libraryList button{border:1px solid var(--border);background:var(--panel2);min-height:48px;color:var(--text);border-radius:14px}.publicActions button{align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.publicSection{margin-top:14px;padding:14px}.publicSection h2{align-items:center;gap:8px;font-size:1.05rem;display:inline-flex}.publicDataGrid{gap:8px;margin:0;display:grid}.publicDataGrid div{border:1px solid var(--border);background:var(--panel2);border-radius:12px;grid-template-columns:minmax(104px,.6fr) 1fr;gap:10px;padding:10px;display:grid}.publicDataGrid dt{color:var(--muted);font-size:.78rem;font-weight:900}.publicDataGrid dd{align-items:center;gap:4px;margin:0;font-weight:850;display:inline-flex}.tagRow{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tagRow span{border:1px solid var(--border);background:var(--panel2);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.publicStats{margin-top:12px;font-weight:800}.publicTimeline{gap:8px;display:grid}.publicTimeline article{border:1px solid var(--border);background:var(--panel2);border-radius:12px;gap:4px;padding:10px;display:grid}.publicTimeline span{color:var(--muted);font-size:.82rem}.libraryFilters{gap:10px;margin:14px 0;display:grid}.libraryFilters label,.libraryFilters select{border:1px solid var(--border);background:var(--panel);min-height:48px;color:var(--text);border-radius:14px;align-items:center;gap:8px;padding:0 12px;display:flex}.libraryFilters label select{background:0 0;border:0;flex:1;min-height:auto;padding:0}.libraryList{gap:10px;display:grid}.libraryList button{text-align:left;gap:4px;width:100%;padding:14px;display:grid}.libraryList span,.libraryList em,.libraryList small{color:var(--muted);font-style:normal}.communityLibrary.compact{gap:14px;display:grid}.communityRails{scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.communityRails::-webkit-scrollbar{display:none}.communityRails button{border:1px solid var(--border);background:var(--panel2);min-height:42px;color:var(--text);white-space:nowrap;border-radius:999px;padding:0 13px;font-weight:850}.communityRails button.active{background:var(--accent);color:#07110f;border-color:#0000}.communityFilters label input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.communityFeatureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.communityFeatureGrid section{border:1px solid var(--border);background:var(--panel);border-radius:16px;align-content:center;gap:4px;min-height:78px;padding:10px;display:grid}.communityFeatureGrid strong{font-size:1.02rem;line-height:1.05}.communityFeatureGrid span{color:var(--muted);font-size:.74rem;font-weight:850}.communityTuneList{gap:12px;display:grid}.communityTuneCard{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:18px;gap:12px;padding:12px;display:grid}.communityThumb{border:1px solid var(--border);background:#fff;border-radius:14px;min-height:150px;padding:0;overflow:hidden}.communityThumb img{object-fit:cover;width:100%;height:170px;display:block}.communityTuneBody{gap:10px;display:grid}.communityTuneBody p,.communityTuneBody h2{margin:0}.communityTuneBody p{color:var(--accent);text-transform:uppercase;font-size:.74rem;font-weight:900}.communityTuneBody h2{font-size:1.12rem}.driverLink{width:fit-content;min-height:34px;color:var(--muted);text-align:left;background:0 0;border:0;padding:0;font-weight:850}.communityMeta,.communityStats{flex-wrap:wrap;gap:8px;display:flex}.communityMeta span,.communityStats span{border:1px solid var(--border);background:var(--panel2);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:6px 9px;font-size:.76rem;font-weight:850;display:inline-flex}.communityActions button{min-height:42px}.commentComposer{gap:8px;display:grid}.commentComposer textarea{border:1px solid var(--border);background:var(--panel2);min-height:88px;color:var(--text);resize:vertical;border-radius:14px;padding:10px}.commentList{gap:8px;display:grid}.commentList article{border-left:3px solid var(--accent);background:var(--panel2);border-radius:10px;gap:3px;padding:8px 10px;display:grid}.commentList span,.remixNote{color:var(--muted);font-size:.84rem}.trackChipGrid{flex-wrap:wrap;gap:8px;display:flex}.profileHeader{grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-bottom:14px;padding:16px;display:grid}.avatar{background:color-mix(in srgb, var(--accent) 16%, var(--panel2));width:72px;height:72px;color:var(--accent);border-radius:18px;place-items:center;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.adminList{gap:12px;margin-top:14px;display:grid}.adminList section{padding:14px}.adminList code{background:var(--panel2);overflow-wrap:anywhere;border-radius:12px;padding:10px;display:block}.calibrationToolbar,.calibrationPanel,.calibrationCanvas{border:1px solid var(--border);background:var(--panel);border-radius:18px}.calibrationToolbar{gap:10px;margin-top:14px;padding:12px;display:grid}.calibrationToolbar label,.calibrationPanel label{color:var(--muted);gap:6px;font-size:.78rem;font-weight:800;display:grid}.calibrationToolbar select,.calibrationToolbar button,.calibrationPanel input,.calibrationPanel select,.calibrationPanel textarea,.jsonTools button,.importButton{border:1px solid var(--border);background:var(--panel2);min-height:44px;color:var(--text);border-radius:12px;padding:0 10px}.calibrationGrid{gap:14px;margin-top:14px;display:grid}.calibrationCanvas{background:#fff;position:relative;overflow:hidden}.calibrationCanvas img{width:100%;display:block}.calibrationCanvas svg{width:100%;height:100%;position:absolute;inset:0}.calibrationCanvas rect{fill:#ffcc6629;stroke:#087e63e6;stroke-width:.002px;cursor:pointer}.pdfMapperCanvas circle,.pdfMapperCanvas rect{fill:#ffcc666b;stroke:#087e63e6;stroke-width:1.4px}.calibrationCanvas rect.calibrationSelected{fill:#38d6a83d;stroke:#fc6;stroke-width:.004px}.pdfMapperCanvas circle.calibrationSelected{fill:#38d6a875;stroke:#fc6}.calibrationPanel{gap:10px;padding:14px;display:grid}.pdfCoordReadout{background:color-mix(in srgb, var(--accent) 12%, var(--panel2));color:var(--accent);border-radius:12px;margin:0;padding:10px;font-weight:850}.calibrationPanel textarea{width:100%;padding-top:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.mapperPreviewFrame{border:1px solid var(--border);background:#fff;border-radius:14px;width:100%;min-height:340px}.jsonTools{gap:10px;display:grid}.jsonTools div{flex-wrap:wrap;gap:8px;display:flex}.jsonTools button,.importButton{align-items:center;gap:8px;display:inline-flex}.importButton input{display:none}.myTunesToolbar{gap:10px;display:grid}.compactSearch{margin:0}.myTunesList{gap:12px;display:grid}.myTuneCard{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, white), var(--panel2));box-shadow:var(--shadow);border-radius:16px;gap:12px;padding:14px;display:grid}.myTuneCard.active{border-color:color-mix(in srgb, var(--accent) 70%, var(--border))}.myTuneMain{width:100%;min-height:72px;color:var(--text);text-align:left;background:0 0;border:0;gap:5px;padding:0;display:grid}.myTuneMain strong{font-size:1rem}.myTuneMain span,.myTuneMain em{color:var(--muted);font-size:.86rem;font-style:normal;line-height:1.35}.myTuneActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.myTuneActions button,.dangerAction{border:1px solid var(--border);background:var(--panel);min-height:44px;color:var(--text);border-radius:12px;font-weight:800}.myTuneActions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.myTuneActions .dangerAction,.destructive{border-color:color-mix(in srgb, var(--danger) 46%, var(--border));color:var(--danger)}.modalShade{z-index:80;background:#00000094;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.confirmModal{border:1px solid var(--border);background:var(--panel);width:min(100%,460px);box-shadow:var(--shadow);border-radius:22px;margin:0 auto;padding:18px}.confirmModal h2{margin:0 0 8px;font-size:1.2rem}.confirmModal p{color:var(--muted);margin:0 0 16px;line-height:1.45}.primaryAction.destructive{background:color-mix(in srgb, var(--danger) 88%, #111);color:#fff}@media (width>=820px){.appFrame{grid-template-columns:minmax(300px,360px) 1fr;padding-bottom:0;display:grid}.garage{height:100vh;position:sticky;top:0;overflow:auto}.editor{width:100%;max-width:960px;margin:0 auto;padding:22px 22px 0}.fieldGrid,.photoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fieldWide,.notesField{grid-column:1/-1}.stickySave{position:sticky;bottom:96px;left:auto;right:24px}.utilityDock{display:grid;position:fixed;top:auto;bottom:96px;right:12px}.compareView{max-width:1100px;margin:0 auto}.comparePickers{grid-template-columns:1fr 1fr}.publicPage{max-width:1100px;margin:0 auto}.sharePanel,.libraryFilters,.communityTuneCard{grid-template-columns:220px 1fr}.communityThumb img{height:100%;min-height:180px}.calibrationGrid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.calibrationPanel{position:sticky;top:12px}}