/* Scoped inspector: scene remains dominant; primary controls fit before optional help. */
dialog:has(#character-viewer){padding:22px 26px}
#character-viewer h2{padding-right:30px;margin:5px 0 8px;font-size:23px;line-height:1.25}
#character-viewer .eyebrow{margin:0;font-size:10px}
#character-viewer .turntable-caption{font-size:12px;line-height:1.45;color:#ccd9d5;margin:0 0 12px}
.turntable-stage{position:relative;display:grid;place-items:center;min-height:180px;background:radial-gradient(ellipse at 50% 90%,#62705d66 0,transparent 40%),linear-gradient(160deg,#213b3d,#0b202b);border:1px solid #6f898351;border-radius:18px;overflow:hidden}
.turntable-stage canvas{display:block;width:auto;max-width:100%;height:min(46svh,360px);touch-action:pan-y;cursor:grab;outline:none;transition:none!important}
.turntable-stage canvas:active{cursor:grabbing}
/* Focus belongs to the stable scene, not a misleading narrow side silhouette. */
.turntable-stage:focus-within{outline:2px solid #f2cd8b;outline-offset:2px}
.turntable-readout{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;margin:3px 0 6px}
.turntable-guide{pointer-events:none;color:#c5d6ce;font-size:11px;white-space:nowrap}
.turntable-controls{display:flex;justify-content:center;gap:10px}
.turntable-controls button{min-height:44px;min-width:50px;border:1px solid #768b86;background:#213a40;color:#fff;border-radius:10px;font:inherit;padding:8px 16px}
#turntable-status{margin:0;text-align:left;min-height:20px;color:#f3d4a1;font-size:13px;line-height:1.4}
#turntable-back{display:block;min-height:44px;width:100%;margin:5px 0 0;font-size:13px;color:#dbe6dd}
.turntable-help{border-top:1px solid #8ca49a30;margin-top:1px}
.turntable-help summary{min-height:44px;display:flex;align-items:center;font-size:12px;color:#b9ccc8;cursor:pointer}
.turntable-help summary::before{content:'＋';margin-right:7px}.turntable-help[open] summary::before{content:'−'}
.turntable-note{font-size:12px!important;line-height:1.6;color:#b9ccc8!important;margin:0 0 8px}
.turntable-launch{min-height:44px}
#character-viewer[data-state="loading"] .turntable-guide,#character-viewer[data-state="error"] .turntable-guide{display:none}
@media(max-width:480px){dialog:has(#character-viewer){padding:20px 18px}#character-viewer h2{font-size:21px;padding-right:64px}.turntable-stage canvas{height:min(42svh,310px)}.turntable-controls{gap:7px}.turntable-guide{font-size:10px}}
@media(max-height:560px){.turntable-stage canvas{height:210px}}