:root{--smap-sans: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--smap-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace}.smap{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--smap-bg);color:var(--smap-text);font-family:var(--smap-sans)}.smap-header{display:flex;align-items:center;gap:1.2rem;padding:.55rem 1.2rem;background:var(--smap-surface);border-bottom:1px solid var(--smap-border);flex-shrink:0;flex-wrap:wrap}.smap-title{font-size:clamp(.85rem,2vw,1.05rem);font-weight:700;letter-spacing:.04em;white-space:nowrap}.smap-subtitle{font-size:.68rem;font-family:var(--smap-mono);color:var(--smap-muted);margin-top:.1rem}.smap-controls{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.smap-label{font-size:.7rem;font-family:var(--smap-mono);color:var(--smap-muted);letter-spacing:.06em}.smap-select{background:var(--smap-bg);color:var(--smap-text);border:1px solid var(--smap-border);border-radius:4px;padding:.25rem .55rem;font-size:.78rem;font-family:var(--smap-mono);cursor:pointer;outline:none;transition:border-color .15s}.smap-select:focus{border-color:var(--smap-accent)}.smap-select:focus-visible{outline:2px solid var(--smap-accent);outline-offset:2px}.smap-play-btn{background:transparent;color:var(--smap-accent);border:1px solid var(--smap-accent);border-radius:4px;padding:.2rem .6rem;font-size:.9rem;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s}.smap-play-btn:hover:not(:disabled){background:var(--smap-accent-dim)}.smap-play-btn:disabled{opacity:.35;cursor:default}.smap-play-btn.hidden{display:none}.smap-status{font-size:.7rem;font-family:var(--smap-mono);white-space:nowrap}.smap-status[data-state=loading]{color:var(--smap-loading);animation:smap-blink 1s ease-in-out infinite}.smap-status[data-state=ready]{color:var(--smap-accent)}.smap-status[data-state=error]{color:var(--smap-error)}@keyframes smap-blink{50%{opacity:.4}}.smap-legend{margin-left:auto;display:flex;align-items:center}.smap-legend svg{font-family:var(--smap-mono)!important;font-size:11px!important}.smap-canvas{flex:1;position:relative;overflow:hidden;background:var(--smap-bg);cursor:grab}.smap-canvas:active{cursor:grabbing}.smap-canvas svg{display:block}.smap-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--smap-mono);color:var(--smap-muted);font-size:.9rem}.smap-footer{flex-shrink:0;text-align:center;padding:.3rem 1rem;background:var(--smap-surface);border-top:1px solid var(--smap-border)}.smap-source-link{font-size:.68rem;font-family:var(--smap-mono);color:var(--smap-muted);text-decoration:none}.smap-source-link:hover{color:var(--smap-text)}.smap-source-link:focus-visible{outline:2px solid var(--smap-accent);outline-offset:2px}.smap-canvas svg g[aria-label=tip] text,.smap-canvas svg g[aria-label=tip] tspan{fill:#111!important}