.character-inspector-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:15px 0;border-top:1px solid #1712203d;font-size:13px;color:var(--purple)}
.character-inspector-bar p{max-width:50ch}
.character-inspector-bar[hidden]{display:none}
.design-layers-toggle{display:flex;align-items:center;gap:18px;min-height:44px;padding:10px 16px;border:1px solid var(--purple);background:transparent;color:var(--deep);font:500 11px var(--mono);text-transform:uppercase;white-space:nowrap}
.design-layers-toggle span{color:var(--purple)}
.design-layers-toggle:hover{background:var(--deep);color:var(--bone)}
.design-layers-toggle:hover span{color:var(--sand)}
.ci-portrait{position:absolute;inset:0;transform-origin:50% 80%}
.ci-overlay{position:absolute;overflow:visible;pointer-events:none!important;z-index:2;opacity:1;transition:opacity .25s}
.ci-overlay path,.ci-overlay circle{vector-effect:non-scaling-stroke;fill:none;stroke-linecap:butt;stroke-linejoin:round}
.ci-grid-line{stroke:var(--purple);stroke-width:.5;opacity:.18}
.ci-outer-frame{stroke:var(--purple);stroke-width:.75;opacity:.25}
.ci-axis{stroke:var(--purple);stroke-width:.5;stroke-dasharray:2 9;opacity:.24}
.ci-construction{stroke:var(--gold);stroke-width:.6;opacity:.35}
.ci-region{opacity:.24;transition:opacity .55s}
.ci-region.is-active{opacity:1}
.ci-feature-frame{stroke:var(--purple);stroke-width:.7;opacity:.38}
.ci-region.is-active .ci-feature-frame{stroke:var(--purple);stroke-width:1.2;opacity:.9}
.ci-crosshair{stroke:var(--bone);stroke-width:.8;filter:drop-shadow(1px 1px 0 #17122066);opacity:.4}
.ci-region.is-active .ci-crosshair{opacity:1}
.ci-overlay .ci-anchor{fill:var(--gold);stroke:var(--deep);stroke-width:.5}
.ci-region-label{display:none}
.ci-scan-band{opacity:.5}
.ci-scan-line{stroke:var(--purple);stroke-width:.75;opacity:.55}
.ci-scan{pointer-events:none;opacity:1;transition:opacity .3s}
.cast-image[data-inspect-live=false] .ci-scan{opacity:0}
.ci-leader{stroke:var(--purple);stroke-width:.8;stroke-dasharray:2 4}
.ci-lens-back{fill:var(--bone);fill-opacity:.96;stroke:var(--purple);stroke-width:.6;vector-effect:non-scaling-stroke}
.ci-lens-frame{stroke:var(--purple);stroke-width:1.1}
.ci-lens-label{fill:var(--deep);font-family:var(--mono);letter-spacing:.02em}
.ci-lens{filter:drop-shadow(1px 5px 4px #17122019)}
.ci-lens,.ci-leader,.ci-lens-marker{opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.cast-image[data-inspect-focus=true] .ci-lens,.cast-image[data-inspect-focus=true] .ci-leader,.cast-image[data-inspect-focus=true] .ci-lens-marker{opacity:1;visibility:visible}
.ci-hit-area{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;background:transparent;border:0;border-radius:0;touch-action:pan-y pinch-zoom}
.ci-hit-area:focus-visible{outline:2px solid var(--purple);outline-offset:5px}
.ci-live-readout{position:absolute;bottom:7px;left:8px;z-index:4;display:flex;align-items:center;gap:7px;max-width:calc(100% - 16px);padding:5px 7px;background:#f4efe6eb;color:var(--deep);pointer-events:none;font:500 9px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.025em;transition:opacity .25s}
.ci-live-dot{display:block;width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0}
.ci-live-readout:after{content:'Live';font-size:7px;letter-spacing:.08em;margin-left:6px;color:var(--purple)}
.ci-live-readout[hidden],.ci-hit-area[hidden]{display:none}
.cast-image[data-inspect-live=false] .ci-live-readout:after{content:'View';color:var(--deep)}
.characters[data-design-layers=off] .ci-overlay,.characters[data-design-layers=off] .ci-live-readout{opacity:0}
.characters[data-design-layers=off] .ci-hit-area{pointer-events:none}
.characters[data-design-layers=on] .cast-piece:hover .cast-image{transform:none}
.cast-image[data-inspect-live=false] .ci-region,.cast-image[data-inspect-live=false] .ci-scan,.cast-image[data-inspect-live=false] .ci-lens,.cast-image[data-inspect-live=false] .ci-leader,.cast-image[data-inspect-live=false] .ci-lens-marker,.cast-image[data-inspect-live=false] .ci-live-readout{transition:none}
@media(max-width:700px){.character-inspector-bar{margin-top:25px;align-items:flex-start;gap:15px;font-size:12px}.character-inspector-bar p{max-width:22ch}.design-layers-toggle{gap:10px;font-size:10px;padding:9px 11px}.ci-grid-line{opacity:.13}.ci-axis{opacity:.18}.ci-live-readout{font-size:8px;padding:4px 5px;gap:5px;left:4px;bottom:5px}.ci-live-readout:after{font-size:6px;margin-left:3px}}
@media(max-width:350px){.character-inspector-bar{display:block}.design-layers-toggle{margin-top:12px}.character-inspector-bar p{max-width:none}.ci-live-readout:after{display:none}}
@media(prefers-reduced-motion:reduce){.ci-overlay,.ci-region,.ci-scan,.ci-lens,.ci-leader,.ci-lens-marker,.ci-live-readout{transition:none}}
@media(forced-colors:active){.ci-overlay,.ci-live-readout,.ci-hit-area{display:none}.design-layers-toggle{border-color:ButtonText}}