.vehicle-visual{place-items:center;width:100%;min-width:0;display:grid}.vehicle-icon{width:100%;height:65px;color:var(--muted)}.vehicle-icon-window,.vehicle-icon-wheel{fill:var(--bg)}.vehicle-photo{object-fit:cover;background:var(--bg);border-radius:10px;width:100%;height:72px;display:block}.vehicle-tile{overflow:hidden}.vehicle-tile .vehicle-visual{max-width:100%}.vehicle-tile.tile-tone-blue,.personalization-preview.tile-tone-blue{background:color-mix(in srgb, var(--panel) 78%, #227bb5 22%)}.vehicle-tile.tile-tone-green,.personalization-preview.tile-tone-green{background:color-mix(in srgb, var(--panel) 78%, #278c63 22%)}.vehicle-tile.tile-tone-amber,.personalization-preview.tile-tone-amber{background:color-mix(in srgb, var(--panel) 78%, #b77818 22%)}.vehicle-tile.tile-tone-red,.personalization-preview.tile-tone-red{background:color-mix(in srgb, var(--panel) 78%, #a63c46 22%)}.vehicle-tile.tile-tone-violet,.personalization-preview.tile-tone-violet{background:color-mix(in srgb, var(--panel) 78%, #7453a6 22%)}.vehicle-tile.tile-tone-slate,.personalization-preview.tile-tone-slate{background:color-mix(in srgb, var(--panel) 78%, #5f7185 22%)}.car-tone-default{color:var(--muted)}.car-tone-blue{color:#52bde8}.car-tone-green{color:#54c38b}.car-tone-amber{color:#e4a83f}.car-tone-red{color:#e66d76}.car-tone-violet{color:#aa89eb}.car-tone-silver{color:#c4ced8}.car-tone-black{color:color-mix(in srgb, var(--text) 45%, #000 55%)}.ring-center .vehicle-visual{width:90%;height:90%}.ring-center .vehicle-icon{height:auto;max-height:100%}.ring-center .vehicle-photo{border-radius:50%;width:100%;height:100%}.personalization-preview{border:1px solid var(--border);background:var(--panel);border-radius:14px;place-items:center;width:min(100%,28rem);min-height:150px;margin-bottom:1rem;padding:1rem;display:grid}.personalization-preview .vehicle-photo{height:min(260px,38vh)}.personalization-preview .vehicle-icon{height:min(180px,28vh)}.visually-hidden-file{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){.vehicle-tile,.personalization-preview{background:canvas}.vehicle-icon{color:canvastext}}:root{color:var(--text);background:var(--bg);font-synthesis:none;--bg:#0b1018;--panel:#131c29;--panel-hover:#1a2737;--text:#edf3fc;--muted:#a5b3c6;--border:#2a3a4e;--accent:#82deff;--danger:#ff9b9b;--danger-surface:#2a171c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}:root[data-theme=Light]{--bg:#f3f6fb;--panel:#fff;--panel-hover:#e7f0fa;--text:#172638;--muted:#4b6176;--border:#c0ccdb;--accent:#006888;--danger:#a52525;--danger-surface:#fde8e8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{margin:0}.skip-link{z-index:100;background:var(--panel);padding:1rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}pre{white-space:pre-wrap;overflow-wrap:anywhere}@media (forced-colors:active){button,input,select,textarea,.vehicle-tile{border:1px solid buttontext}}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;min-height:44px;padding:.65rem 1rem}button:hover:not(:disabled){background:var(--panel-hover);border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--bg);font-weight:700}button.danger{color:var(--danger)}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;height:100px;padding:1.2rem clamp(1rem,5vw,5rem);display:flex}.brand{color:var(--text);letter-spacing:-.06em;font-size:1.8rem;font-weight:800;text-decoration:none}.brand span{color:var(--muted);letter-spacing:.2em;font-size:.57rem;display:block}.account{position:relative}.account nav{z-index:10;overscroll-behavior:contain;border:1px solid var(--border);background:var(--panel);border-radius:14px;width:min(250px,100vw - 2rem);max-height:min(70dvh,32rem);padding:1rem;position:absolute;top:3.3rem;right:0;overflow-y:auto;box-shadow:0 20px 50px #0004}.account nav a{align-items:center;padding:.6rem 0;display:flex}.account nav strong{overflow-wrap:anywhere}.account nav a,.account nav button{min-height:44px}main{width:min(1400px,100%);min-height:calc(100vh - 155px);margin:auto;padding:2rem clamp(1rem,5vw,4rem)}h1{letter-spacing:-.035em;margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2rem)}h2{font-size:1.2rem}p{color:var(--muted)}.eyebrow{letter-spacing:.22em;color:var(--accent);margin:0 0 .4rem;font-size:.7rem;font-weight:700}.workspace-title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.workspace-title span{color:var(--muted);font-size:.85rem}.vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:1.5rem;display:grid}.vehicle-tile,.vehicle-slot{border-radius:14px;min-height:115px}.vehicle-tile{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;display:flex}.vehicle-tile.add{border-style:dashed}.vehicle-tile b{color:var(--accent);font-size:1.8rem;font-weight:400}.vehicle-tile .car{width:100%;height:65px}.vehicle-tile.selected{border-color:var(--accent);box-shadow:0 0 18px #82deff20}.center-workspace{flex-direction:column;align-items:center;margin-top:1.5rem;display:flex}.center-workspace>p{font-size:.9rem}.ring{aspect-ratio:1;background:conic-gradient(from -54deg, var(--panel) 0% 30%, var(--border) 30% 30.5%, var(--panel) 30.5% 60%, var(--border) 60% 60.5%, var(--panel) 60.5% 90%, var(--border) 90% 90.5%, var(--danger-surface) 90.5%);border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:min(100%,23.75rem);margin:1rem 0 2rem;position:relative}.ring-center{background:var(--bg);border:1px solid var(--border);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;inset:24%}.car{width:100%;color:var(--muted)}.ring button{background:0 0;border:0;min-width:44px;padding:.4rem;font-size:.9rem;transition:opacity .24s,transform .24s,background-color .24s,color .24s;position:absolute}.ring-log{top:10%;left:37%}.ring-history{top:53%;right:8%}.ring-settings{bottom:20%;left:12%}.ring-trash{color:var(--danger);top:33%;left:8%}.ring-opening-0{transform:rotate(0)}.ring-opening-108{transform:rotate(-108deg)}.ring-opening-216{transform:rotate(-216deg)}.ring-opening-288{transform:rotate(-288deg)}.ring-opening-0 .ring-center{transform:rotate(0)}.ring-opening-108 .ring-center{transform:rotate(108deg)}.ring-opening-216 .ring-center{transform:rotate(216deg)}.ring-opening-288 .ring-center{transform:rotate(288deg)}.ring.opening .ring-opening-dim{opacity:.2}.ring.opening .ring-opening-target{view-transition-name:section-header;transform:scale(1.06)}@media (forced-colors:active){.ring button{border:1px solid buttontext}.ring-trash{color:buttontext}}.ring.active .car{color:var(--accent)}.section{animation:.24s section-in}.section-heading{border-bottom:2px solid var(--accent);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.section-heading h1{margin:0}.panel,.form-surface{background:var(--panel);border:1px solid var(--border);border-radius:18px;margin-bottom:1rem;padding:clamp(1rem,3vw,2rem)}.panel{max-width:850px}label{flex-direction:column;gap:.45rem;margin-bottom:1rem;font-size:.95rem;display:flex}input,select,textarea{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;min-height:44px;padding:.7rem}textarea{resize:vertical;min-height:100px}label.check{flex-direction:row;align-items:center;min-height:44px}input[type=checkbox]{width:20px;min-height:20px}fieldset{border:1px solid var(--border);border-radius:10px;margin:1rem 0;padding:1rem}.actions{flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;display:flex}.actions>a,.action-link{align-items:center;min-height:44px;display:inline-flex}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.error{color:var(--danger);font-size:.9rem}.notice{border-left:3px solid var(--accent);background:var(--panel);padding:1rem}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;display:grid}dialog{background:var(--panel);color:var(--text);border:1px solid var(--border);width:min(550px,100vw - 2rem);max-width:min(550px,100vw - 2rem);max-height:calc(100dvh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;border-radius:16px;padding:1.5rem;overflow-y:auto}body:has(dialog[open]){overflow:hidden}dialog::backdrop{background:#000a}footer{border-top:1px solid var(--border);padding:1rem max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));text-align:center;color:var(--muted);font-size:.75rem}footer nav{flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin-top:.35rem;display:flex}footer nav a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}@keyframes section-in{0%{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){header{height:auto;min-height:calc(4rem + env(safe-area-inset-top,0px));padding:calc(.5rem + env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) .5rem max(1rem, env(safe-area-inset-left,0px));gap:.5rem}.brand{font-size:1.5rem}.account>button{padding:.5rem;font-size:.8rem}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-tile,.vehicle-slot{min-height:95px}.fields{grid-template-columns:1fr}.workspace-title{align-items:flex-start}.section-heading{gap:.7rem}.section-heading button{font-size:.8rem}main{padding:.75rem max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));min-height:calc(100svh - 7.5rem - env(safe-area-inset-top,0px))}main:has(>.garage-workspace){flex-direction:column;display:flex}main>.garage-workspace{order:-1}}.garage-workspace{grid-template-areas:"title""wheel""vehicles""drafts";gap:.5rem;display:grid}.garage-workspace>.workspace-title{grid-area:title;gap:.5rem}.garage-workspace .workspace-title>div{min-width:0}.garage-workspace .workspace-title h1{margin:0;font-size:clamp(1.15rem,5vw,1.35rem);line-height:1.2}.garage-workspace .workspace-title span{white-space:nowrap}.garage-workspace>.center-workspace{grid-area:wheel;min-width:0;margin:0}.garage-workspace .center-workspace>p{text-align:center;overflow-wrap:anywhere;order:1;margin:.5rem 0}.garage-workspace .ring{width:min(100%, 22rem, max(16rem, calc(100svh - 13rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))));margin:0}.garage-workspace>.vehicle-grid{grid-area:vehicles;margin-top:.5rem}.garage-workspace .vehicle-tile{overflow-wrap:anywhere;min-width:0}.garage-workspace>a{grid-area:drafts;justify-self:start;align-items:center;min-height:44px;display:flex}@media (width>=701px){.garage-workspace{grid-template-areas:"title""vehicles""drafts""wheel";gap:0}.garage-workspace .workspace-title h1{font-size:clamp(1.5rem,3vw,2rem);line-height:inherit;margin-bottom:1rem}.garage-workspace>.vehicle-grid,.garage-workspace>.center-workspace{margin-top:1.5rem}.garage-workspace .center-workspace>p{order:0;margin:1em 0}.garage-workspace .ring{width:min(100%,23.75rem);margin:1rem 0 2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.section-heading{view-transition-name:section-header}.welcome{margin:3rem auto}::view-transition-old(section-header){animation-duration:.25s}::view-transition-new(section-header){animation-duration:.25s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.ring,.ring-center{transition:transform .24s}.opening-section .vehicle-grid{opacity:.2;transition:opacity .24s}.history-record{border:1px solid var(--border);background:var(--panel);border-radius:12px;margin-bottom:.6rem;overflow:hidden}.history-row{text-align:left;border:0;border-radius:0;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:1rem;width:100%;display:grid}.history-row span:last-child{text-align:right;color:var(--muted)}.history-expanded{border-top:1px solid var(--border);padding:1rem 1.4rem}.log-details{margin:0}.log-details>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(130px,1fr) 2fr;gap:1rem;padding:.6rem 0;display:grid}dt{color:var(--muted)}dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.revision{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}@media (width<=600px){.history-row{grid-template-columns:1fr 1fr}.history-row strong{grid-area:2/1/auto/-1}.history-row span:last-child{grid-area:1/2}.log-details>div{grid-template-columns:1fr;gap:.3rem}}