:root{font-family:Arial,sans-serif;background:#9ebbbd;color:#eef4e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}[hidden]{display:none!important}#world{position:fixed;inset:0}#world canvas{display:block;touch-action:none;outline:none}#world canvas.moving-element{cursor:grabbing}#perf{position:fixed;right:max(12px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));z-index:6;margin:0;padding:8px 10px;border-radius:6px;background:#111c;color:#d8ffe3;font:12px/1.4 ui-monospace,Menlo,monospace;pointer-events:none;white-space:pre}#jump-charge{position:fixed;left:50%;bottom:max(48px,calc(env(safe-area-inset-bottom) + 40px));z-index:5;width:min(240px,56vw);height:10px;padding:2px;border-radius:99px;background:#1119;transform:translate(-50%);pointer-events:none}#jump-charge>span{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#9ff2c2,#e8ffe9);transform:scaleX(var(--fill, 0));transform-origin:left center}#cursor-hint{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:5;margin:0;padding:2px 4px;border-radius:3px;background:#fffc;color:#444;font-size:12px;line-height:1.3;pointer-events:none;-webkit-user-select:none;user-select:none}#room-switcher{position:fixed;top:max(24px,env(safe-area-inset-top));left:max(68px,calc(env(safe-area-inset-left) + 48px));z-index:5;max-width:calc(100vw - 92px);display:flex;gap:6px}#room-selector,#room-rename{height:36px;padding:0 10px;border:1px solid #ffffff38;border-radius:7px;background:#1d1d1de6;color:#fff;font:14px Arial,sans-serif;cursor:pointer;color-scheme:dark}#room-selector{min-width:0;max-width:calc(100vw - 134px);text-overflow:ellipsis}#room-rename{width:36px;flex-shrink:0;padding:8px}#room-rename svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}#room-selector:focus-visible,#room-rename:focus-visible,#room-name-form :focus-visible{outline:2px solid #666;outline-offset:3px}#room-selector:disabled,#room-rename:disabled{cursor:default;opacity:.6}#room-name-form{position:absolute;top:44px;left:0;box-sizing:border-box;width:min(280px,calc(100vw - 92px));padding:12px;border:1px solid #ffffff38;border-radius:8px;background:#252525;color:#fff;font-size:14px}#room-name-form label{display:block;margin-bottom:8px}#room-name{box-sizing:border-box;width:100%;padding:8px;border:1px solid #777;border-radius:4px;background:#363636;color:#fff;font:inherit}.room-name-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.room-name-actions button{padding:6px 10px;border:1px solid #777;border-radius:4px;background:#363636;color:#fff;font:inherit;cursor:pointer}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#e9f0e84d,transparent 35%,transparent 65%,#13313026)}body.dragging:after{content:"";position:fixed;inset:14px;border:1px solid #eef4e8a6;border-radius:8px;pointer-events:none}#axes{position:fixed;bottom:max(32px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(338px,calc(100vw - 48px));display:grid;grid-template-columns:minmax(0,1fr) 44px;column-gap:18px;row-gap:6px}.axis{grid-column:1;display:flex;align-items:center;gap:15px;min-height:42px}.axis-letter{font-size:10px;font-weight:400;line-height:1;width:8px;text-shadow:0 1px 5px #1a38385e}.axis input{appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:ew-resize;--track: linear-gradient( to right, #f1f6eac9 var(--fill), #e6efdf50 var(--fill) )}.axis input::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:var(--track)}.axis input::-moz-range-track{height:2px;border-radius:2px;background:var(--track)}.axis input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;margin-top:-3.5px;border:0;border-radius:50%;background:#f1f6ea;box-shadow:0 1px 5px #18353230}.axis input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#f1f6ea}.axis input:focus-visible{outline:1px solid #eff5e9a6;outline-offset:3px;border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.knob{grid-row:1 / 5;align-self:center;width:44px;height:44px;border:1px solid #e6efdf70;border-radius:50%;position:relative;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#dce9dd08;--rotation: 0deg}.knob:active{cursor:grabbing}.knob:focus-visible{outline:1px solid #eff5e9c9;outline-offset:5px}.knob-indicator{position:absolute;inset:0;transform:rotate(var(--rotation));pointer-events:none}.knob-indicator:after{content:"";position:absolute;width:5px;height:12px;border-radius:3px;background:#f1f6ea;top:4px;left:calc(50% - 2.5px);box-shadow:0 1px 5px #18353230}#rotation-knob{grid-column:2}.axis-track{flex:1;min-width:0}.direction-hints{display:flex;justify-content:space-between;font-size:8px;line-height:12px;color:#edf3e4a8;letter-spacing:.2px;text-shadow:0 1px 4px #18353260;-webkit-user-select:none;user-select:none}.axis-letter{flex-shrink:0}.axis-letter svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1;margin-left:-2px}#audio-controls{position:fixed;left:50%;bottom:max(245px,calc(env(safe-area-inset-bottom) + 213px));transform:translate(-50%);width:min(338px,calc(100vw - 48px));display:flex;align-items:center;gap:12px;color:#edf3e4}#audio-toggle{width:30px;height:30px;border:0;padding:6px;background:transparent;color:inherit;cursor:pointer}#audio-toggle svg{width:18px;height:18px;fill:currentColor}#audio-toggle[aria-busy=true]{opacity:.4}#audio-toggle:focus-visible{outline:1px solid #edf3e4;border-radius:4px}#audio-time{font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#edf3e4ba}#audio-seek{appearance:none;flex:1;min-width:0;height:2px;background:linear-gradient(to right,#edf3e4 var(--fill, 0%),#edf3e455 var(--fill, 0%));cursor:pointer}#audio-seek::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:#edf3e4}#audio-seek::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#edf3e4}#import-state{position:fixed;left:50%;top:28px;transform:translate(-50%);display:flex;align-items:center;gap:9px;max-width:calc(100vw - 40px);padding:9px 13px;border-radius:6px;background:#e4ede9d9;color:#26463f;font-size:11px}#import-spinner{flex:none;width:12px;height:12px;border:1px solid #26463f33;border-top-color:#26463f;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#tools-toggle,#undo,#text-edit{position:fixed;display:grid;place-items:center;width:36px;height:36px;padding:8px;border:1px solid #e5eee539;border-radius:8px;background:#244b4833;color:#f0f3e7;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#tools-toggle{left:max(20px,env(safe-area-inset-left));top:max(24px,env(safe-area-inset-top))}#undo{left:max(20px,env(safe-area-inset-left));top:max(68px,calc(env(safe-area-inset-top) + 44px));z-index:5}#undo:disabled{opacity:.35;cursor:default}#tools-toggle svg,#undo svg,#text-edit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}#tools-toggle:hover,#tools-toggle[aria-expanded=true],#undo:hover:not(:disabled),#text-edit:hover{background:#244b4866}#tools-panel{position:fixed;left:max(20px,env(safe-area-inset-left));top:max(114px,calc(env(safe-area-inset-top) + 90px));width:min(232px,calc(100vw - 40px));max-height:calc(100dvh - 320px);overflow:auto;padding:10px;border:1px solid #e5eee52e;border-radius:9px;background:#203f3dcc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 32px #193b3612}#tools-panel button{border:0;color:#f0f3e7;background:transparent;font:inherit;font-size:11px;cursor:pointer;border-radius:4px}#text-tool{display:flex;align-items:center;gap:12px;padding:7px 9px;width:100%;text-align:left}#text-tool span{font-family:Georgia,serif;font-size:19px}#tools-panel button:hover{background:#e5eee512}#text-content{display:block;resize:vertical;width:100%;min-height:100px;max-height:240px;margin-top:10px;padding:10px;border:1px solid #e5eee52e;border-radius:5px;background:#102f3026;color:#f0f3e7;font:12px/1.6 Arial,sans-serif}#text-content::placeholder{color:#d9e6dc88}.text-actions{display:flex;justify-content:space-between;gap:8px;margin-top:9px}.text-actions button{padding:8px}#tools-panel button:disabled{opacity:.35;cursor:default}#text-edit{left:50%;transform:translate(-50%);bottom:max(245px,calc(env(safe-area-inset-bottom) + 213px))}#tools-toggle:focus-visible,#undo:focus-visible,#text-edit:focus-visible,#tools-panel :focus-visible{outline:1px solid #d6e9d6;outline-offset:3px}#text-edit{width:auto;display:flex;gap:6px;padding:7px 10px;font:11px Arial,sans-serif}.text-format{display:flex;align-items:center;gap:4px;margin-top:10px}.text-format select{min-width:0;flex:1;padding:6px 2px;border:0;border-radius:4px;color:#f0f3e7;background:#294c49;font:10px Arial,sans-serif}#tools-panel .text-format button{width:27px;height:28px;flex-shrink:0;font-size:13px}#tools-panel .text-format button[aria-pressed=true]{background:#dcead630;box-shadow:inset 0 -1px #c5ddc8}#text-split-controls{margin-top:12px;padding-top:9px;border-top:1px solid #e5eee51f}#tools-panel #text-split{padding:6px 8px;background:#dcead618}#text-split-hint{color:#d9e6dca6;font-size:10px;line-height:1.5;margin:6px 2px 0}#snap-element{grid-column:1 / -1;justify-self:center;border:0;border-radius:4px;padding:7px 10px;background:transparent;color:#edf3e4c9;font:10px Arial,sans-serif;text-shadow:0 1px 4px #18353260;cursor:pointer}#snap-element:hover,#snap-element[aria-pressed=true]{background:#244b484d;color:#f0f3e7}#snap-element:focus-visible{outline:1px solid #d6e9d6;outline-offset:2px}#snap-prompt{position:fixed;top:28px;left:50%;transform:translate(-50%);padding:9px 14px;border-radius:6px;background:#203f3db3;color:#f0f3e7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:11px Arial,sans-serif;pointer-events:none}body.snapping #world canvas{cursor:crosshair}#audio-controls,#text-edit{bottom:max(279px,calc(env(safe-area-inset-bottom) + 247px))}body:is([data-environment=stars],[data-environment=room]){background:#000}body:is([data-environment=stars],[data-environment=room]) .vignette{display:none}body:is([data-environment=stars],[data-environment=room]) #axes,body:is([data-environment=stars],[data-environment=room]) #audio-controls{color:#222}body:is([data-environment=stars],[data-environment=room]) .axis-letter,body:is([data-environment=stars],[data-environment=room]) .direction-hints,body:is([data-environment=stars],[data-environment=room]) #snap-element{text-shadow:none}body:is([data-environment=stars],[data-environment=room]) .direction-hints,body:is([data-environment=stars],[data-environment=room]) #audio-time{color:#626262}body:is([data-environment=stars],[data-environment=room]) .axis input{--track: linear-gradient(to right, #333 var(--fill), #c7c7c7 var(--fill))}body:is([data-environment=stars],[data-environment=room]) .axis input::-webkit-slider-thumb,body:is([data-environment=stars],[data-environment=room]) #audio-seek::-webkit-slider-thumb{background:#252525;box-shadow:none}body:is([data-environment=stars],[data-environment=room]) .axis input::-moz-range-thumb,body:is([data-environment=stars],[data-environment=room]) #audio-seek::-moz-range-thumb{background:#252525}body:is([data-environment=stars],[data-environment=room]) .knob{border-color:#999;background:transparent}body:is([data-environment=stars],[data-environment=room]) .knob-indicator:after{background:#252525;box-shadow:none}body:is([data-environment=stars],[data-environment=room]) #audio-seek{background:linear-gradient(to right,#333 var(--fill, 0%),#c7c7c7 var(--fill, 0%))}body:is([data-environment=stars],[data-environment=room]) #text-edit{background:#f3f3f3;color:#222;border-color:#d4d4d4}body:is([data-environment=stars],[data-environment=room]) #snap-element{color:#444}body:is([data-environment=stars],[data-environment=room]) #snap-element:hover,body:is([data-environment=stars],[data-environment=room]) #snap-element[aria-pressed=true]{background:#eee}body:is([data-environment=stars],[data-environment=room]) #axes :focus-visible,body:is([data-environment=stars],[data-environment=room]) #audio-controls :focus-visible,body:is([data-environment=stars],[data-environment=room]) #text-edit:focus-visible{outline-color:#444}body:is([data-environment=stars],[data-environment=room]) #tools-toggle,body:is([data-environment=stars],[data-environment=room]) #undo,body:is([data-environment=stars],[data-environment=room]) #tools-panel,body:is([data-environment=stars],[data-environment=room]) #snap-prompt{background:#1d1d1de6;border-color:#ffffff38}body:is([data-environment=stars],[data-environment=room]) .text-format select{background:#363636}body[data-environment=room] .knob{grid-row:1 / 4}#move-wall{grid-column:1 / -1;justify-self:center;border:0;border-radius:4px;padding:7px 10px;background:transparent;color:#444;font:10px Arial,sans-serif;cursor:pointer}#move-wall:hover,#move-wall[aria-pressed=true]{background:#eee}body[data-environment=room] #axes,body[data-environment=room] #audio-controls{background:#ffffffdb;border-radius:8px;padding:10px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body[data-environment=room] #audio-controls,body[data-environment=room] #text-edit{bottom:max(293px,calc(env(safe-area-inset-bottom) + 261px))}#sync-status{position:fixed;right:16px;bottom:14px;z-index:30;padding:5px 8px;border-radius:4px;color:#222;background:#ffffffe6;font:12px Arial,sans-serif;pointer-events:none}