#scene-picker{position:fixed;left:20px;width:min(340px,calc(100vw - 40px));z-index:11;border-radius:14px}#scene-picker[hidden],#scene-picker-menu[hidden]{display:none}#scene-picker-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;color:var(--text);font-size:12px;cursor:pointer}#scene-picker-toggle>.hero-icon{width:19px;height:19px;color:var(--text-2)}#scene-picker-toggle>span{color:var(--text-2)}#scene-picker-label{margin-left:auto;font-size:12px;font-weight:600}#scene-picker-toggle:disabled{opacity:.65;cursor:wait}#scene-picker-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:rgba(35,35,39,.97);border:1px solid var(--hairline);border-radius:13px;padding:5px;box-shadow:0 10px 30px rgba(0,0,0,.3);backdrop-filter:blur(20px)}#scene-picker-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:11px 12px;color:var(--text);font-size:12px;border-radius:9px;cursor:pointer}#scene-picker-menu button:hover{background:rgba(255,255,255,.08)}#scene-picker-menu button[aria-checked="true"]{background:rgba(10,132,255,.14);color:#72b9ff}#scene-picker-toggle:focus-visible,#scene-picker-menu button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(max-width:800px){#scene-picker{width:310px}}@media(max-width:640px){#scene-picker{left:12px;width:calc(100vw - 24px)}}
.scene-preview{position:fixed;z-index:20;overflow:hidden;border-radius:18px;pointer-events:none}.scene-preview[hidden]{display:none}.scene-preview-viewport{height:188px;background:rgba(0,0,0,.12)}.scene-preview-viewport canvas{display:block}.scene-preview.loading .scene-preview-viewport:after{content:'';position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);width:20px;height:20px;border:2px solid var(--hairline);border-top-color:var(--text-2);border-radius:50%;animation:scene-preview-loading .8s linear infinite}.scene-preview.loading canvas{display:none}
#scene-picker-menu{opacity:0;transform:translateY(7px) scale(.985);transform-origin:bottom left;pointer-events:none;transition:opacity .17s ease,transform .2s cubic-bezier(.2,.8,.2,1)}#scene-picker-menu[data-open="true"]{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}#scene-picker-menu button{transition:background .16s ease,color .16s ease,transform .16s ease}#scene-picker-menu button:hover,#scene-picker-menu button:focus-visible{background:rgba(85,166,255,.13);transform:translateX(2px)}#scene-picker-toggle>svg:last-child{transition:transform .2s ease}#scene-picker-toggle[aria-expanded="true"]>svg:last-child{transform:rotate(180deg)}.scene-preview{z-index:30}.scene-preview:not([hidden]){animation:scene-preview-enter .2s ease both}@keyframes scene-preview-enter{from{opacity:0;transform:translateX(-5px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}@media(prefers-reduced-motion:reduce){#scene-picker-menu,#scene-picker-menu button,#scene-picker-toggle>svg:last-child{transition:none}.scene-preview:not([hidden]){animation:none}}

@keyframes scene-preview-loading{to{transform:rotate(360deg)}}
