:root{--editor-header-height: 50px;--editor-footer-height: 28px;--editor-bg: #0c0f12;--editor-bg-wash: rgba(128, 140, 152, .08);--editor-surface-0: #0f1317;--editor-surface-1: #13181d;--editor-surface-2: #161b20;--editor-surface-3: #171c21;--editor-border: #242c33;--editor-border-strong: #303841;--editor-separator: #2b333b;--editor-hover: #1a2128;--editor-hover-border: #4a5661;--editor-accent: #64b5f6;--editor-accent-surface: #163047;--editor-accent-text: #cfe7ff;--editor-danger-bg: #241616;--editor-danger-bg-hover: #341b1b;--editor-danger-text: #d7b2b2;--editor-text: #edf1f7;--editor-text-secondary: #b2bcc6;--editor-text-tertiary: #94a0ab;--editor-code: #d6e1ed;--editor-shadow: 0 10px 28px rgba(0, 0, 0, .28);--editor-radius-sm: 4px;--editor-radius-md: 6px;--editor-control-height: 28px;--editor-transition: .12s ease;--editor-inset: inset 0 1px 0 rgba(255, 255, 255, .02), inset 0 0 0 1px rgba(0, 0, 0, .16);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--editor-text);background:linear-gradient(180deg,var(--editor-bg-wash),transparent 28%),linear-gradient(180deg,#10151a 0%,var(--editor-bg) 42%);color-scheme:dark}html,body,#react-root{min-height:100%}html,body{margin:0;background:radial-gradient(circle at 50% 0%,rgba(143,155,168,.09),transparent 32%),linear-gradient(180deg,#11161b 0%,var(--editor-bg) 44%);color:var(--editor-text);font:12px/1.45 Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{overscroll-behavior:none}#app,#terrain-canvas{display:block;width:100%;height:100%}#app{position:fixed;inset:0;background:radial-gradient(circle at 50% 0%,rgba(101,138,173,.08),transparent 36%),#0d1114}#app:after{content:"";position:absolute;pointer-events:none;z-index:0}#app:after{left:0;right:0;top:0;height:28px;border-bottom:1px solid rgba(49,58,67,.55);background:linear-gradient(180deg,#1e252cb8,#0f14182e)}.demo-viewport-canvas{position:relative;z-index:1;outline:none;background:radial-gradient(circle at 50% 0%,rgba(124,142,161,.09),transparent 34%),linear-gradient(180deg,rgba(28,35,40,.18),transparent 18%),#0d1114}.demo-shell{position:absolute;inset:0;display:grid;grid-template-rows:var(--editor-header-height) minmax(0,1fr) var(--editor-footer-height)}.demo-shell-header,.demo-shell-footer{position:relative;z-index:2;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid rgba(49,58,67,.55);background:linear-gradient(180deg,#1e252ce6,#0f1418d1);color:var(--editor-text-tertiary);font-size:11px;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 -1px #080b0ecc}.demo-shell-header{justify-content:flex-start;gap:12px}.demo-brand-wrap{display:inline-flex;align-items:center;gap:14px;min-width:0}.demo-shell-header-actions{position:absolute;left:332px;top:50%;display:inline-flex;align-items:center;justify-content:flex-start;transform:translateY(-50%)}.demo-shell-header-actions-trailing{left:auto;right:14px}.demo-brand-picker{display:inline-flex;align-items:center;gap:6px}.demo-brand-option{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--editor-border);background:#161b20;color:inherit;cursor:pointer;box-shadow:var(--editor-inset);transition:border-color var(--editor-transition),background-color var(--editor-transition)}.demo-brand-option:hover{border-color:var(--editor-hover-border);background:#1c232a}.demo-brand-option.is-active{border-color:var(--editor-accent);background:var(--editor-accent-surface)}.demo-brand-option:focus-visible{outline:2px solid var(--editor-accent);outline-offset:1px}.demo-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.demo-brand-text{display:inline-flex;align-items:baseline;gap:10px;min-width:0}.demo-brand-current{display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.demo-brand-icon{width:28px;height:28px;flex:0 0 auto}.demo-brand-name{color:var(--editor-text);display:inline-flex;align-items:baseline;gap:.02em;font-weight:600;line-height:1;text-transform:none}.demo-brand-name-initial{font-size:20px;letter-spacing:.02em}.demo-brand-name-suffix{font-size:12px;letter-spacing:.16em}.demo-brand-tag{color:var(--editor-text-tertiary);font-size:10px;letter-spacing:.12em;text-transform:uppercase;line-height:1}.demo-shell-footer{border-top:1px solid rgba(49,58,67,.55);border-bottom:0;background:linear-gradient(180deg,#11161bf5,#0d1114fa);box-shadow:inset 0 1px #ffffff08;text-transform:none;letter-spacing:0}.demo-shell-footer-content{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.demo-shell-viewport{position:relative;min-height:0}.demo-panel{position:relative;border:1px solid var(--editor-border);border-radius:0;background:linear-gradient(180deg,#1c232ac2,#13181df0 18%,#0f1317f7);color:var(--editor-text);font:12px/1.45 Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}.demo-panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:#7990a614;pointer-events:none}.demo-panel::-webkit-scrollbar{width:10px}.demo-panel::-webkit-scrollbar-track{background:#101419}.demo-panel::-webkit-scrollbar-thumb{border:2px solid #101419;border-radius:999px;background:#2d363e}.editor-panel-content{display:grid;gap:7px}.editor-heading{margin:-12px -12px 4px;padding:8px 12px 9px;border-bottom:1px solid var(--editor-separator);background:linear-gradient(180deg,#1b2229eb,#141a1fe0);color:var(--editor-text);font-size:13px;font-weight:600;letter-spacing:.015em;box-shadow:inset 0 1px #ffffff08}.editor-section-label{margin-top:10px;color:var(--editor-text-tertiary);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.editor-panel-content>.editor-section-label:first-child{margin-top:0}.editor-divider{height:1px;margin-top:10px;background:var(--editor-separator)}.editor-field-group{display:grid;gap:3px}.editor-field-label,.editor-label-muted{color:var(--editor-text-secondary);font-size:11px}.editor-meta{color:var(--editor-text-tertiary)}.editor-code{font-family:Consolas,Courier New,monospace;color:var(--editor-code)}.editor-control,.editor-button,.editor-select,.editor-input,.editor-textarea{font:inherit;transition:border-color var(--editor-transition),background-color var(--editor-transition),color var(--editor-transition),opacity var(--editor-transition)}.editor-input,.editor-select,.editor-textarea{width:100%;box-sizing:border-box;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:#101419;color:var(--editor-text);box-shadow:var(--editor-inset)}.editor-input,.editor-select{min-height:var(--editor-control-height);padding:4px 8px}.editor-textarea{padding:6px 8px;resize:vertical;line-height:1.4}.editor-select{appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,#8ca6bc 50%),linear-gradient(135deg,#8ca6bc 50%,transparent 50%);background-position:calc(100% - 14px) 11px,calc(100% - 9px) 11px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.editor-input:hover,.editor-select:hover,.editor-textarea:hover{border-color:var(--editor-hover-border);background:#12171d}.editor-input:focus-visible,.editor-select:focus-visible,.editor-textarea:focus-visible,.editor-button:focus-visible,.editor-tab:focus-visible,.editor-toggle-input:focus-visible+.editor-toggle-track,.editor-checkbox-input:focus-visible+.editor-checkbox-box{outline:2px solid var(--editor-accent);outline-offset:1px}.editor-button{min-height:var(--editor-control-height);padding:5px 10px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:#1a1f24;color:var(--editor-text);cursor:pointer;text-align:left;letter-spacing:.01em;box-shadow:var(--editor-inset)}.editor-button:hover{border-color:var(--editor-hover-border);background:var(--editor-hover)}.editor-button-header{min-height:30px;padding:5px 12px 6px;border-color:#3a4956;background:#20272f;color:#f1f6fc;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.editor-button-header:hover{border-color:#556474;background:#26303a}.editor-button:active,.editor-button.is-active{border-color:var(--editor-accent);background:var(--editor-accent-surface);color:var(--editor-accent-text)}.editor-button.is-danger{background:var(--editor-danger-bg);color:var(--editor-danger-text)}.editor-button.is-danger:hover{background:var(--editor-danger-bg-hover);border-color:#573535}.editor-button:disabled,.editor-input:disabled,.editor-select:disabled,.editor-textarea:disabled{opacity:.46;cursor:default}.editor-tab-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px;width:100%;box-sizing:border-box}.editor-tab{min-height:28px;padding:4px 6px 5px;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:var(--editor-surface-2);color:var(--editor-text-secondary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:inherit;transition:border-color var(--editor-transition),background-color var(--editor-transition),color var(--editor-transition);box-shadow:var(--editor-inset)}.editor-tab:hover{border-color:var(--editor-hover-border);background:#1b2229;color:var(--editor-text)}.editor-tab.is-active{border-color:var(--editor-accent);background:var(--editor-accent-surface);color:var(--editor-accent-text)}.editor-card,.editor-status,.editor-list-row{border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);background:var(--editor-surface-1);box-shadow:var(--editor-inset)}.editor-card,.editor-status{padding:7px 8px}.editor-smooth-world-panel{display:grid;gap:7px}.editor-status{color:var(--editor-text-secondary);white-space:pre-wrap}.editor-list-row{padding:6px 8px}.editor-list-row+.editor-list-row{border-top:1px solid var(--editor-separator)}.editor-list-row.is-selected{border-color:var(--editor-accent);background:#163047db}.editor-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-range-wrap{display:grid;gap:3px}.editor-range-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--editor-text-secondary)}.editor-range-value{font-family:Consolas,Courier New,monospace;color:var(--editor-code)}.editor-range{appearance:none;width:100%;height:6px;margin:5px 0 1px;border-radius:999px;background:linear-gradient(180deg,#0d1216,#131921);border:1px solid var(--editor-border);box-shadow:var(--editor-inset)}.editor-range::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:999px;border:1px solid #90bde3;background:linear-gradient(180deg,#dbe9f6,#adc2d7)}.editor-range::-moz-range-thumb{width:11px;height:11px;border-radius:999px;border:1px solid #90bde3;background:linear-gradient(180deg,#dbe9f6,#adc2d7)}.editor-range::-webkit-slider-runnable-track,.editor-range::-moz-range-track{background:transparent}.editor-checkbox-row,.editor-toggle-row{display:flex;align-items:center;gap:8px;min-height:24px;color:var(--editor-text-secondary);line-height:1.25}.editor-checkbox-input,.editor-toggle-input{position:absolute;opacity:0;pointer-events:none}.editor-checkbox-box{width:14px;height:14px;box-sizing:border-box;border:1px solid var(--editor-border-strong);border-radius:3px;background:#0f1419;position:relative;flex:0 0 auto;box-shadow:var(--editor-inset)}.editor-checkbox-input:checked+.editor-checkbox-box{border-color:var(--editor-accent);background:var(--editor-accent-surface)}.editor-checkbox-input:checked+.editor-checkbox-box:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid var(--editor-accent-text);border-width:0 2px 2px 0;transform:rotate(45deg)}.editor-toggle-track{width:30px;height:16px;border-radius:999px;border:1px solid var(--editor-border-strong);background:#101419;position:relative;flex:0 0 auto;transition:border-color var(--editor-transition),background-color var(--editor-transition);box-shadow:var(--editor-inset)}.editor-toggle-track:after{content:"";position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:999px;background:#c0ccd6;transition:transform var(--editor-transition),background-color var(--editor-transition)}.editor-toggle-input:checked+.editor-toggle-track{border-color:var(--editor-accent);background:var(--editor-accent-surface)}.editor-toggle-input:checked+.editor-toggle-track:after{transform:translate(14px);background:#d9ecff}.editor-footer-status{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--editor-text-secondary);font:11px/1.45 Consolas,Courier New,monospace}.editor-footer-status-highlight{color:var(--editor-text)}.editor-footer-performance{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--editor-text-secondary);font:11px/1.45 Consolas,Courier New,monospace;text-align:right}.editor-empty{color:var(--editor-text-tertiary);font-size:11px}.editor-button,.editor-tab,.editor-checkbox-row,.editor-toggle-row,.editor-range,.editor-input,.editor-select{-webkit-tap-highlight-color:transparent}input[type=color].editor-input{padding:2px;min-height:32px}