.sticker-overlay{position:absolute;pointer-events:none;image-rendering:pixelated}.sticker-overlay.back{z-index:0}.sticker-overlay.front{z-index:2}.sticker-editing{overflow:hidden}.sticker-dialog{padding:0;width:min(560px,calc(100% - 20px));max-height:92dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text)}.sticker-dialog::backdrop{background:#000b}.sticker-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:sticky;top:0;background:var(--surface);z-index:2}.sticker-head button,.sticker-actions button,.sticker-selection button{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px}.sticker-stage{background:#101b24;max-width:100%;margin:auto}.sticker-stage canvas{display:block;width:100%;max-height:42dvh;aspect-ratio:1;object-fit:contain;touch-action:none;image-rendering:pixelated}.sticker-stage{width:min(100%,42dvh)}.sticker-tools{padding:12px 16px}.sticker-catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sticker-catalog button{display:flex;align-items:center;flex-direction:column;gap:4px;font-size:14px;border:1px solid var(--line);border-radius:10px;padding:8px 2px}.sticker-catalog img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.sticker-selection{display:flex;gap:6px;overflow:auto;margin:10px 0}.sticker-selection button{white-space:nowrap}.sticker-selection [aria-pressed=true]{border-color:#62b8ff;color:#62b8ff}.sticker-settings label{display:flex;gap:12px;align-items:center;font-size:14px;margin:8px 0}.sticker-settings input{flex:1;min-width:0;min-height:32px}.sticker-actions{display:flex;gap:8px}.sticker-tools p{font-size:14px;color:var(--muted);margin:10px 0}.sticker-tools>.primary{width:100%;min-height:46px}
@font-face{font-family:PitmapPixel;src:url('/fonts/dalmoori.woff2') format('woff2');font-display:swap}
.sticker-catalog{grid-template-columns:repeat(5,1fr)}.bubble-icon{display:flex;align-items:center;justify-content:center;width:44px;height:40px;font:12px PitmapPixel,monospace;background:#fffdf1;color:#14202b;border:3px solid #14202b}.sticker-settings .bubble-text{display:flex;flex-direction:column;align-items:stretch;gap:5px}.sticker-settings .bubble-text[hidden]{display:none}.bubble-text textarea{font:16px/1.6 PitmapPixel,monospace;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--surface);resize:vertical;width:100%;box-sizing:border-box}.bubble-text small{font:12px sans-serif;color:var(--muted)}
/* Room canvas and preview share one square coordinate system. */
#garageTuneStage:has(garage-stickers){aspect-ratio:1;min-height:0;padding:0;width:100%;isolation:isolate;background:#172936 var(--room-background,url('/images/garage-scenes/cozy-warm.jpg')) center/cover no-repeat}
#garageTuneStage:has(garage-stickers)>.pixel-car{position:absolute;max-width:none;max-height:none;margin:0;transform:none}
#garageTuneStage:has(garage-stickers)>.stage-label,#garageTuneStage:has(garage-stickers)>.stage-caption,#garageTuneStage:has(garage-stickers):after{display:none}
#garageTuneStage:has(garage-stickers)>.sticker-overlay{inset:0;width:100%;height:100%}
.sticker-stage{width:min(100%,58dvh);background:#e0ded1}.sticker-stage canvas{max-height:none}
.room-tabs{display:flex;gap:6px;margin-bottom:10px}.room-tabs button{flex:1;min-height:44px;border:1px solid var(--line);border-radius:10px;font-size:14px;padding:6px}.room-tabs [aria-pressed=true]{border-color:#62b8ff;color:#62b8ff;background:#2470a322}
.sticker-catalog{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.sticker-catalog[hidden],.sticker-settings [hidden]{display:none!important}.sticker-catalog button{font-size:12px;word-break:keep-all}.sticker-settings summary{font-size:14px;color:var(--muted);padding:8px 0}.sticker-actions{margin-top:8px;flex-wrap:wrap}.sticker-settings output{width:42px;font-size:13px}.room-nudge{display:flex;gap:8px}.room-nudge button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px}
@media(max-width:600px){.sticker-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden}.sticker-dialog:not([open]){display:none}.sticker-head{padding-top:max(12px,env(safe-area-inset-top));flex-shrink:0}.sticker-stage{width:min(100vw,52dvh);flex-shrink:0}.sticker-tools{overflow:auto;overscroll-behavior:contain;padding-bottom:max(16px,env(safe-area-inset-bottom));flex:1}.sticker-catalog img{height:32px;width:32px}.sticker-tools:focus-within{scroll-padding-bottom:24px}}

.room-backgrounds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}.room-backgrounds button{min-width:0;padding:4px;border:2px solid var(--line);border-radius:8px;font-size:14px;line-height:1.5;word-break:keep-all}.room-backgrounds img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;margin-bottom:4px}.room-backgrounds [aria-pressed=true]{border-color:#62b8ff;color:#62b8ff}
#tuneStudio #garageTuneStage:has(garage-stickers){background:#14212a;aspect-ratio:auto;height:100%}
#tuneStudio #garageTuneStage .sticker-overlay,#tuneStudio #garageTuneStage garage-stickers{display:none!important}
#tuneStudio #garageTuneStage>.pixel-car{visibility:visible!important;left:50%!important;top:50%!important;width:min(100%,460px)!important;height:auto!important;max-height:none;transform:translate(-50%,-50%)!important;object-fit:contain}
.garage-group .garage-check+.garage-custom{margin-top:22px!important;padding-top:22px!important;border-top:1px solid var(--line)}

.sticker-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sticker-catalog button{font-size:14px;min-height:88px;padding:8px 4px;line-height:1.4}.sticker-catalog img{width:48px;height:48px}

/* A single local pause control; only the operator's motion room creates it. */
public-garage-room{position:relative}
.garage-motion-toggle{position:absolute;left:12px;top:12px;z-index:4;min-height:44px;padding:9px 13px;border:1px solid #ffffff70;border-radius:12px;background:#101b24df;color:#fff;font-family:inherit;font-size:14px;line-height:1.3;cursor:pointer;touch-action:manipulation}
.garage-stage>.garage-motion-toggle,public-garage-room>.garage-motion-toggle{font-size:12px;padding:6px 9px;min-height:34px}
.garage-motion-toggle:focus-visible{outline:3px solid #62b8ff;outline-offset:3px}
.sticker-head .garage-motion-toggle{position:static;margin-left:auto;margin-right:8px;order:0;background:#101b24;color:#fff}
.sticker-head [data-close]{order:1}
#tuneStudio .garage-motion-toggle{display:none}
