.wheel-studio{--wf-ink:#182329;--wf-muted:#61706a;--wf-line:#dce3df;--wf-lime:#d3ed35;max-width:1360px;margin:auto;padding:32px 24px 64px;color:var(--wf-ink);font-family:inherit}
.wheel-studio *{box-sizing:border-box}.wheel-studio [hidden]{display:none!important}.wheel-studio h1,.wheel-studio h2,.wheel-studio h3,.wheel-studio p{margin:0}.wheel-studio button,.wheel-studio input,.wheel-studio select{font:inherit}.wheel-studio button,.wheel-studio a{touch-action:manipulation}.wheel-studio :is(button,a,input,select):focus-visible{outline:3px solid #829b0c;outline-offset:3px}.wf-eyebrow{font-size:10px;font-weight:750;letter-spacing:.13em;color:var(--wf-muted)}
.wf-intro{display:flex;justify-content:space-between;align-items:end;gap:32px}.wf-intro h1{margin:12px 0;font-size:clamp(30px,4vw,48px);font-weight:750;letter-spacing:-.045em;line-height:1.12}.wf-intro p{max-width:730px;color:var(--wf-muted);font-size:14px;line-height:1.8}.wf-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;color:var(--wf-ink);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.wf-steps{display:flex;gap:32px;flex-wrap:wrap;margin:26px 0;font-size:12px;font-weight:650}.wf-steps a{display:flex;align-items:center;gap:9px;min-height:36px;color:var(--wf-ink);text-decoration:none}.wf-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eff3e8;font-size:11px}
.wf-search{border:1px solid var(--wf-line);border-radius:12px;padding:22px 24px;background:#f6f8f3;scroll-margin-top:var(--wf-sticky-top,220px)}.wf-tabs{display:flex;gap:24px;border-bottom:1px solid var(--wf-line);margin-bottom:18px}.wf-tabs button{border:0;border-bottom:2px solid transparent;min-height:44px;padding:8px 0;background:none;color:var(--wf-muted);font-size:12px;font-weight:700;cursor:pointer}.wf-tabs button[aria-selected=true],.wf-tabs button[aria-pressed=true]{color:var(--wf-ink);border-bottom-color:var(--wf-ink)}
.wheel-studio label:not(.wf-consent):not(.wf-upload){display:grid;gap:7px;font-size:11px;font-weight:650;min-width:0}.wheel-studio input:not([type=checkbox]):not([type=file]),.wheel-studio select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #bdcac0;border-radius:6px;background:#fff;color:var(--wf-ink)}.wf-plate-form{display:flex;gap:12px;align-items:end}.wf-plate-form>label{width:280px;max-width:100%}.wf-plate-input{display:flex;align-items:stretch}.wf-plate-input>span{display:grid;place-items:center;flex:0 0 30px;border-radius:6px 0 0 6px;background:#1b4482;color:#fff;font-size:11px}.wheel-studio .wf-plate-input input{border-radius:0 6px 6px 0;font-size:21px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.wheel-studio .wf-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:11px 18px;border:1px solid var(--wf-ink);border-radius:6px;background:var(--wf-ink);color:white;font-size:12px;font-weight:700;cursor:pointer}.wheel-studio .wf-primary:hover{background:#304232}.wheel-studio .wf-primary:disabled{cursor:not-allowed;opacity:.48}.wf-vehicle{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:end;border-top:1px solid var(--wf-line);padding-top:18px;margin-top:18px}.wf-vehicle>div{display:grid;gap:6px;align-self:center}.wf-vehicle strong{font-size:16px}.wf-vehicle>div>span{font-size:12px;color:var(--wf-muted)}.wf-manual-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.wheel-studio .wf-help{margin-top:12px;color:var(--wf-muted);font-size:12px;line-height:1.6}.wheel-studio .wf-status{margin-top:14px;min-height:20px;color:var(--wf-muted);font-size:12px;line-height:1.7}.wf-status[data-error=true]{color:#983d30}
.wf-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:26px;margin-top:32px}.wf-results{min-width:0;scroll-margin-top:var(--wf-sticky-top,220px)}.wf-results-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.wf-results h2,.wf-preview h2{font-size:23px;font-weight:750;letter-spacing:-.03em;line-height:1.3}.wf-results-heading p{margin-top:6px;font-size:12px;color:var(--wf-muted)}.wf-filters{display:grid;grid-template-columns:1.8fr .7fr 1fr;gap:10px;margin:20px 0 12px}.wheel-studio .wf-match-note{font-size:11px;color:var(--wf-muted);line-height:1.65;margin-bottom:16px}.wf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wf-card{min-width:0;border:1px solid var(--wf-line);border-radius:10px;background:#fff;overflow:hidden}.wf-card-main{display:grid;grid-template-columns:70px minmax(0,1fr);gap:13px;align-items:center;padding:15px}.wf-card-main img{width:70px;height:82px;object-fit:contain}.wf-card h3{font-size:14px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}.wf-card-main p{margin-top:6px;font-size:11px;color:var(--wf-muted);line-height:1.7}.wf-stock{display:block;margin-top:6px;color:#247548;font-size:10px;font-weight:650}.wf-ring{display:block;font-size:10px;color:#886314;margin-top:5px}.wf-card-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0e9;padding:12px 15px}.wf-card-price{display:grid;gap:4px}.wf-card-price strong{font-size:19px;font-weight:750;letter-spacing:-.025em}.wf-card-price small{font-size:10px;color:var(--wf-muted)}.wf-card-select{min-height:42px;border:1px solid var(--wf-ink);border-radius:6px;padding:8px 12px;background:var(--wf-ink);color:#fff;font-size:11px;font-weight:650;cursor:pointer}.wf-card-select[aria-pressed=true]{background:var(--wf-lime);border-color:var(--wf-lime);color:var(--wf-ink)}.wf-card-links{display:flex;justify-content:space-between;gap:12px;padding:0 15px 12px}.wf-card-links a,.wf-card-links button{min-height:36px;border:0;padding:6px 0;background:none;color:var(--wf-muted);font-size:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.wf-pages{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:22px}.wf-pages button{min-height:44px;border:1px solid var(--wf-line);border-radius:5px;background:#fff;padding:10px 14px;font-size:12px;cursor:pointer}.wf-empty{grid-column:1/-1;border:1px dashed #b8c8b7;border-radius:9px;padding:30px 20px;color:var(--wf-muted);font-size:13px;line-height:1.8}
.wf-preview{position:sticky;top:var(--wf-sticky-top,220px);min-width:0;border:1px solid var(--wf-line);border-radius:12px;background:#f7f9f3;padding:22px;scroll-margin-top:var(--wf-sticky-top,220px)}.wf-preview h2{margin-top:9px}.wf-preview>p{margin-top:12px;font-size:12px;line-height:1.8;color:var(--wf-muted)}.wf-upload{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;overflow:hidden;border:1px dashed #a5b79d;border-radius:8px;background:#fff;padding:24px 14px;margin-top:18px;cursor:pointer}.wf-upload strong{font-size:12px}.wf-upload>span{font-size:10px;color:var(--wf-muted)}.wf-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.wf-upload:focus-within,.wf-upload.is-dragging{outline:3px solid #91ac28;outline-offset:2px}.wf-photo-viewer{position:relative;display:grid;place-items:center;aspect-ratio:3/2;border:1px solid var(--wf-line);border-radius:8px;background:#eaf0e7;overflow:hidden;margin-top:14px}.wf-photo-viewer img{width:100%;height:100%;object-fit:contain;max-height:320px}.wf-photo-viewer>span{position:absolute;left:10px;bottom:10px;padding:4px 7px;background:#ffffffe8;border-radius:4px;font-size:10px}.wf-compare{margin:10px 0 0;gap:18px}.wf-selected{margin-top:15px;border:1px solid var(--wf-line);border-radius:7px;background:#fff;padding:12px;font-size:12px;line-height:1.6}.wf-selected>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center}.wf-selected img{width:48px;height:54px;object-fit:contain}.wf-selected strong{display:block;font-size:12px}.wf-selected span{display:block;font-size:10px;color:var(--wf-muted)}.wf-consent{display:flex;gap:9px;align-items:start;margin:18px 0;font-size:10px;color:var(--wf-muted);line-height:1.7}.wf-consent input{width:17px;height:17px;flex-shrink:0;margin-top:2px;accent-color:#627b18}.wf-generate{width:100%}.wheel-studio .wf-preview-note{font-size:10px;border-top:1px solid var(--wf-line);padding-top:14px;margin-top:18px}
@media(max-width:1100px){.wf-workspace{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.wf-grid{grid-template-columns:1fr}}
@media(max-width:850px){.wf-workspace{grid-template-columns:1fr}.wf-preview{position:static}.wf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-vehicle{grid-template-columns:1fr 1fr}.wf-vehicle>div{grid-column:1/-1}.wf-preview{max-width:600px;width:100%;justify-self:center}.wf-intro{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:560px){.wheel-studio{padding:22px 16px 44px}.wf-search{padding:16px}.wf-tabs{gap:18px}.wf-plate-form{align-items:stretch;flex-direction:column}.wf-plate-form>label{width:100%}.wf-steps{gap:9px;justify-content:space-between;font-size:10px}.wf-steps b{width:22px;height:22px}.wf-steps a{gap:5px}.wf-vehicle,.wf-manual-form{grid-template-columns:1fr}.wf-vehicle>div{grid-column:auto}.wf-filters{grid-template-columns:1fr 1fr}.wf-filters>label:first-child{grid-column:1/-1}.wf-grid{grid-template-columns:1fr}.wf-preview{padding:18px}.wf-card-main{grid-template-columns:64px minmax(0,1fr)}.wf-card-main img{width:64px;height:76px}}
@media(prefers-reduced-motion:reduce){.wheel-studio *{scroll-behavior:auto!important}}

.wf-camera-button{display:none;align-items:center;justify-content:center;width:100%;min-height:46px;padding:10px 12px;margin-top:10px;border:1px solid #82966a;border-radius:6px;background:white;color:var(--wf-ink);font-size:12px!important;font-weight:700!important;cursor:pointer}.wf-camera-button:disabled{opacity:.5;cursor:not-allowed}
.wf-enlarge{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.wf-enlarge-label{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:4px;background:#182329e8;color:white;font-size:11px;font-weight:650}.wf-photo-viewer #wfImageLabel{pointer-events:none}
.wf-image-dialog{width:min(1280px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;margin:auto;border:1px solid #44504b;border-radius:12px;background:#101917;color:#fff;overflow:auto;box-shadow:0 24px 90px #0007}.wf-image-dialog::backdrop{background:#06100de8;backdrop-filter:blur(5px)}.wf-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid #ffffff20}.wf-dialog-header h2{font-size:17px;font-weight:700}.wf-dialog-header button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:8px 14px;border:1px solid #ffffff40;border-radius:6px;background:#ffffff10;color:#fff;font-size:12px;cursor:pointer}.wf-dialog-header button span{font-size:23px}.wf-dialog-tabs{display:flex;gap:8px;padding:12px 18px}.wf-dialog-tabs button{min-height:44px;padding:9px 14px;border:1px solid #ffffff40;border-radius:6px;background:transparent;color:#fff;font-size:12px;cursor:pointer}.wf-dialog-tabs button[aria-pressed=true]{background:var(--wf-lime);color:#182329;border-color:var(--wf-lime)}.wf-dialog-stage{display:grid;place-items:center;min-height:120px;padding:0 12px 12px;overscroll-behavior:contain}.wf-dialog-stage img{display:block;width:100%;height:auto;max-height:calc(100dvh - 170px);object-fit:contain}.wf-image-dialog :is(button,a):focus-visible{outline-color:#d3ed35}
@media(max-width:850px),(pointer:coarse){.wf-camera-button{display:inline-flex}}
@media(max-width:560px){.wf-image-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:9px}.wf-dialog-header,.wf-dialog-tabs{padding:10px 12px}.wf-dialog-header h2{font-size:15px}.wf-dialog-tabs button{flex:1;padding:8px;font-size:11px}.wf-dialog-stage{padding:0 6px 6px}}

.wf-intro-action{flex:0 0 270px;max-width:100%}.wheel-studio .wf-upload-shortcut{width:100%;background:var(--wf-lime);border-color:var(--wf-lime);color:var(--wf-ink);min-height:52px;font-size:14px}.wheel-studio .wf-upload-shortcut:hover{background:#c3db29;border-color:#c3db29}.wf-intro-action svg{flex-shrink:0}.wf-intro-action #wfUploadHint{margin-top:9px;font-size:11px;line-height:1.6}.wf-intro-action #wfUploadShortcutText{white-space:normal}@media(max-width:850px){.wf-intro-action{flex:auto;width:100%}}
.wf-steps a[data-complete=true] b{background:#d3ed35;color:#182329}
.wf-plate-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:12px 28px;padding:20px;margin-bottom:24px;background:#f3f7ee;border:1px solid #d9e3cb;border-radius:10px}.wf-plate-photo h2{font-size:20px;line-height:1.3;margin:5px 0 8px}.wheel-studio .wf-plate-photo-copy p{font-size:13px;line-height:1.6;margin:0;max-width:560px}.wf-plate-photo-action .wf-primary{width:100%;white-space:normal;min-height:48px}.wf-plate-photo-action .wf-text-link{display:block;margin:10px auto 0}.wheel-studio #wfPlatePhotoPrivacy{font-size:10px;line-height:1.6;margin:10px 0 0;color:var(--wf-muted)}.wf-plate-photo>.wf-status{grid-column:1/-1;margin:0;min-height:0}.wf-plate-photo[aria-busy=true]{border-color:#81975d}.wf-plate-photo button:focus-visible{outline:3px solid #688328;outline-offset:3px}
@media(max-width:700px){.wf-plate-photo{grid-template-columns:1fr;padding:16px;gap:16px}.wf-plate-photo h2{font-size:18px}}