.scene-tray{position:absolute;z-index:6;top:0;left:0;display:flex;flex-direction:column;width:var(--tray-width);height:var(--tray-height);transform:translate3d(var(--tray-x),var(--tray-y),0);overflow:hidden;border-radius:34px 23px 38px 27px;background:#fff9e7ed;color:var(--ink);box-shadow:0 20px 56px #021d2b47;-webkit-backdrop-filter:blur(22px) saturate(115%);backdrop-filter:blur(22px) saturate(115%)}.scene-tray[data-dragging]{-webkit-user-select:none;user-select:none;box-shadow:0 28px 64px #021d2b57}.scene-tray button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.scene-tray button:disabled{cursor:default;opacity:.45}.scene-tray svg{flex:none;width:23px;height:23px}.scene-tray :focus-visible{outline:3px solid #bd580f;outline-offset:3px}.tray-head{display:grid;grid-template-columns:50px minmax(0,1fr) auto;flex:none;align-items:center;gap:12px;padding:17px 20px 13px;touch-action:none;cursor:grab}.tray-head:active{cursor:grabbing}.tray-head h2{margin:0;font-size:1.6rem;letter-spacing:-.025em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray-symbol,.tray-icon{display:grid;width:48px;height:48px;place-items:center;border:0}.tray-symbol{background:transparent}.tray-symbol img{display:block;width:100%;height:100%;object-fit:contain}.tray-icon{border-radius:17px 11px 19px 12px;background:var(--yellow);color:var(--ink)}.tray-icon{background:transparent}.tray-icon:hover{background:#e9e1cd}.tray-head-actions{display:flex;align-items:center;gap:6px}.tray-import{position:relative;display:grid;width:44px;height:44px;border-radius:14px 9px 16px 10px;background:var(--yellow);color:var(--ink);cursor:pointer;place-items:center}.tray-import input{position:absolute;width:1px;height:1px;opacity:0}.tray-import:focus-within{outline:3px solid #bd580f;outline-offset:2px}.tray-import:has(input:disabled){opacity:.45;cursor:default}.tray-tool:active{transform:scale(.95)}.tray-notice{display:flex;flex:none;align-items:center;gap:8px;margin:0 20px 8px;padding:3px 5px 3px 10px;border-radius:13px 9px 15px 10px;background:#deeee5;color:#234e4e;font-size:.78rem;line-height:1.4}.tray-notice[data-tone=error]{background:#fbe0d4;color:#713825}.tray-notice[data-tone=progress]{min-height:36px;background:#e3eded}.tray-notice>span{flex:1;min-width:0;overflow-wrap:anywhere}.tray-notice>svg{width:19px;height:19px}.tray-notice>button{display:grid;flex:none;width:44px;height:40px;padding:0;border:0;border-radius:10px;color:inherit;background:transparent;place-items:center}.tray-notice>button svg{width:18px;height:18px}.tray-tabs{display:flex;align-items:center;flex:none;gap:6px;min-height:58px;padding:3px 20px 8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8caeb0 transparent}.tray-tabs button{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:7px;min-height:46px;padding:8px 12px;border:0;border-radius:17px 11px 19px 12px;background:transparent;color:#365961;font-weight:800;font-size:.88rem}.tray-tabs button[aria-selected=true]{background:var(--yellow);color:var(--ink)}.tray-tabs button:hover:not([aria-selected=true]){background:#e2ece6}.tray-tabs small{font-size:.68rem;opacity:.8;font-variant-numeric:tabular-nums}.tray-body{flex:1;min-height:0;overflow:auto;padding:8px 20px 20px;overscroll-behavior:contain;scrollbar-width:none}.tray-body::-webkit-scrollbar{display:none}.tray-import-anchor{position:relative;z-index:4;flex:none;height:0}.tray-import-report{position:absolute;top:4px;right:20px;left:20px;max-height:min(360px,calc(var(--tray-height) - 190px));overflow:auto;overscroll-behavior:contain;border:1px solid rgba(31,104,102,.15);border-radius:16px 10px 18px 12px;background:#f0f7f3fa;color:var(--ink);box-shadow:0 16px 34px #03263233;animation:tray-import-enter .16s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tray-import-summary{position:sticky;z-index:1;top:0;display:flex;align-items:center;min-height:54px;gap:6px;padding:6px;background:#f0f7f3fa}.tray-import-overview{display:flex;align-items:center;justify-content:space-between;min-width:0;flex:1;gap:10px;padding:5px 8px;border:0;border-radius:12px 8px 13px 9px;background:transparent;color:var(--ink);text-align:left}button.tray-import-overview:hover,button.tray-import-overview:focus-visible{background:#dceae6}.tray-import-overview>span{min-width:0}.tray-import-overview>svg{width:18px;height:18px;transition:transform .15s ease-out}.tray-import-report[data-expanded] .tray-import-overview>svg{transform:rotate(90deg)}.tray-import-overview strong{display:block;font-size:.86rem}.tray-import-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.tray-import-badges small{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:999px;background:#d9e8e4;color:#315d61;font-size:.65rem;font-weight:850;line-height:1;font-variant-numeric:tabular-nums}.tray-import-badges small[data-tone=action]{background:#ffe45b;color:var(--ink)}.tray-import-badges small[data-tone=error]{background:#f8d8ca;color:#713825}.tray-import-dismiss{display:grid;width:40px;height:40px;flex:none;padding:0;border:0;border-radius:11px 7px 12px 8px;background:transparent;color:var(--ink);place-items:center}.tray-import-dismiss:hover,.tray-import-dismiss:focus-visible{background:#dceae6}.tray-import-dismiss svg{width:18px;height:18px}.tray-import-report ol{margin:0;padding:0;list-style:none}.tray-import-report li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;padding:8px 10px 8px 14px;border-top:1px solid #c7d8d3}.tray-import-report li[data-status=failed],.tray-import-report li[data-status=version-error]{background:#fff0e8}.tray-import-state{color:#1f6866}.tray-import-report li[data-status=failed] .tray-import-state,.tray-import-report li[data-status=version-error] .tray-import-state{color:#8a3f28}.tray-import-state svg{width:18px;height:18px}.tray-import-copy{min-width:0}.tray-import-copy strong,.tray-import-copy small{display:block;overflow-wrap:anywhere}.tray-import-copy strong{font-size:.79rem;line-height:1.25}.tray-import-copy small{margin-top:3px;color:#315d61;font-size:.69rem;font-weight:750;line-height:1.3}.tray-import-report li[data-status=failed] .tray-import-copy small,.tray-import-report li[data-status=version-error] .tray-import-copy small{color:#713825}.tray-import-report li>button{min-height:40px;padding:7px 10px;border:0;border-radius:12px 8px 13px 9px;background:var(--yellow);color:var(--ink);font-size:.72rem;font-weight:900;white-space:nowrap}@keyframes tray-import-enter{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.tray-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:15px}.tray-atomic-library{min-height:100%}.tray-library-heading{display:flex;align-items:baseline;gap:8px;margin:8px 0 16px}.tray-library-heading h3{margin:0;font-size:1rem}.tray-library-heading small{color:#49666c;font-size:.72rem}.tray-asset{position:relative;min-width:0;border-radius:27px 18px 30px 20px;background:#d6e9e9;isolation:isolate;overflow:hidden}.tray-asset:nth-child(3n+2){border-radius:21px 28px 19px 26px;background:#e9e0ca}.tray-asset-choice{position:relative;display:block;min-height:235px;padding:0;cursor:pointer}.tray-asset-choice>input{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.tray-asset-choice>input:disabled{cursor:default}.tray-asset-choice>img,.tray-asset-choice>.asset-thumbnail-fallback{position:absolute;z-index:-2;inset:0;width:100%;height:100%;padding:16px 18px 74px;object-fit:contain}.tray-asset-choice>.asset-thumbnail-fallback{display:grid;color:#365961;place-items:center}.tray-asset--read-only{min-height:235px}.tray-asset--read-only>img,.tray-asset--read-only>.asset-thumbnail-fallback{position:absolute;z-index:-2;inset:0;width:100%;height:100%;padding:16px 18px 74px;object-fit:contain}.tray-asset--read-only>.asset-thumbnail-fallback{display:grid;color:#365961;place-items:center}.tray-asset--read-only:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,#042a3600 28%,#042a36d6 65%,#042a36f5)}.tray-asset-choice:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,#042a3600 28%,#042a36d1 65%,#042a36f5)}.tray-asset-choice:has(input:focus-visible){outline:3px solid #bd580f;outline-offset:-8px}.tray-asset[data-selected=true]{box-shadow:inset 0 0 0 4px var(--yellow)}.tray-asset[data-selected=true] .tray-asset-choice:before{position:absolute;z-index:3;inset:0;border:4px solid var(--yellow);border-radius:inherit;content:"";pointer-events:none}.tray-asset-choice{border-radius:inherit}.tray-asset-copy{position:absolute;bottom:54px;right:16px;left:16px;color:#fffaf0}.tray-asset-copy strong{display:block;font-size:1.18rem;line-height:1.25;text-wrap:balance}.tray-asset-copy small{display:block;margin-top:4px;font-size:.72rem;line-height:1.25;color:#e4f2ef;overflow-wrap:anywhere}.tray-selection{position:absolute;bottom:13px;left:15px;display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 10px;border-radius:12px 8px 14px 9px;background:#deeeeb;color:var(--ink);font-size:.7rem;font-weight:800;pointer-events:none}.tray-selection svg{width:17px;height:17px}.tray-selection{width:30px;height:30px;padding:0;justify-content:center}.tray-asset[data-selected=true] .tray-selection{background:var(--yellow)}.tray-asset[data-missing=true] .tray-asset-choice:after{background:linear-gradient(180deg,#dceae514 18%,#1a4950d1 72%,#042a36f5)}.tray-asset[data-missing=true] .asset-thumbnail-fallback svg{width:54px;height:54px;opacity:.72}.tray-asset-missing{position:absolute;z-index:1;top:12px;left:12px;padding:6px 9px;border-radius:12px 8px 13px 9px;background:#fff9e7f5;color:var(--ink);font-size:.72rem;font-weight:800}.tray-locate{position:absolute;z-index:4;right:8px;bottom:7px;display:grid;width:44px;height:44px;padding:0;border:0;border-radius:14px 9px 16px 10px;background:transparent;color:#fffaf0;place-items:center}.tray-locate:hover,.tray-locate:focus-visible{background:#fff9e72b}@media(hover:hover){.tray-asset:hover{background:#e4f1ef}.tray-asset:hover img{transform:translateY(-3px)}}.tray-asset img{transition:transform .15s ease-out}.tray-asset:has(input:active) img{transform:scale(.97)}.tray-scroll{display:flex;justify-content:center;flex:none;gap:20px;height:0;overflow:hidden}.tray-scroll:has(button:not(:disabled)){height:36px}.tray-scroll button{display:grid;width:56px;height:32px;padding:0;border:0;border-radius:11px;background:transparent;color:var(--ink);place-items:center}.tray-scroll button:disabled{visibility:hidden}.tray-footer{display:grid;grid-template-columns:48px minmax(0,1fr) 44px;flex:none;align-items:center;gap:9px;padding:10px 12px 12px 18px;background:#fff9e7}.tray-reset,.tray-resize{display:grid;width:48px;height:48px;padding:0;border:0;border-radius:17px 11px 19px 12px;background:#dceae5;color:var(--ink);place-items:center}.tray-resize{width:44px;background:transparent;cursor:nwse-resize!important;touch-action:none}.tray-return{display:flex;align-items:center;gap:10px;min-width:0;min-height:48px;padding:9px 14px;border:0;border-radius:18px 12px 20px 13px;background:var(--yellow);color:var(--ink)}.tray-return strong{margin-left:auto;font-size:.88rem}.tray-return:hover{background:#ffe978}.tray-empty{display:grid;justify-items:center;gap:12px;padding:24px 12px;color:#365961;text-align:center}.tray-empty>svg{width:50px;height:50px}.tray-empty h3,.tray-empty p{margin:0}.tray-empty p{font-size:.85rem;line-height:1.5}.tray-empty--atomic{min-height:100%;align-content:center}.tray-scene-list{display:flex;flex:none;gap:10px;padding:0 20px 9px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.tray-scene-list::-webkit-scrollbar{display:none}.tray-scene-banner{position:relative;display:flex;flex:1 0 205px;align-items:center;min-height:76px;overflow:hidden;padding:13px 48px 13px 16px;border:0;border-radius:19px 12px 21px 14px;background:linear-gradient(125deg,#0d6f8c,#07455e);color:#fffaf0;text-align:left;scroll-snap-align:start;transform:scale(1);transition:transform .14s ease-out,box-shadow .14s ease-out}.tray-scene-banner:nth-child(2n){background:linear-gradient(125deg,#147d9b,#0b5872)}.tray-scene-copy,.tray-scene-state{position:relative;z-index:1}.tray-scene-copy{min-width:0}.tray-scene-copy strong,.tray-scene-copy small{display:block}.tray-scene-copy strong{overflow:hidden;font-size:1.08rem;text-overflow:ellipsis;white-space:nowrap}.tray-scene-copy small{margin-top:3px;overflow:hidden;color:#dcefeb;font-size:.72rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.tray-scene-state{position:absolute;top:50%;right:14px;display:grid;width:30px;height:30px;margin-top:-15px;border-radius:11px 7px 12px 8px;background:var(--yellow);color:var(--ink);place-items:center}.tray-scene-state svg{width:18px;height:18px}.tray-scene-banner[data-current=true]{box-shadow:inset 0 0 0 3px var(--yellow)}.scene-tray .tray-scene-banner:disabled{cursor:default;opacity:1}.tray-scene-banner:not(:disabled):active{transform:scale(.985)}@media(hover:hover)and (pointer:fine){.tray-scene-banner:not(:disabled):hover{box-shadow:0 8px 18px #031f3526;transform:translateY(-2px)}}.tray-empty button{min-height:44px;padding:8px 12px;border:0;border-radius:12px 8px 14px 9px;background:#dceae5;color:var(--ink);font-size:.8rem}.tray-footer--atomic{grid-template-columns:minmax(0,1fr) 44px;padding-left:18px}.tray-footer--atomic .tray-return{justify-content:flex-end}.tray-footer--atomic .tray-return strong{margin-left:auto}@media(max-width:700px){.scene-tray{border-radius:30px 30px 0 0;box-shadow:0 -8px 40px #021d2b38}.tray-head{position:relative;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:23px 16px 10px;cursor:ns-resize}.tray-head:before{position:absolute;top:9px;left:calc(50% - 21px);width:42px;height:4px;border-radius:3px;background:#9caca3;content:""}.tray-head h2{font-size:1.35rem}.tray-symbol,.tray-icon{width:42px;height:44px}.tray-scene-list{padding-right:16px;padding-left:16px}.tray-scene-banner{flex-basis:218px;min-height:68px;padding:11px 46px 11px 14px}.tray-tabs{padding-left:16px;padding-right:16px;gap:2px}.tray-tabs button{gap:5px;padding:8px 10px;font-size:.8rem}.tray-tabs svg{width:20px;height:20px}.tray-tabs small{display:none}.tray-body{padding:8px 16px 14px}.tray-import-report{right:16px;left:16px}.tray-import-report li{grid-template-columns:26px minmax(0,1fr);padding-right:14px;padding-left:14px}.tray-import-report li>button{grid-column:2;justify-self:start}.tray-grid{gap:11px}.tray-asset-choice,.tray-asset--read-only{min-height:214px}.tray-asset-choice>img{padding:12px 12px 90px}.tray-asset--read-only>img,.tray-asset--read-only>.asset-thumbnail-fallback{padding:12px 12px 90px}.tray-asset-copy{bottom:55px;left:13px;right:13px}.tray-asset-copy strong{font-size:1rem}.tray-asset-copy small{font-size:.66rem}.tray-selection{bottom:13px;left:12px;padding:0}.tray-selection svg{width:14px;height:14px}.tray-locate{right:4px;bottom:7px;width:40px}.tray-locate svg{width:19px;height:19px}.tray-footer{grid-template-columns:44px minmax(0,1fr);gap:7px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.tray-footer--atomic{grid-template-columns:minmax(0,1fr) 36px;padding-left:12px}.tray-reset{width:44px}.tray-resize{display:none}.tray-return{gap:6px;padding:9px 10px}.tray-return strong{font-size:.8rem}}@media(max-height:500px)and (min-width:701px){.tray-head{grid-template-columns:40px minmax(0,1fr) auto;padding:5px 14px}.tray-head h2{font-size:1.25rem}.tray-symbol,.tray-icon{width:40px;height:40px}.tray-scene-list{gap:8px;padding:0 14px 4px}.tray-scene-banner{flex-basis:180px;min-height:46px;padding-top:6px;padding-bottom:6px}.tray-scene-copy small{display:none}.tray-notice{min-height:34px;margin:0 14px 4px}.tray-notice>button{height:32px}.tray-tabs{min-height:42px;padding:0 14px 4px}.tray-tabs button{min-height:38px}.tray-body{padding:4px 14px 8px}.tray-footer{padding-top:4px;padding-bottom:4px}.tray-return{min-height:40px}.tray-asset-choice{min-height:210px}}@media(max-width:360px){.tray-head{gap:6px;padding-right:12px;padding-left:12px}.tray-head-actions{gap:2px}.tray-scene-list,.tray-body,.tray-tabs{padding-left:12px;padding-right:12px}.tray-tabs button{gap:4px;padding:8px}.tray-tabs svg{width:18px}.tray-notice{margin-right:12px;margin-left:12px}.tray-asset-copy strong{font-size:.9rem}}@media(max-width:340px){.tray-grid{grid-template-columns:minmax(0,1fr)}.tray-asset-choice{min-height:226px}}@media(max-width:700px)and (max-height:500px){.tray-head{padding-top:16px;padding-bottom:4px}.tray-scene-list{gap:8px;padding-bottom:3px}.tray-scene-banner{flex-basis:168px;min-height:46px;padding-top:6px;padding-bottom:6px}.tray-scene-copy small{display:none}.tray-tabs{min-height:48px;padding-bottom:3px}.tray-footer{padding-top:5px;padding-bottom:5px}}@media(prefers-reduced-transparency:reduce){.scene-tray{background:#fff9e7;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.scene-tray *,.scene-tray *:before,.scene-tray *:after{transition:none!important;scroll-behavior:auto!important}}:root{--wb-color-paper: #f7f2e5;--wb-color-ink: #153d4b;--wb-color-shell-ground: #075475;--wb-color-ocean: #087fb4;--wb-color-ocean-deep: #064e7b;--wb-color-sky-water: #70d5ef;--wb-color-sun-yellow: #f8dd51;--wb-color-coral: #ff7c6b;--wb-shadow-shell: 0 18px 50px rgba(5,35,54,.25);--wb-font-family: "Trebuchet MS", "Segoe UI", "Microsoft YaHei", sans-serif;--wb-focus-width: 4px;--wb-focus-offset: 4px;--wb-border-line: rgba(32,49,46,.16);--wb-size-child-control: 56px;--wb-size-settings-control: 44px;--wb-motion-control: .2s;--wb-motion-modal: .25s;--wb-shape-shell-panel: 31px 19px 34px 18px;--wb-shape-import-zone: 25px 13px 25px 15px}:root{font-family:var(--wb-font-family);color:var(--wb-color-ink);background:var(--wb-color-shell-ground);font-synthesis:none;--paper: var(--wb-color-paper);--ink: var(--wb-color-ink);--yellow: var(--wb-color-sun-yellow);--coral: var(--wb-color-coral);--shadow: var(--wb-shadow-shell)}*{box-sizing:border-box}html,body{min-width:280px;min-height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:var(--wb-focus-width) solid var(--yellow);outline-offset:var(--wb-focus-offset)}button:disabled{cursor:not-allowed;opacity:.58}::selection{background:var(--yellow);color:var(--ink)}.app{position:relative;isolation:isolate;width:100%;height:100svh;height:100dvh;overflow:hidden;background:var(--wb-color-shell-ground)}.stage{position:absolute;inset:0;overflow:hidden;opacity:1;transform:scale(1);transition:opacity .22s ease-out,transform .22s cubic-bezier(.16,1,.3,1)}.stage[data-switching=true]{opacity:.58;transform:scale(1.008)}.stage canvas,.stage img{display:block;width:100%;height:100%}.stage img{object-fit:cover}.stage-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,45,72,.2),transparent 21%,transparent 72%,rgba(4,38,61,.38))}.top{position:absolute;z-index:3;top:0;right:0;left:0;display:flex;align-items:flex-start;gap:1rem;padding:clamp(16px,2.2vw,30px) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));transition:transform var(--wb-motion-modal) cubic-bezier(.16,1,.3,1),opacity var(--wb-motion-modal)}.mark{display:flex;align-items:center;gap:.72rem;padding:6px 18px 6px 7px;border-radius:24px 10px;background:#033144bd;color:var(--paper);box-shadow:0 12px 30px #0421392e;-webkit-backdrop-filter:blur(12px) saturate(.82);backdrop-filter:blur(12px) saturate(.82)}.mark-symbol{display:grid;width:48px;height:48px;overflow:visible;background:transparent;place-items:center}.mark-symbol img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 0 0 #fff8e8) drop-shadow(-1px 0 0 #fff8e8) drop-shadow(0 1px 0 #fff8e8) drop-shadow(0 -1px 0 #fff8e8)}.mark-copy{display:grid;gap:4px;line-height:1}.mark-copy strong{color:#fff8e8;font-size:clamp(1.2rem,1.8vw,1.55rem);font-weight:850;letter-spacing:-.035em;line-height:.92;text-shadow:0 2px 8px rgba(2,25,40,.26)}.mark-copy small{color:var(--yellow);font-size:.68rem;font-weight:900;letter-spacing:.07em;line-height:1;font-variant-numeric:tabular-nums}.top-actions{display:flex;gap:10px;margin-left:auto}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--wb-size-child-control);min-width:var(--wb-size-child-control);height:var(--wb-size-child-control);padding:0;border:0;border-radius:42% 58% 47% 53%/54% 43% 57% 46%;background:#033144bd;color:var(--paper);box-shadow:0 12px 30px #0421392e;-webkit-backdrop-filter:blur(12px) saturate(.82);backdrop-filter:blur(12px) saturate(.82);font-weight:900;transition:transform var(--wb-motion-control),background var(--wb-motion-control),color var(--wb-motion-control)}.icon-button:hover{transform:translateY(-3px);background:#033144e6}.icon-button[aria-expanded=true],.icon-button[aria-pressed=true]{background:var(--yellow);color:var(--ink)}.icon-button svg{width:26px;height:26px}.icon-button span{display:none}.has-tooltip{position:relative}.has-tooltip:after{position:absolute;top:calc(100% + 8px);left:50%;z-index:20;padding:5px 8px;border-radius:8px 5px;background:#05465dd1;color:#f9f3e6;content:attr(data-tooltip);font-size:.7rem;font-weight:800;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .15s ease-out,transform .15s ease-out;white-space:nowrap}@media(hover:hover){.has-tooltip:hover:after{opacity:.78;transform:translate(-50%)}}.has-tooltip:focus-visible:after{opacity:.86;transform:translate(-50%)}.mobile-menu-toggle,.mobile-actions{display:none}.world-orb{position:absolute;z-index:3;top:calc(20px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right));display:none;width:var(--wb-size-child-control);height:var(--wb-size-child-control);border:0;border-radius:42% 58% 61% 39%/54% 43% 57% 46%;background:var(--yellow);box-shadow:var(--shadow)}.world-orb img{display:block;width:100%;height:100%;object-fit:contain}.bottom{position:absolute;z-index:2;right:max(24px,env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));display:flex;align-items:flex-end;pointer-events:none;transition:opacity var(--wb-motion-modal),transform var(--wb-motion-modal)}.bottom>*{pointer-events:auto}.scene-dock{display:flex;align-items:stretch;max-width:100%;gap:4px;padding:4px;border-radius:22px 13px 23px 14px;background:#033144d1;box-shadow:0 14px 34px #031f3538}.scene-name{display:inline-flex;align-items:center;flex:none;padding:7px 11px;border-radius:18px 10px 19px 11px;color:var(--paper);text-align:left;text-shadow:0 2px 7px rgba(3,34,55,.64)}.scene-name strong,.scene-name span{display:block}.scene-name strong{font-size:clamp(1.7rem,2.7vw,2.55rem);line-height:.98;letter-spacing:-.035em}.scene-name span{margin-top:5px;font-size:clamp(.78rem,1.1vw,1rem);font-weight:800;letter-spacing:.02em}.scene-name .scene-name-copy{margin:0}.scene-assets-toggle{display:grid;width:48px;min-width:48px;min-height:48px;padding:0;border:0;border-radius:17px 10px 18px 11px;background:#f7f2e524;color:var(--paper);place-items:center;transition:background var(--wb-motion-control),transform var(--wb-motion-control),color var(--wb-motion-control)}.scene-assets-toggle:hover{transform:translateY(-1px);background:#f7f2e53d}.scene-assets-toggle[aria-expanded=true]{background:var(--yellow);color:var(--ink)}.scene-assets-toggle svg{width:23px;height:23px;transition:transform .18s cubic-bezier(.16,1,.3,1)}.scene-assets-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.scene-dock .has-tooltip:after{top:auto;bottom:calc(100% + 8px)}.scene-object-controls{display:flex;min-width:0;max-width:min(52vw,620px);gap:7px;overflow-x:auto;padding:0 2px 0 3px;animation:scene-assets-enter .18s cubic-bezier(.16,1,.3,1);scrollbar-color:rgba(247,242,229,.55) transparent;scrollbar-width:thin}.observe-button{display:inline-flex;align-items:center;flex:none;min-height:46px;padding:0 14px;border:0;border-radius:16px 10px 17px 11px;background:#f7f2e524;color:var(--paper);font-weight:800;opacity:.82;transition:background var(--wb-motion-control),opacity var(--wb-motion-control),transform var(--wb-motion-control)}.observe-button:hover,.observe-button:focus-visible{opacity:1;transform:translateY(-2px)}.observe-button[aria-pressed=true]{background:var(--yellow);color:var(--ink);box-shadow:0 0 0 2px #f7f2e58c;opacity:1}.scene-more-button{display:grid;width:46px;min-width:46px;min-height:46px;padding:0;border:0;border-radius:16px 10px 17px 11px;background:#f7f2e524;color:var(--paper);place-items:center;transition:background var(--wb-motion-control),transform var(--wb-motion-control)}.scene-more-button:hover{background:#f7f2e53d;transform:translateY(-2px)}.scene-more-button svg{width:22px;height:22px}@keyframes scene-assets-enter{0%{opacity:0;clip-path:inset(0 100% 0 0 round 12px);transform:translate(-8px)}to{opacity:1;clip-path:inset(0 round 12px);transform:translate(0)}}.empty-state{position:absolute;z-index:2;top:50%;left:50%;width:min(430px,calc(100vw - 32px));padding:26px;transform:translate(-50%,-50%);border-radius:31px 16px 34px 18px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.empty-state h1{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.empty-state p{line-height:1.5}.empty-state .pill{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 20px;border:0;border-radius:18px 11px;background:var(--yellow);color:var(--ink);font-size:1rem}.empty-state .pill svg{width:22px;height:22px}.asset-card{position:absolute;z-index:4;top:28%;right:24px;width:min(350px,calc(100vw - 40px));padding:21px 22px 18px;border-radius:31px 16px 34px 18px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.asset-card.asset-card--compact{top:auto;bottom:24px}.asset-card.is-collapsed{top:auto;bottom:24px;padding:14px;animation:card-collapse .16s ease-out}.asset-card.is-collapsed .card-head{align-items:center}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.asset-card h2{margin:0;font-size:1.7rem;letter-spacing:-.025em}.asset-card h2 small{display:block;margin-top:3px;color:#315f70;font-size:.78rem;font-weight:700;letter-spacing:0}.card-copy-track{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding:2px 28px 6px 2px;scroll-padding-left:2px;scroll-snap-type:x mandatory;scrollbar-width:none}.card-copy-track::-webkit-scrollbar{display:none}.card-copy-track:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.card-copy-slide{flex:0 0 calc(100% - 28px);min-height:112px;padding:14px 15px;border-radius:15px 10px 16px 11px;background:#e7eeeb;scroll-snap-align:start;scroll-snap-stop:always}.card-copy-slide:only-child{flex-basis:100%}.card-copy-slide p{margin:0;line-height:1.55}.card-copy-slide[lang=en-US]{color:#315f70;font-weight:600}.card-actions{display:flex;align-items:center;gap:7px}.card-action,.card-close{display:grid;width:44px;height:44px;padding:0;border:0;color:var(--ink);place-items:center}.card-action{border-radius:16px 10px 17px 11px;background:#dcecef}.card-action.is-listen{background:var(--yellow)}.card-action[aria-pressed=true]{box-shadow:inset 0 0 0 3px #153d4b2e}.card-action svg,.card-close svg{width:22px;height:22px}.card-close{border-radius:14px 9px 15px 10px;background:#e8e0cd}.asset-scale-control{display:grid;grid-template-columns:auto minmax(110px,1fr) 3.2em;align-items:center;gap:10px;margin-top:13px;color:#315f70;font-size:.76rem;font-weight:850}.asset-scale-control>span{color:var(--ink)}.asset-scale-control output{min-width:0;font-variant-numeric:tabular-nums;text-align:right}.asset-scale-control input{width:100%;height:26px;margin:0;appearance:none;background:transparent;cursor:ew-resize}.asset-scale-control input::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:#bfd5d5;box-shadow:inset 0 1px 2px #03314429}.asset-scale-control input::-webkit-slider-thumb{width:22px;height:22px;margin-top:-7px;appearance:none;border:3px solid var(--paper);border-radius:50%;background:var(--yellow);box-shadow:0 3px 8px #031f3540}.asset-scale-control input::-moz-range-track{height:8px;border:0;border-radius:999px;background:#bfd5d5;box-shadow:inset 0 1px 2px #03314429}.asset-scale-control input::-moz-range-thumb{width:16px;height:16px;border:3px solid var(--paper);border-radius:50%;background:var(--yellow);box-shadow:0 3px 8px #031f3540}.asset-scale-control input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:999px}@keyframes card-collapse{0%{opacity:.75;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scrim{position:absolute;z-index:5;inset:0;background:#041f2f8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.panel{position:absolute;z-index:6;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.settings-panel{top:18px;right:18px;width:min(360px,calc(100vw - 36px));max-height:calc(100svh - 36px);overflow:auto;padding:22px;border-radius:30px 18px 32px 20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-title{display:flex;align-items:center;gap:11px;min-width:0}.panel-title-icon{display:grid;width:48px;height:48px;flex:none;background:transparent;place-items:center}.panel-title-icon img{display:block;width:100%;height:100%;object-fit:contain}.panel h2{margin:0;font-size:1.55rem;letter-spacing:-.025em}.panel-close{display:grid;width:var(--wb-size-settings-control);height:var(--wb-size-settings-control);flex:none;padding:0;border:0;border-radius:12px 8px 13px 9px;background:#e8e0cd;color:var(--ink);place-items:center}.panel-close svg{width:22px;height:22px}.asset-thumbnail-fallback{display:grid;color:#527077;place-items:center}.asset-thumbnail-fallback svg{width:26px;height:26px}.section{margin-top:20px}.settings-list{display:grid;margin-top:14px}.preference-row{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:18px;padding:10px 4px 2px;color:var(--ink)}.preference-row strong{display:block;font-size:.95rem}.preference-row small{display:block;margin-top:4px;color:#45656d;font-size:.76rem;line-height:1.35}.preference-row input{position:relative;width:48px;height:30px;flex:none;margin:0;appearance:none;border:0;border-radius:999px;background:#9eb4b2;cursor:pointer;transition:background .15s ease-out}.preference-row input:after{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff9e7;box-shadow:0 2px 7px #082a3438;content:"";transition:transform .15s ease-out}.preference-row input:checked{background:#0f6a70}.preference-row input:checked:after{transform:translate(18px)}.app.immersive .top,.app.immersive .bottom{opacity:0;transform:translateY(-12px);pointer-events:none}.app.immersive .world-orb{display:block}.app.context .top,.app.context .bottom,.app.context .world-orb{opacity:0;pointer-events:none}@media(max-width:700px){.app.scene-panel-open .scene-dock{visibility:hidden}.top{padding:calc(14px + env(safe-area-inset-top)) 15px 0}.desktop-actions{display:none}.mobile-menu-toggle{display:inline-flex;width:52px;min-width:52px;height:52px;margin-left:auto}.mobile-actions{position:absolute;top:calc(78px + env(safe-area-inset-top));right:15px;z-index:8;display:grid;width:176px;padding:8px;border-radius:22px 13px 23px 14px;background:#f7f2e5f7;box-shadow:0 20px 50px #04203247;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-actions button{display:grid;grid-template-columns:32px 1fr;align-items:center;min-height:50px;gap:11px;padding:0 13px;border:0;border-radius:15px 9px 16px 10px;background:transparent;color:var(--ink);font-weight:900;text-align:left}.mobile-actions button:hover,.mobile-actions button:focus-visible{background:#dcebed}.mobile-actions button:active{background:var(--yellow)}.mobile-actions svg{width:25px;height:25px}.has-tooltip:after{display:none}.bottom{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));left:18px}.scene-name{padding:9px 12px}.scene-name strong{font-size:1.6rem}.scene-name span{font-size:.7rem}.scene-object-controls{max-width:calc(100vw - 160px);gap:6px}.observe-button{min-height:44px;padding:0 12px}.asset-card{inset:auto 0 0;width:auto;max-height:min(52svh,460px);overflow:auto;padding:19px 21px calc(17px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0}.card-head{position:static;margin:-1px -2px 0;padding:1px 2px 5px;background:var(--paper)}.asset-card h2{font-size:1.45rem}.settings-panel{inset:0;width:auto;padding:calc(24px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));border-radius:0}.empty-state{top:47%}}@media(max-height:500px){.bottom{bottom:10px}.asset-card{inset:auto 10px 10px auto;width:min(390px,calc(47vw - 10px));max-height:calc(100dvh - 20px);overflow:auto;border-radius:25px 14px 27px 16px}.settings-panel{inset:10px;overflow:auto}.scene-name strong{font-size:1.75rem}.scene-name .scene-name-copy>span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.object-control-label{font-size:.88rem}.scene-feedback{position:absolute;z-index:7;top:calc(92px + env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:8px;width:max-content;max-width:min(360px,calc(100% - 32px));padding:4px 5px 4px 12px;border-radius:18px 12px 20px 13px;transform:translate(-50%);background:#eff5de;color:#214e45;box-shadow:0 8px 22px #031f3529;font-size:.8rem;font-weight:800;animation:feedback-enter .14s ease-out}.scene-feedback[data-tone=error],.scene-feedback[data-tone=warning]{background:#fff0ce;color:#684625}.scene-feedback[data-tone=moving]{min-height:40px;padding-right:12px;background:var(--paper)}.scene-feedback>svg{flex:none;width:20px;height:20px}.scene-feedback>span{min-width:0;overflow-wrap:anywhere}.scene-feedback>button{display:grid;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;place-items:center}.scene-feedback>button svg{width:16px;height:16px}@keyframes feedback-enter{0%{opacity:0}to{opacity:1}}.asset-card.asset-card--compact{top:auto;right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));left:auto;width:min(380px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:14px;border-radius:24px 16px 26px 17px;overflow:visible}.asset-card--compact .card-head{align-items:center;position:static;margin:0;padding:0}.asset-card--compact h2{min-width:0;font-size:clamp(1.05rem,4vw,1.35rem);line-height:1.25;overflow-wrap:anywhere}.card-actions{flex:none}@media(max-width:360px){.top{padding-left:12px;padding-right:12px}.mark{padding-right:10px;gap:6px}.mark-copy strong{font-size:1.12rem}.mark-copy small{font-size:.6rem}.mark-symbol{width:40px;height:40px}.mobile-menu-toggle{width:44px;min-width:44px;height:44px}.bottom{left:12px;right:12px}.scene-name strong{font-size:1.4rem}.asset-card{padding:14px}.card-head{flex-wrap:wrap}.asset-card--compact .card-head{flex-wrap:nowrap;gap:6px}.card-actions{gap:4px}.asset-card--compact h2{font-size:1.05rem}}@media(prefers-reduced-motion:reduce){.scene-feedback{animation:none}}
