:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080c12;color:#f4dfbd}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input{font:inherit}button{border:1px solid rgba(244,223,189,.15);color:#f2dfc0;background:#161d27c7;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}button:hover{border-color:#ffce8270;background:#2d303ae0}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.58}button:disabled:hover{border-color:#f4dfbd26;background:#161d27c7}button:focus-visible,input:focus-visible{outline:2px solid rgba(141,207,227,.72);outline-offset:2px}.app-shell{--room-background: linear-gradient(180deg, rgba(7, 10, 18, .4), rgba(7, 10, 18, .9)), linear-gradient(125deg, rgba(74, 112, 126, .22), transparent 42%), linear-gradient(120deg, #0b1118 0%, #111a22 46%, #1d2223 100%);--room-weather-opacity: .28;--room-weather-image: linear-gradient(110deg, transparent 0 38%, rgba(130, 171, 195, .18) 39%, transparent 41%), linear-gradient(100deg, transparent 0 66%, rgba(255, 213, 145, .08) 67%, transparent 69%);--room-weather-size: 420px 100%, 680px 100%;--room-weather-duration: 12s;--room-image: linear-gradient(transparent, transparent);--room-image-position: center center;--room-image-opacity: .56;--room-image-filter: saturate(.82) contrast(.94) brightness(.58);--room-lighting: linear-gradient(105deg, rgba(255, 218, 147, .06), transparent 32%), linear-gradient(260deg, rgba(112, 170, 191, .08), transparent 44%);--tray-frame: #241b17;--tray-highlight: rgba(255, 213, 150, .18);--tray-inner-glow: rgba(255, 197, 106, .08);--selected-material-color: #dfb65e;min-height:100%;position:relative;overflow:hidden;background:var(--room-background);transition:background .26s ease}.app-shell:before,.app-shell:after{content:"";position:absolute;inset:0;pointer-events:none}.app-shell:before{opacity:var(--room-weather-opacity);background-image:var(--room-weather-image);background-size:var(--room-weather-size);animation:rain-slide var(--room-weather-duration) linear infinite;transition:opacity .26s ease}.app-shell:after{background:var(--room-lighting),linear-gradient(180deg,#03060a0a,#03060a24 52%,#03060a38),var(--room-image);background-repeat:no-repeat;background-size:cover,cover,cover;background-position:center,center,var(--room-image-position);filter:var(--room-image-filter);mix-blend-mode:normal;opacity:var(--room-image-opacity);transition:background .26s ease,filter .26s ease,opacity .26s ease}.preview-build-badge{position:fixed;top:10px;left:50%;z-index:20;max-width:min(760px,calc(100vw - 32px));transform:translate(-50%);padding:5px 8px;overflow:hidden;border:1px solid rgba(141,207,227,.44);border-radius:6px;color:#d8edf4;background:#03080dd6;box-shadow:0 4px 16px #00000047;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.app-shell.scene-moonwater-garden{--room-background: linear-gradient(180deg, rgba(8, 11, 22, .34), rgba(7, 9, 18, .94)), linear-gradient(130deg, rgba(80, 91, 146, .28), transparent 48%), linear-gradient(120deg, #080d18 0%, #10152a 52%, #161d2b 100%);--room-weather-opacity: .2;--room-weather-image: linear-gradient(115deg, transparent 0 42%, rgba(175, 190, 255, .12) 43%, transparent 45%), repeating-linear-gradient(90deg, rgba(151, 194, 196, .06) 0 1px, transparent 1px 70px);--room-weather-size: 520px 100%, 700px 100%;--room-weather-duration: 18s;--room-lighting: linear-gradient(120deg, rgba(152, 175, 255, .11), transparent 42%), linear-gradient(260deg, rgba(102, 205, 190, .07), transparent 48%);--tray-frame: #1e2230;--tray-highlight: rgba(177, 190, 255, .2);--tray-inner-glow: rgba(133, 182, 255, .08)}.app-shell.scene-stardust-hearth{--room-background: linear-gradient(180deg, rgba(12, 9, 10, .34), rgba(9, 7, 9, .94)), linear-gradient(125deg, rgba(104, 67, 42, .22), transparent 46%), linear-gradient(120deg, #100c0d 0%, #171017 52%, #201817 100%);--room-weather-opacity: .18;--room-weather-image: linear-gradient(100deg, transparent 0 45%, rgba(255, 197, 120, .12) 46%, transparent 48%), repeating-linear-gradient(0deg, rgba(255, 185, 101, .04) 0 1px, transparent 1px 42px);--room-weather-size: 480px 100%, 100% 420px;--room-weather-duration: 20s;--room-lighting: linear-gradient(110deg, rgba(255, 166, 85, .13), transparent 38%), linear-gradient(270deg, rgba(178, 134, 255, .09), transparent 50%);--tray-frame: #2a1812;--tray-highlight: rgba(255, 176, 91, .18);--tray-inner-glow: rgba(255, 143, 66, .1)}.app-shell.scene-cozy-fireplace{--room-background: linear-gradient(180deg, rgba(12, 8, 7, .3), rgba(8, 6, 6, .94)), linear-gradient(120deg, rgba(142, 76, 32, .22), transparent 44%), linear-gradient(120deg, #100c0b 0%, #19100e 50%, #201411 100%);--room-weather-opacity: .12;--room-weather-image: radial-gradient(circle at 46% 54%, rgba(255, 170, 80, .16), transparent 18%), repeating-linear-gradient(0deg, rgba(255, 167, 86, .035) 0 1px, transparent 1px 48px);--room-weather-size: 100% 100%, 100% 480px;--room-weather-duration: 22s;--room-lighting: linear-gradient(110deg, rgba(255, 142, 57, .16), transparent 42%), linear-gradient(270deg, rgba(255, 208, 138, .08), transparent 54%);--tray-frame: #2d1911;--tray-highlight: rgba(255, 169, 89, .2);--tray-inner-glow: rgba(255, 122, 50, .12)}.app-shell.scene-forest-hut{--room-background: linear-gradient(180deg, rgba(4, 12, 13, .34), rgba(4, 8, 9, .94)), linear-gradient(130deg, rgba(43, 102, 77, .2), transparent 48%), linear-gradient(120deg, #06100f 0%, #0b1715 52%, #101918 100%);--room-weather-opacity: .16;--room-weather-image: radial-gradient(circle at 20% 50%, rgba(255, 199, 94, .12), transparent 2px), repeating-linear-gradient(90deg, rgba(119, 180, 137, .04) 0 1px, transparent 1px 84px);--room-weather-size: 180px 140px, 760px 100%;--room-weather-duration: 26s;--room-lighting: linear-gradient(125deg, rgba(92, 172, 125, .1), transparent 42%), linear-gradient(265deg, rgba(255, 188, 94, .08), transparent 50%);--tray-frame: #16241a;--tray-highlight: rgba(139, 201, 143, .17);--tray-inner-glow: rgba(79, 160, 112, .08)}.app-shell.scene-snow-window{--room-background: linear-gradient(180deg, rgba(6, 10, 16, .3), rgba(5, 7, 12, .94)), linear-gradient(120deg, rgba(102, 139, 171, .24), transparent 48%), linear-gradient(120deg, #08101a 0%, #0e1722 52%, #17191b 100%);--room-weather-opacity: .24;--room-weather-image: radial-gradient(circle at 15% 20%, rgba(229, 242, 255, .22), transparent 2px), radial-gradient(circle at 70% 30%, rgba(229, 242, 255, .14), transparent 2px);--room-weather-size: 150px 180px, 260px 220px;--room-weather-duration: 24s;--room-lighting: linear-gradient(120deg, rgba(167, 207, 238, .13), transparent 46%), linear-gradient(270deg, rgba(255, 183, 88, .1), transparent 48%);--tray-frame: #1c2530;--tray-highlight: rgba(179, 219, 245, .18);--tray-inner-glow: rgba(126, 184, 228, .08)}.workspace{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:260px minmax(620px,1fr) 220px;grid-template-areas:"materials sandbox controls";gap:18px;padding:18px}.tool-panel,.control-panel{border:1px solid rgba(239,211,166,.14);background:#090d14b8;box-shadow:0 24px 80px #00000047;backdrop-filter:blur(16px);border-radius:8px;max-height:calc(100vh - 36px);overflow-x:hidden;overflow-y:auto}.tool-panel{grid-area:materials;padding:16px}.control-panel{grid-area:controls;align-self:start;padding:14px}.brand-mark{display:flex;align-items:center;gap:8px;min-height:34px;color:#ffe4ad;font-weight:700;letter-spacing:0}.tool-group{margin-top:16px}.group-label{display:block;margin-bottom:8px;color:#94b8c0;font-size:12px;text-transform:uppercase;letter-spacing:0}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.material-button{--material-color: #dfb65e;min-height:38px;display:flex;align-items:center;gap:7px;padding:7px;border-radius:6px;font-size:13px;text-align:left;white-space:nowrap}.material-button.active{border-color:color-mix(in srgb,var(--material-color) 78%,white 12%);background:radial-gradient(circle at 18px 50%,color-mix(in srgb,var(--material-color) 28%,transparent),transparent 64%),linear-gradient(90deg,color-mix(in srgb,var(--material-color) 22%,rgba(20,25,34,.9)),#151c27e0);color:#fff3d2;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--material-color) 28%,transparent),0 0 20px color-mix(in srgb,var(--material-color) 18%,transparent)}.material-icon{color:var(--material-color);width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:6px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,currentColor 18%,transparent),transparent 62%),#fff5dc13;box-shadow:inset 0 0 0 1px #ffffff29,0 0 18px color-mix(in srgb,currentColor 26%,transparent)}.material-button.active .material-icon{background:#ffe8b21f;box-shadow:inset 0 0 0 1px #ffe8b238,0 0 18px color-mix(in srgb,currentColor 38%,transparent)}.sandbox-stage{grid-area:sandbox;position:relative;min-width:0;min-height:calc(100vh - 36px);display:grid;grid-template-rows:1fr auto;align-items:center}.tray{position:relative;width:min(100%,1050px);aspect-ratio:11 / 7;margin:62px auto 24px;border:12px solid var(--tray-frame);border-radius:8px;overflow:hidden;touch-action:none;cursor:crosshair;background:#090e14;box-shadow:0 34px 120px #0000009e,0 0 0 1px var(--tray-highlight),0 0 28px color-mix(in srgb,var(--selected-material-color) 11%,transparent),inset 0 0 36px var(--tray-inner-glow);transition:border-color .26s ease,box-shadow .26s ease}.tray:hover,.tray:focus-within{border-color:color-mix(in srgb,var(--tray-frame) 78%,var(--selected-material-color) 22%);box-shadow:0 34px 120px #0000009e,0 0 0 1px color-mix(in srgb,var(--selected-material-color) 24%,var(--tray-highlight)),0 0 34px color-mix(in srgb,var(--selected-material-color) 15%,transparent),inset 0 0 38px var(--tray-inner-glow)}.sandbox-canvas{position:absolute;inset:0;width:100%;height:100%}.base-canvas{image-rendering:pixelated}.glow-canvas{image-rendering:auto;filter:blur(16px) saturate(1.35);opacity:.9;transform:scale(1.025);mix-blend-mode:screen;pointer-events:none}.glass-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.11),transparent 18% 60%,rgba(151,199,217,.08)),linear-gradient(180deg,rgba(255,220,161,.08),transparent 22% 80%,rgba(36,24,17,.22));mix-blend-mode:screen}.motes-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.status-bar{width:min(100%,1050px);margin:0 auto;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;color:#99b8c8;font-size:13px}.status-bar [data-testid=status-message]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-meta{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.status-paused{padding:1px 8px;border-radius:999px;background:#ffc46e29;color:#ffcf87;font-weight:600;letter-spacing:.02em}.control-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.icon-button{min-height:42px;display:grid;place-items:center;border-radius:6px}.brush-control{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0;color:#d9cfbe;font-size:13px}.brush-control span{display:flex;align-items:center;gap:6px}.brush-control input{grid-column:1 / -1;width:100%;min-width:0;accent-color:#dfb65e}.brush-control output{color:#ffe4ad}.audio-panel{display:grid;gap:10px;margin:0 0 18px;padding:14px 0 2px;border-top:1px solid rgba(239,211,166,.12)}.audio-panel-header,.audio-panel-title{display:flex;align-items:center}.audio-panel-header{justify-content:space-between;gap:8px}.audio-panel-title{gap:6px;color:#ffe4ad;font-size:13px;font-weight:700}.audio-enable-button{min-height:30px;padding:0 10px;border-radius:6px;font-size:12px;color:#dceef5}.audio-enable-button.active{opacity:1;color:#f3fcff;border-color:#94d8ec5c;background:radial-gradient(circle at 50% 50%,rgba(148,216,236,.14),transparent 68%),#19272ddb;box-shadow:0 0 18px #74c3dd1f}.audio-mute-button{min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;color:#d8eaf0}.audio-mute-button.muted{color:#b9a997}.segmented-control{display:grid;gap:5px;padding:3px;border:1px solid rgba(141,207,227,.12);border-radius:6px;background:#070c125c}.segmented-control button{min-width:0;min-height:28px;padding:0 5px;border-radius:5px;font-size:11px;color:#b9cdd4;background:transparent;white-space:nowrap}.segmented-control button small{display:block;margin-top:1px;color:#98afba;font-size:9px;line-height:1}.segmented-control button.active{color:#f4fbff;border-color:#8dcfe357;background:radial-gradient(circle at 50% 50%,rgba(141,207,227,.14),transparent 70%),#1d2d35b8;box-shadow:inset 0 0 0 1px #bee5ee14}.segmented-control button:disabled{color:#7f8a8f;opacity:.72}.audio-mood-control{grid-template-columns:repeat(3,minmax(0,1fr))}.audio-source-control{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-radio-panel{display:grid;gap:8px;max-height:min(360px,calc(100vh - 330px));overflow-y:auto;padding:9px;border:1px solid rgba(141,207,227,.12);border-radius:6px;background:#070c124d}.desk-radio-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d8edf4;font-size:12px;font-weight:700}.desk-radio-header span{display:flex;align-items:center;gap:6px;min-width:0}.desk-radio-clear{width:26px;height:26px;min-height:26px;display:grid;place-items:center;flex:0 0 26px;padding:0;border-radius:6px}.desk-radio-frame{width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(141,207,227,.16);border-radius:6px;background:#05080d}.desk-radio-frame>div,.desk-radio-frame iframe{display:block;width:100%;height:100%;border:0}.desk-radio-hint,.desk-radio-message{margin:0;color:#b7cbd2;font-size:11px;line-height:1.35}.desk-radio-message{display:grid;gap:5px;padding:8px;border:1px solid rgba(229,187,94,.18);border-radius:6px;background:#e5bb5e12}.desk-radio-now{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;padding:0 7px;border:1px solid rgba(141,207,227,.13);border-radius:6px;color:#d9eef5;background:#0e20276b;font-size:11px}.desk-radio-now span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desk-radio-now a{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:0 6px;border:1px solid rgba(158,217,232,.18);border-radius:5px;color:#9ed9e8;background:#0a161c6b;text-decoration:none}.desk-radio-now a:hover{border-color:#9ed9e85c;color:#d7f6ff}.desk-radio-message strong{color:#f4dfbd}.desk-radio-message a{width:max-content;color:#9ed9e8;text-decoration:none}.desk-radio-message a:hover{text-decoration:underline}.desk-radio-controls{display:grid;grid-template-columns:1fr;gap:7px}.desk-radio-controls input{min-width:0;height:32px;padding:0 8px;border:1px solid rgba(141,207,227,.16);border-radius:6px;color:#f4dfbd;background:#04080ca3}.desk-radio-controls button{width:100%;min-height:32px;padding:0 9px;border-radius:6px;font-size:12px}.audio-sliders{display:grid;gap:9px}.audio-slider{display:grid;grid-template-columns:1fr auto;gap:6px;color:#d9cfbe;font-size:12px}.audio-slider-label{display:flex;align-items:center;min-width:0;gap:5px}.audio-info{position:relative;width:16px;height:16px;display:inline-grid;place-items:center;flex:0 0 16px;border-radius:50%;color:#9bbfca;background:#8dcfe314;box-shadow:inset 0 0 0 1px #8dcfe32e;outline:none}.audio-info:after{content:attr(data-tooltip);position:absolute;z-index:5;bottom:calc(100% + 8px);left:-62px;width:158px;padding:8px 9px;border:1px solid rgba(141,207,227,.22);border-radius:6px;background:#070b11f5;box-shadow:0 12px 32px #00000057;color:#e6d8c0;font-size:11px;line-height:1.35;white-space:normal;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease;pointer-events:none}.audio-info:hover,.audio-info:focus-visible{color:#d8f3fb;background:#8dcfe324;box-shadow:inset 0 0 0 1px #8dcfe34d,0 0 14px #8dcfe31f}.audio-info:hover:after,.audio-info:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.audio-slider output{color:#9bbfca;font-variant-numeric:tabular-nums}.audio-slider input{grid-column:1 / -1;width:100%;accent-color:#8dcfe3}.audio-slider input:disabled{opacity:.42}.control-stack{display:grid;gap:8px}.environment-control{display:grid;gap:7px;padding-top:10px;border-top:1px solid rgba(239,211,166,.12)}.environment-control>span{color:#ffe4ad;font-size:13px;font-weight:700}.scene-environment-control{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-environment-control button{justify-content:center;min-height:28px;padding:0 5px;text-align:center}.control-stack button{min-height:38px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 11px;border-radius:6px}.share-panel{display:grid;gap:8px;margin-top:2px;padding-top:10px;border-top:1px solid rgba(239,211,166,.12)}.share-panel-header span{display:flex;align-items:center;gap:6px;color:#ffe4ad;font-size:13px;font-weight:700}.share-summary{display:grid;gap:2px;min-width:0;padding-bottom:2px}.share-summary span,.share-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-summary span{color:#e9dcc0;font-size:12px;font-weight:700}.share-summary small{color:#98b4bf;font-size:11px}.share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.control-stack .share-actions button{min-height:34px;justify-content:center;gap:6px;padding:0 7px;font-size:12px}@keyframes rain-slide{0%{background-position:0 0,0 0}to{background-position:420px 0,680px 0}}@media(max-width:1180px){.workspace{grid-template-columns:240px minmax(0,1fr);grid-template-areas:"materials sandbox" "materials controls";align-items:start}.sandbox-stage{min-height:auto}.tray{margin-top:28px}.control-panel{max-height:none}}@media(max-width:860px){.workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"sandbox" "materials" "controls";gap:12px;padding:12px}.tool-panel,.control-panel{max-height:none}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-button{min-height:44px;font-size:14px}.tray{margin-top:12px;border-width:8px}.status-bar{min-height:38px}.audio-panel{margin-bottom:0}.segmented-control button,.scene-environment-control button,.audio-enable-button,.desk-radio-controls button{min-height:42px;font-size:12px}.audio-mute-button,.desk-radio-controls input,.control-stack button,.control-stack .share-actions button{min-height:44px}.desk-radio-panel{max-height:none}}