.view-tool{gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border);flex-direction:column;display:flex}.view-tool:first-child{border-top:none}.view-tool-title{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);display:flex}.view-tool-subtitle{margin-top:var(--space-3)}.view-tool-line{margin:0}.view-tool-row{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.scene-row{gap:var(--space-3);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.scene-card{gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;font-size:var(--text-xs);text-align:left;cursor:pointer;flex-direction:column;flex:none;display:flex}.scene-card:hover{background:var(--color-surface-hover)}.scene-card.is-current{border-color:var(--color-accent);color:var(--color-text)}.scene-card:focus-visible{outline:var(--focus-width) solid var(--color-border-focus);outline-offset:var(--focus-offset)}.scene-thumb{border-radius:var(--radius-sm);background:var(--stage-bg);display:block;position:relative;overflow:hidden}.scene-thumb canvas{display:block}.scene-thumb canvas.is-hidden{display:none}.scene-sprite{background-repeat:no-repeat;margin:auto;position:absolute;inset:0}.scene-number{font-size:var(--text-lg);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scene-label{white-space:nowrap}.hotspot-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hotspot-row{align-items:center;gap:var(--space-3);display:flex}.hotspot-row-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);flex:1;overflow:hidden}.hotspot-form{gap:var(--space-2);flex-direction:column;display:flex}.hotspot-body-input{resize:vertical;min-height:4.5em;font:inherit}.hotspot-layer{pointer-events:none;z-index:var(--z-dock);position:absolute;inset:0;overflow:hidden}.hotspot{will-change:transform;position:absolute;top:0;left:0}.hotspot-marker{--hotspot-tone:var(--color-accent);pointer-events:auto;cursor:pointer;border:2px solid var(--color-text);background:var(--hotspot-tone);box-shadow:var(--shadow-md);padding:0;position:absolute}.hotspot-marker.tone-accent{--hotspot-tone:var(--color-accent)}.hotspot-marker.tone-info{--hotspot-tone:var(--color-info)}.hotspot-marker.tone-pass{--hotspot-tone:var(--color-pass)}.hotspot-marker.tone-warn{--hotspot-tone:var(--color-warn)}.hotspot-marker.tone-fail{--hotspot-tone:var(--color-fail)}.hotspot-marker.is-pin{border-radius:50% 50% 50% 0;width:22px;height:22px;top:-26px;left:-11px;transform:rotate(-45deg)}.hotspot-marker.is-dot{border-radius:50%;width:14px;height:14px;top:-7px;left:-7px}.hotspot-marker.is-ring{border:4px solid var(--hotspot-tone);width:26px;height:26px;box-shadow:0 0 0 2px var(--color-text);background:0 0;border-radius:50%;top:-13px;left:-13px}.hotspot-marker.is-label{height:24px;padding:0 var(--space-3);border-radius:var(--radius-pill);white-space:nowrap;border-width:1px;top:-12px;left:0;transform:translate(-50%)}.hotspot-marker-text{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-accent-ink)}.hotspot-marker.is-swatch{pointer-events:none;box-shadow:none;flex:none;position:relative;top:auto;left:auto}.hotspot-marker.is-swatch.is-pin{width:14px;height:14px}.hotspot-marker.is-swatch.is-ring{width:16px;height:16px}.hotspot-marker.is-swatch.is-label{width:22px;height:12px;padding:0;transform:none}.hotspot-marker:focus-visible{outline:var(--focus-width) solid var(--color-border-focus);outline-offset:var(--focus-offset)}.hotspot-card{pointer-events:auto;width:min(18rem,60vw);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-surface-2) 94%, transparent);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-secondary);font-size:var(--text-sm);position:absolute;top:8px;left:16px}.hotspot-card.tone-info{border-left-color:var(--color-info)}.hotspot-card.tone-pass{border-left-color:var(--color-pass)}.hotspot-card.tone-warn{border-left-color:var(--color-warn)}.hotspot-card.tone-fail{border-left-color:var(--color-fail)}.hotspot-card-title{font-weight:var(--weight-semibold);color:var(--color-text)}.hotspot-card-body{margin:var(--space-2) 0;white-space:pre-wrap}.hotspot-card-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.minimap-overlay{right:var(--space-4);bottom:var(--space-4);z-index:var(--z-dock);pointer-events:auto;max-height:calc(100% - 2 * var(--space-4));position:absolute;overflow:hidden}.minimap-frame{background:color-mix(in srgb, var(--color-surface-2) 92%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-2)}.minimap-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-2);display:flex}.minimap-title{font-size:var(--text-xs);color:var(--color-text-muted)}.minimap{display:block}.minimap.is-clickable{cursor:crosshair}.minimap-room{fill:var(--color-surface-3);stroke:none}.minimap-room.is-highlight{fill:var(--color-accent-bg)}.minimap-wall{stroke:var(--color-text-secondary);stroke-width:3px;stroke-linecap:square}.minimap-door{stroke:var(--color-surface-3);stroke-width:5px}.minimap-window{stroke:var(--color-info);stroke-width:3px}.minimap-cone{fill:color-mix(in srgb, var(--color-accent) 35%, transparent);stroke:var(--color-accent);stroke-width:1px}.minimap-camera{fill:var(--color-accent);stroke:var(--color-text);stroke-width:1.5px}