.visual-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#020812}.feature-canvas{display:block;width:100%;height:100%;cursor:grab;background:#020812}.scene-label{position:absolute;top:24px;left:25px;color:var(--scene);font:600 11px ui-monospace,monospace;letter-spacing:.15em}.dimension-controls{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:8px;background:#020812dd;border:1px solid #29435f;backdrop-filter:blur(14px)}.dimension-controls>span{padding:0 8px;color:#7089a8;font:9px ui-monospace,monospace;letter-spacing:.12em}.dimension-controls button{min-width:38px;height:34px;border:1px solid #29435f;background:#081524;color:#9bb0ca;cursor:pointer}.dimension-controls button:hover,.dimension-controls button.active{color:#03100e;background:var(--scene);border-color:var(--scene)}.dimension-controls i{width:1px;height:24px;background:#29435f;margin:0 5px}.dimension-controls output{width:48px;text-align:center;color:white;font:10px ui-monospace,monospace}.visual-stage .feature-help{bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap}.feature-modal[data-scene="0"] .visual-stage{background:radial-gradient(circle,#09342f,#020812 70%)}.feature-modal[data-scene="1"] .visual-stage{background:radial-gradient(ellipse at 60% 40%,#17295c,#020812 70%)}.feature-modal[data-scene="2"] .visual-stage{background:linear-gradient(145deg,#281e08,#020812 65%)}.feature-modal[data-scene="3"] .visual-stage{background:linear-gradient(90deg,#06261d 0 48%,#020812 48% 52%,#09221e 52%)}.feature-modal[data-scene="4"] .visual-stage{background:radial-gradient(ellipse,#251044,#020812 72%)}.feature-modal[data-scene="5"] .visual-stage{background:radial-gradient(circle at 50% 60%,#38101d,#020812 72%)}@media(max-width:850px){.feature-modal{grid-template-rows:58vh auto!important}.dimension-controls{bottom:38px}.dimension-controls>span{display:none}.visual-stage .feature-help{top:auto;bottom:12px}}