/* Stage only: original buttons, actions, inert state and save behavior retained. */
body.space-stage {
 --yk-stage-item: clamp(72px,8vw,96px); --yk-stage-hub: 64px; --yk-stage-gap: 12px;
 --yk-stage-tool-bottom: max(18px,env(safe-area-inset-bottom));
}
body.space-stage #stageBottomTools {
 position: fixed !important; left: 50% !important; right: auto !important; bottom: var(--yk-stage-tool-bottom) !important;
 display: grid !important; grid-template-columns: repeat(2,var(--yk-stage-item)) var(--yk-stage-hub) repeat(2,var(--yk-stage-item));
 column-gap: var(--yk-stage-gap) !important; align-items: center !important;
 width: calc(var(--yk-stage-item) * 4 + var(--yk-stage-hub) + var(--yk-stage-gap) * 4) !important;
 max-width: calc(100vw - 24px) !important; height: 56px !important; padding: 0 !important; margin: 0 !important;
 transform: translateX(-50%) !important; border: 0 !important; background: none !important;
 box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
 overflow: visible !important; pointer-events: none !important; z-index: 120 !important;
}
body.space-stage #stageBottomTools > button {
 grid-row: 1; width: 100% !important; min-width: 0 !important; min-height: 46px !important; height: 46px !important;
 padding: 8px 12px !important; border-radius: 23px !important; border: 1px solid rgba(156,206,186,.45) !important;
 color: #f2e8cb !important; background: linear-gradient(145deg,rgba(35,68,57,.96),rgba(11,31,26,.94)) !important;
 box-shadow: inset 0 1px rgba(218,244,232,.18),0 5px 18px #06161040 !important;
 font-size: 18px !important; font-weight: 550; letter-spacing: .06em;
 opacity: 1; visibility: visible; pointer-events: auto !important; transform: translateX(0) scale(1);
 transition: transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility 0s;
}
body.space-stage #stageBottomTools > button:nth-child(1) { grid-column: 1; --yk-tool-x: calc(var(--yk-stage-item) * 1.5 + var(--yk-stage-hub) * .5 + var(--yk-stage-gap) * 2); }
body.space-stage #stageBottomTools > button:nth-child(2) { grid-column: 2; --yk-tool-x: calc(var(--yk-stage-item) * .5 + var(--yk-stage-hub) * .5 + var(--yk-stage-gap)); }
body.space-stage #stageBottomTools > button:nth-child(3) { grid-column: 4; --yk-tool-x: calc(var(--yk-stage-item) * -.5 - var(--yk-stage-hub) * .5 - var(--yk-stage-gap)); }
body.space-stage #stageBottomTools > button:nth-child(4) { grid-column: 5; --yk-tool-x: calc(var(--yk-stage-item) * -1.5 - var(--yk-stage-hub) * .5 - var(--yk-stage-gap) * 2); }
body.space-stage.stage-tools-collapsed #stageBottomTools > button {
 opacity: 0; visibility: hidden; pointer-events: none !important; transform: translateX(var(--yk-tool-x)) scale(.65);
 transition: transform .24s ease,opacity .18s,visibility 0s .24s;
}
body.space-stage #stageBottomTools > button[aria-pressed="true"] {
 color: #20382c !important; background: linear-gradient(135deg,#ecdca9,#c9b473) !important; border-color: #e8d59c !important;
}
body.space-stage .stage-control-layer .stage-tools-toggle {
 position: fixed !important; left: 50% !important; right: auto !important; bottom: var(--yk-stage-tool-bottom) !important;
 width: 56px !important; height: 56px !important; min-height: 56px !important; padding: 0 !important;
 display: grid !important; place-items: center; transform: translateX(-50%) !important; border-radius: 50% !important;
 border: 1px solid #a9dbc27a !important; background: radial-gradient(circle at 35% 25%,#527666,#163c30 55%,#0b211b) !important;
 box-shadow: inset 0 1px 4px #d4f6d940,0 0 0 4px #15382b66,0 0 20px #8bd2b329 !important;
 backdrop-filter: none !important; -webkit-backdrop-filter: none !important; z-index: 121 !important;
}
body.space-stage .stage-control-layer .stage-tools-toggle::before {
 content: ''; position: absolute; inset: 5px; border-radius: 50%; border: 1px solid #d1ecda35;
 border-top-color: #d7c88e; border-bottom-color: #8dd8b8; pointer-events: none; transition: transform .28s;
}
body.space-stage .stage-control-layer .stage-tools-toggle[aria-expanded="true"]::before { transform: rotate(90deg); }
body.space-stage .stage-control-layer .stage-tools-toggle span {
 display: block !important; width: 5px !important; height: 5px !important; border-radius: 2px !important;
 background: #f0dfac !important; box-shadow: 10px 0 #f0dfac,0 10px #a3ddc3,10px 10px #a3ddc3 !important;
 transform: translate(-5px,-5px); transition: transform .25s;
}
body.space-stage .stage-control-layer .stage-tools-toggle[aria-expanded="true"] span { transform: translate(-5px,-5px) rotate(90deg); transform-origin: 7.5px 7.5px; }
body.space-stage .stage-control-layer .stage-tools-toggle:focus-visible,
body.space-stage #stageBottomTools > button:focus-visible { outline: 2px solid #f1d998; outline-offset: 4px; }
body.space-stage.stage-clean #stageBottomTools,
body.space-stage.stage-clean .stage-control-layer .stage-tools-toggle { display: none !important; }
@media (prefers-reduced-motion: reduce) {
 body.space-stage #stageBottomTools > button,
 body.space-stage .stage-control-layer .stage-tools-toggle::before,
 body.space-stage .stage-control-layer .stage-tools-toggle span { transition: none !important; }
}