.sc-app{max-width:900px;margin:0 auto;color:var(--text)}.sc-app *{box-sizing:border-box}.sc-title{text-align:center;font-size:clamp(20px,3vw,26px);margin:0 0 16px}.sc-app button{font:inherit;color:var(--text);background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:10px;cursor:pointer;min-height:var(--tap-min);padding:8px 12px;font-size:var(--fs-ui-button)}.sc-app button:hover{border-color:var(--accent)}.sc-app button:focus-visible,.sc-app select:focus-visible,.sc-stage:focus-visible,#sc-slider:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sc-app button:disabled{opacity:.4;cursor:default}.sc-app button[aria-pressed=true]{background:var(--accent-bg);border-color:var(--accent)}.sc-categories{position:relative;display:flex;gap:2px;overflow:auto;padding:3px 2px 12px;scrollbar-width:none;border-bottom:1px solid var(--border-soft);margin-bottom:12px}.sc-categories::-webkit-scrollbar{display:none}.sc-app .sc-categories button{flex:none;border-radius:7px;padding:6px 12px;border-color:transparent;background:transparent;color:var(--text-sub);transition:color .24s ease,background-color .24s ease}.sc-app .sc-categories button[aria-pressed=true]{color:var(--text);background:transparent}.sc-categories button:hover{background:var(--surface-soft)}.sc-tab-indicator{position:absolute;left:0;bottom:3px;height:3px;border-radius:3px;background:var(--accent);pointer-events:none;transition:transform .28s cubic-bezier(.22,.8,.25,1),width .28s cubic-bezier(.22,.8,.25,1)}.sc-pick-row{display:flex;align-items:center;gap:10px;margin:0 0 12px}.sc-pick-row label{color:var(--text-sub);font-size:var(--fs-ui-label)}.sc-pick-row select{flex:1;min-width:0;min-height:var(--tap-min);background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font:inherit;font-size:var(--fs-input)}.sc-pick-row button{white-space:nowrap}.sc-stage{position:relative;height:500px;background:radial-gradient(ellipse at 50% 50%,var(--surface-soft),var(--card-bg));border:1px solid var(--border-soft);border-radius:18px;overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab}.sc-stage:active{cursor:grabbing}#sc-canvas{width:100%;height:100%;display:block}.sc-camera-readout{position:absolute;top:37px;left:18px;right:18px;pointer-events:none;line-height:1.45}.sc-camera-readout strong{display:block;font-size:18px;font-weight:600}.sc-camera-readout span{display:block;color:var(--accent);font-size:var(--fs-small)}.sc-scale-note{position:absolute;top:15px;left:18px;color:var(--text-sub);margin:0;font-size:var(--fs-small);pointer-events:none}.sc-object-labels{position:absolute;inset:0;pointer-events:none}.sc-app .sc-object-label{position:absolute;border-color:transparent;background:transparent;pointer-events:auto;text-align:center;padding:6px 4px;line-height:1.45;font-size:var(--fs-small);min-height:var(--tap-min)}.sc-object-label span{display:block;overflow-wrap:anywhere}.sc-object-label .sc-object-size{color:var(--text-sub);font-size:var(--fs-small)}.sc-scene-note{color:var(--text-sub);font-size:var(--fs-small);line-height:1.6;margin:8px 0 12px}.sc-focus{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.sc-focus strong{display:block;font-size:20px}.sc-focus span{display:block;color:var(--text-sub);line-height:1.5;font-size:var(--fs-ui-label)}.sc-focus button{flex:none}.sc-controls{display:flex;gap:10px;margin:12px 0 4px}.sc-controls button{flex:1;background:var(--accent-bg);font-weight:600}.sc-slider-row{padding:0 4px;margin:10px 0 12px}#sc-slider{display:block;width:100%;height:var(--tap-min);margin:0;accent-color:var(--accent);cursor:pointer}.sc-slider-ticks{position:relative;height:20px;color:var(--text-sub);font-size:11px}.sc-slider-ticks span{position:absolute;transform:translate(-50%)}.sc-slider-ticks span:nth-child(1){left:0;transform:none}.sc-slider-ticks span:nth-child(2){left:21.04%}.sc-slider-ticks span:nth-child(3){left:35.43%}.sc-slider-ticks span:nth-child(4){left:42.62%}.sc-slider-ticks span:nth-child(5){left:73.75%}.sc-slider-ticks span:last-child{right:0;transform:none}.sc-options{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.sc-options span{color:var(--text-sub);font-size:var(--fs-small)}.sc-panel{position:relative;border-top:1px solid var(--border);padding:16px 0 6px;margin:16px 0}.sc-panel h2{margin:0 50px 2px 0;font-size:21px}.sc-panel p{line-height:1.7}.sc-panel-yomi{margin:0;color:var(--text-sub);font-size:var(--fs-small)}.sc-panel #sc-panel-close{position:absolute;top:10px;right:0;min-width:var(--tap-min);font-size:22px}.sc-panel dl{margin:14px 0}.sc-panel dl div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--border-soft);padding:9px 0}.sc-panel dt{color:var(--text-sub);font-size:var(--fs-ui-label)}.sc-panel dd{margin:0;text-align:right;font-size:var(--fs-ui-label)}.sc-credit{color:var(--text-sub);font-size:var(--fs-small)}.sc-credit a{color:var(--accent)}@media (max-width:600px){.sc-stage{height:430px}.sc-options{flex-wrap:wrap}.sc-slider-ticks span:nth-child(4){display:none}.sc-focus strong{font-size:18px}.sc-focus button{padding:8px 10px}.sc-panel dl div{flex-wrap:wrap}.sc-panel dd{flex:1}}@media (prefers-reduced-motion:reduce){.sc-app *{scroll-behavior:auto;transition:none}}.sc-detail-figure{float:right;width:180px;margin:10px 0 16px 18px;padding:10px;border-radius:12px;background:var(--surface-soft);text-align:center}.sc-detail-figure img{display:block;width:100%;height:150px;object-fit:contain}.sc-detail-figure figcaption{color:var(--text-sub);font-size:var(--fs-small);margin-top:8px}.sc-panel dl{clear:both}@media (max-width:600px){.sc-detail-figure{float:none;width:100%;margin:12px 0}}