.viewer-page{padding:45px var(--gutter) 30px}.back-site{font-size:14px}.viewer-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.viewer-heading .eyebrow{color:var(--muted);margin-bottom:20px}.viewer-heading h1{font-size:clamp(27px,3.4vw,54px);line-height:1.25}.viewer-heading>p{max-width:370px;color:var(--muted);font-size:16px}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.stage{min-width:0;position:sticky;top:20px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,#303035 0%,#151519 70%);overflow:hidden}.stage-top{position:absolute;top:20px;left:23px;right:23px;display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.1em;pointer-events:none}.stage-top i{display:inline-block;width:6px;height:6px;background:var(--red);margin-right:9px;border-radius:50%}#car-canvas{width:100%;height:clamp(360px,40vw,650px);display:block;touch-action:none;cursor:grab}#car-canvas.placing{cursor:crosshair}#car-canvas:active{cursor:grabbing}.loading{position:absolute;inset:0 0 133px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--ink);z-index:2;padding:25px;text-align:center}.loading[hidden]{display:none}.loading strong{font-family:var(--display);font-size:14px}.loading p{font-size:14px;color:var(--muted)}.loader-ring{width:35px;height:35px;border:2px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading.failed .loader-ring{display:none}.loading button{padding:10px 20px;background:var(--red);color:var(--cream);border:0;cursor:pointer}.stage-tools{display:flex;justify-content:space-between;gap:10px;padding:0 18px}.stage-tools>div{display:flex;gap:6px}.stage button{background:rgba(21,21,25,.7);border:1px solid var(--line);color:var(--cream);font-size:12px;padding:9px 12px;min-height:40px;cursor:pointer}.stage button:hover:not(:disabled),.stage button[aria-pressed=true]{background:var(--cream);color:var(--ink);border-color:var(--cream)}button:disabled{opacity:.4;cursor:default!important}#canvas-help{text-align:center;font-size:12px;color:var(--muted);padding:12px 15px}.view-presets{display:flex;border-top:1px solid var(--line)}.view-presets button{flex:1;border:0;border-right:1px solid var(--line);font-size:12px;padding:16px 5px}.view-presets button:last-child{border-right:0}.customizer{border:1px solid var(--line);padding:22px}.customizer-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.customizer-title>span{font-size:12px;color:var(--red)}.customizer-title h2{font-size:12px;letter-spacing:.035em;line-height:1.5}.upload-label{border:1px dashed var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 14px;cursor:pointer;position:relative}.upload-label:hover{border-color:var(--red)}.upload-label>span{color:var(--red);font-size:30px;line-height:1;margin-bottom:15px}.upload-label strong{font-size:14px;font-weight:500}.upload-label small{font-size:11px;color:var(--muted);line-height:1.6;margin-top:8px}.upload-label input{width:100%;font-size:12px;margin-top:15px;color:var(--muted)}.upload-label input::file-selector-button{background:var(--cream);color:var(--ink);border:0;padding:8px;font-family:inherit;cursor:pointer}.local-note{font-size:11px;color:var(--muted);margin:12px 0 27px;line-height:1.5}.field-help{font-size:14px;color:var(--muted);margin-bottom:16px}.customizer .button{width:100%;font-size:13px;padding:13px 17px;min-height:48px;cursor:pointer}.placement-status{font-size:12px;line-height:1.5;padding:12px 0;min-height:57px;color:var(--muted)}fieldset{border:0;border-top:1px solid var(--line);padding:20px 0 0;margin:10px 0 0;min-width:0}legend{font-size:10px;letter-spacing:.06em;padding-right:12px}fieldset label{display:flex;justify-content:space-between;font-size:13px}fieldset input[type=range]{width:100%;margin:12px 0 17px;accent-color:var(--red);min-height:24px}.visibility-control{display:flex;justify-content:space-between;align-items:center}.visibility-control input{width:18px;height:18px;accent-color:var(--red)}fieldset:disabled{opacity:.4}.simulation-note{font-size:10px;letter-spacing:.04em;line-height:1.6;margin:24px 0 20px;padding-top:20px;border-top:1px solid var(--line)}.simulation-note>span{display:block;font-size:12px;letter-spacing:0;color:var(--muted);margin-top:8px}.logo-summary{display:flex;align-items:center;gap:10px;margin-top:12px}.logo-summary[hidden]{display:none}.logo-summary img{width:45px;height:38px;object-fit:contain;background:rgba(252,246,230,.1)}.logo-summary>span{font-size:12px;overflow-wrap:anywhere;flex:1}.logo-summary button{background:none;border:0;color:var(--cream);font-size:25px;cursor:pointer;min-width:36px;min-height:36px}.viewer-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:11px;color:var(--muted)}
@media(max-width:1050px){.viewer-layout{grid-template-columns:minmax(0,1fr) 290px;gap:15px}.viewer-heading{align-items:start;flex-direction:column;gap:20px}.viewer-heading>p{max-width:600px}.stage-tools{padding:0 10px}.stage-tools button{font-size:11px;padding:8px}.customizer{padding:18px}.viewer-page{padding-top:30px}.stage-top{left:15px;right:15px}}
@media(max-width:760px){.viewer-layout{grid-template-columns:1fr}.stage{position:relative;top:0}.viewer-heading h1{font-size:clamp(23px,5.1vw,38px)}.viewer-heading .eyebrow{font-size:10px}.viewer-heading{margin-bottom:25px}#car-canvas{height:370px}.stage-top{font-size:9px}.back-site{font-size:12px}.header .brand{width:150px}.stage-tools button{font-size:10px}.customizer{padding:23px}.viewer-foot{flex-direction:column}.view-presets button{font-size:11px}.customizer-title h2{font-size:14px}.upload-label strong{font-size:16px}.local-note{font-size:12px}}
#zone-select{display:block;width:100%;margin:10px 0 18px;padding:12px 10px;background:#151519;color:#fcf6e6;border:1px solid rgba(252,246,230,.35);font-size:14px;min-height:46px}label[for=zone-select]{font-size:13px}.reserved-note{border-left:3px solid #d7a713;padding:10px 12px;background:rgba(252,246,230,.04);margin-bottom:15px}.reserved-note strong{font-size:11px;letter-spacing:.06em}.reserved-note p{font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px}