:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#111418;--bg-toolbar:#15191e;--bg-sidebar:#171b20;--bg-panel:#1c2127;--bg-elevated:#242a31;--bg-viewport:#292e36;--bg-input:#20252c;--bg-hover:#2a313a;--bg-active:#313944;--border:#303740;--border-light:#3a424d;--divider:#2a313a;--text-primary:#f1f3f5;--text-secondary:#aeb6bf;--text-muted:#77818c;--text-disabled:#5f6873;--primary:#2f81f7;--primary-hover:#4095ff;--primary-active:#246bce;--accent:#22b8cf;--accent-hover:#2ecbe3;--accent-active:#1699af;--gold:#e3ae2b;--gold-soft:#f2c14e;--success:#2fb344;--warning:#f59f00;--danger:#e03131;--info:#4dabf7;--selection:#2f81f738;--focus-ring:#2f81f759;--drawer-toggle-top:10px;font-family:Microsoft YaHei UI,Microsoft YaHei,Segoe UI,sans-serif;font-size:13px;font-weight:400}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f5f7f9;--bg-toolbar:#f7f9fc;--bg-sidebar:#fff;--bg-panel:#fff;--bg-elevated:#f0f3f6;--bg-viewport:#eef2f6;--bg-input:#fff;--bg-hover:#e9eef4;--bg-active:#dde6f2;--border:#d8dee5;--border-light:#e5eaf0;--divider:#e3e8ee;--text-primary:#1b1f23;--text-secondary:#525a65;--text-muted:#7a8490;--text-disabled:#a0a8b2;--primary:#246bce;--primary-hover:#2f81f7;--primary-active:#1e5aae;--accent:#1fa4b8;--accent-hover:#22b8cf;--accent-active:#178596;--gold:#d4a11e;--gold-soft:#e8be55;--success:#2f9e44;--warning:#e38b00;--danger:#d63333;--info:#228be6;--selection:#246bce26;--focus-ring:#246bce40}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;background:var(--bg-app);height:100dvh;color:var(--text-primary);accent-color:var(--primary);margin:0;overflow:hidden}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.app-layout{height:100%}.app-splash{z-index:30;background:var(--bg-app);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-stage{perspective:520px;flex-direction:column;align-items:center;gap:18px;display:flex}.splash-flip{width:96px;height:96px;transform-style:preserve-3d;animation:1.8s ease-in-out infinite splash-flip;position:relative}.splash-logo{background:var(--bg-elevated);object-fit:contain;backface-visibility:hidden;filter:brightness(1.85)contrast(1.22)saturate(1.15);border-radius:50%;width:96px;height:96px;display:block;position:absolute;inset:0}.splash-logo-back{transform:rotateY(180deg)}.splash-label{color:var(--text-secondary);letter-spacing:.06em;margin:0;font-size:14px;font-weight:500}@keyframes splash-flip{0%{transform:rotateY(0)}45%{transform:rotateY(180deg)}50%{transform:rotateY(180deg)}95%{transform:rotateY(360deg)}to{transform:rotateY(360deg)}}@media (prefers-reduced-motion:reduce){.splash-flip{animation:none}}.viewport-stack{flex:1;min-width:0;min-height:0;position:relative}.viewport-tools{top:var(--drawer-toggle-top);z-index:3;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;right:12px}.viewport-tools>*{pointer-events:auto}.pick-readout{z-index:3;border:1px solid var(--border-light);border-left:3px solid var(--primary);background:var(--bg-panel);max-width:min(340px,100% - 180px);color:var(--text-primary);pointer-events:none;padding:10px 12px 10px 14px;font-size:13px;line-height:1.5;position:absolute;bottom:18px;right:158px;box-shadow:0 8px 22px #0000006b}.pick-readout p{color:var(--text-primary);margin:0}.pick-readout .title{margin-bottom:2px;font-size:14px;font-weight:600}.pick-readout .copied{color:var(--accent);margin-top:4px;font-weight:500}html[data-theme=light] .pick-readout{box-shadow:0 8px 20px #1b1f2329}.viewport-tools .action{justify-content:center;align-items:center;height:32px;line-height:1;display:inline-flex}.viewport-tools .action:not(.icon-action){padding:0 10px}.nav-hint{border-top:1px solid var(--divider);color:var(--text-secondary);flex-direction:column;flex-shrink:0;gap:4px;margin:auto 0 0;padding-top:10px;font-size:12px;font-weight:400;line-height:1.4;display:flex}.nav-hint-row{align-items:flex-start;gap:8px;display:flex}.nav-hint-kind{color:var(--text-primary);flex:none;font-size:13px;font-weight:700}.action{border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);cursor:pointer;padding:5px 10px;font-size:14px;font-weight:500}.action:hover{background:var(--bg-hover);border-color:var(--border-light)}.icon-action{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.icon-action svg{width:18px;height:18px}.viewport-tools .icon-action svg{width:20px;height:20px}.workspace{height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.layer-drawer{width:var(--drawer-width,380px);background:var(--bg-sidebar);border-right:1px solid var(--border);flex:none;margin-left:0;transition:margin-left .22s;position:relative;overflow:hidden}.layer-drawer:not(.open){margin-left:calc(-1 * var(--drawer-width,380px));pointer-events:none}.layer-drawer.resizing{transition:none}.layer-panel{flex-direction:column;width:100%;height:100%;padding:10px;display:flex;overflow:hidden}.layer-panel-body{flex:1;min-height:0;overflow:auto}.sidebar-brand{border-bottom:1px solid var(--divider);--brand-block-height:calc(16px * 1.35 + 6px + 12px * 1.4);align-items:center;gap:8px;margin:0 0 12px;padding:0 40px 10px 0;display:flex}.sidebar-logo-wrap{flex:0 0 var(--brand-block-height);width:var(--brand-block-height);height:var(--brand-block-height);background:var(--bg-elevated);border-radius:50%;align-self:center}.sidebar-logo{object-fit:contain;filter:brightness(1.85)contrast(1.22)saturate(1.15);width:100%;height:100%;display:block}.sidebar-brand-text{flex:1;min-width:0}.sidebar-brand h1{color:var(--text-primary);margin:0;font-size:16px;font-weight:600;line-height:1.35}.sidebar-brand .edition{color:var(--text-secondary);margin:6px 0 0;font-size:12px;font-weight:400;line-height:1.4}.layer-panel-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.layer-panel h2{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.layer-panel-actions{align-items:center;gap:6px;display:flex}.drawer-close,.drawer-toggle{border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500}.drawer-close{padding:3px 8px}.drawer-close:hover,.drawer-toggle:hover,.drawer-resize:hover{background:var(--bg-hover);border-color:var(--border-light)}.drawer-close:disabled{color:var(--text-disabled);opacity:1;cursor:default}.drawer-close:disabled:hover{background:var(--bg-input);border-color:var(--border)}.drawer-resize{cursor:col-resize;touch-action:none;width:6px;height:100%;position:absolute;top:0;right:0}.drawer-toggle{top:var(--drawer-toggle-top);z-index:5;position:absolute}.layer-drawer>.drawer-toggle{right:10px}.viewport-stack>.drawer-toggle{left:8px}.panel-error{color:var(--danger);margin:0 0 12px;font-size:12px;line-height:1.4}.layer-panel ul{margin:0;padding:0;list-style:none}.layer-panel li{background:var(--bg-panel);margin-bottom:4px;padding:4px 6px}.layer-panel li:hover{background:var(--bg-hover)}.layer-row{grid-template-columns:minmax(0,1.25fr) 22px minmax(64px,1fr) 32px;align-items:center;gap:6px;display:grid}.layer-panel label{align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:400;display:flex}.layer-panel label .layer-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-panel label .demo-tag,.layer-panel label .layer-status{flex-shrink:0}.elevation-ramp,.texture-swatch,.layer-row input[type=color]{border:1px solid var(--border);width:22px;height:16px}.elevation-ramp{background:linear-gradient(90deg,#1733d8,#17d4f0,#2fd14a,#f2e31a,#e31b1b)}.field-ramp-picker{width:22px;height:16px}.field-ramp-swatch{border:1px solid var(--border);cursor:pointer;background-color:#0000;background-size:100% 100%;border-radius:2px;width:22px;height:16px;padding:0;display:block}.field-ramp-swatch:disabled{cursor:default;opacity:.55}.field-ramp-menu{z-index:40;box-sizing:border-box;background:var(--bg-elevated);border:1px solid var(--border);min-width:168px;padding:4px;position:fixed;box-shadow:0 8px 24px #00000047}.field-ramp-option{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:5px 6px;display:flex}.field-ramp-option:hover{background:var(--bg-hover)}.field-ramp-option[aria-selected=true]{background:var(--bg-active)}.field-ramp-option .field-ramp-swatch{pointer-events:none;cursor:default;width:48px}.texture-swatch{background:linear-gradient(135deg,#285a288c,#0000 55%),linear-gradient(90deg,#3d5a2a,#8a8a4a,#6b4a2a)}.layer-row input[type=color]{background:0 0;height:20px;padding:0}.layer-row input[type=range]{width:100%;min-width:0}.opacity-label,.layer-status{color:var(--text-muted);font-size:12px}.opacity-label{text-align:right}.layer-status.is-error{color:var(--danger)}.demo-tag{color:var(--accent);border:1px solid var(--accent);padding:0 5px;font-size:12px;font-weight:500}.viewport{touch-action:none;width:100%;height:100%;position:relative}.grid-label-overlay,.isoline-label-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.grid-label-overlay{z-index:1}.isoline-label-overlay{z-index:2}.field-layer-list{border-top:1px solid var(--divider);margin-top:8px;padding-top:12px}.field-layer-gap{min-width:0;display:block}.field-layer-none:hover{background:var(--bg-hover)}.field-layer-list h3,.analysis-panel h3{color:var(--text-primary);margin:0 0 6px;font-size:14px;font-weight:600}.analysis-panel{border-top:1px solid var(--divider);margin-top:8px;padding-top:12px}.layer-panel label.analysis-select{min-width:0;color:var(--text-secondary);grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:grid}.analysis-select>span{white-space:nowrap}.analysis-select select{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text-primary);padding:4px 6px}.analysis-note{color:var(--text-muted);margin:0 0 10px;font-size:12px;font-weight:400}.analysis-row{align-items:center;gap:8px;margin:8px 0 4px;font-size:13px;display:flex}.analysis-control{color:var(--text-muted);grid-template-columns:48px 1fr 58px;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:grid}.analysis-control input[type=range]{width:100%}.analysis-value{text-align:right}@media (max-width:900px){.workspace{flex-direction:column}.viewport-stack{flex:auto;order:1;width:100%;min-height:0}.workspace:has(.layer-drawer.open) .viewport-stack{aspect-ratio:1;flex:none;align-self:center;width:min(100vw,100dvh - 128px);max-width:100%;height:min(100vw,100dvh - 128px)}.layer-drawer{border-right:none;order:2;transition:transform .22s;width:100%!important;margin-left:0!important}.layer-drawer.open{border-top:1px solid var(--border);flex:auto;height:auto;min-height:0;transform:none}.layer-drawer:not(.open){border-top:none;flex:0 0 0;height:0;min-height:0;transition:transform .22s,height 0s linear .22s,min-height 0s linear .22s,flex-basis 0s linear .22s;overflow:hidden;transform:translate(-100%)}.layer-panel-body{-webkit-overflow-scrolling:touch}.drawer-resize{display:none}.viewport-stack>.drawer-toggle{top:auto;bottom:12px;left:8px}.layer-drawer>.drawer-toggle svg{transform:rotate(-90deg)}.layer-row{grid-template-columns:minmax(0,1.2fr) 22px minmax(48px,1fr) 36px;gap:4px}}