:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#162a32;--muted:#6c7f86;--panel:#fafdfce0;--line:#24464e21;--accent:#1f748a;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);background:#eaf0ee;margin:0;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}.titlebar{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:24px;left:28px;right:28px}.eyebrow{letter-spacing:.21em;color:#5b747d;margin:0 0 4px;font-size:10px;font-weight:700}h1{letter-spacing:-.035em;margin:0;font-size:25px;font-weight:760}h1 span{color:#70848a;letter-spacing:0;margin-left:8px;font-size:14px;font-weight:520}.status{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);background:#ffffffb3;border-radius:999px;margin-top:1px;padding:8px 12px;font-size:11px}.top-actions{pointer-events:auto;align-items:center;gap:8px;display:flex}.language-button{color:#fff;letter-spacing:.01em;background:#173f49;border-color:#173f49;border-radius:999px;min-width:66px;padding:8px 12px;font-weight:680}.language-button:hover{background:#205563;border-color:#205563}.panel{z-index:4;background:var(--panel);-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);border:1px solid #ffffffb3;border-radius:18px;width:272px;max-height:calc(100vh - 112px);padding:17px;position:fixed;top:88px;left:24px;overflow:auto;box-shadow:0 18px 55px #223d4326,inset 0 0 0 1px #1b404b0a}.panel section+section{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.section-title{letter-spacing:.12em;color:#61767d;margin:0 0 10px;font-size:10px;font-weight:760}button{color:#29444c;font:inherit;cursor:pointer;background:#ffffffb8;border:1px solid #254e5824;border-radius:9px;padding:8px 7px;font-size:11px;transition:all .18s}button:hover{background:#fff;border-color:#1f748a61;transform:translateY(-1px)}button.active{color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:0 6px 16px #1f748a38}.preset-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.view-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.color-row{color:#334e55;justify-content:space-between;align-items:center;height:32px;font-size:12px;display:flex}.color-row span{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #14323c0f}.soil{background:#9a6638}.water{background:#70c6ea}.acrylic{background:#d8f2fa}.rubber{background:#1769aa}.lamp{background:#ffad45}input[type=color]{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;width:33px;height:23px;padding:1px}.range-row{color:#415b62;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;margin-bottom:9px;font-size:11px;display:grid}.range-row output{color:#789097;font-variant-numeric:tabular-nums}.range-row input{width:100%;accent-color:var(--accent);grid-column:1/-1}.save{color:#fff;background:#173f49;border-color:#173f49;width:100%;margin-top:17px;padding:10px;font-weight:650}.hint{text-align:center;color:#8a9a9e;margin:10px 0 0;font-size:10px}.legend{z-index:3;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#687c83;background:#ffffffb8;border-radius:999px;gap:18px;padding:9px 13px;font-size:10px;display:flex;position:fixed;bottom:22px;right:28px}.legend span{align-items:center;gap:6px;display:flex}.legend-line{border-radius:9px;width:14px;height:3px}.water-line{background:#65bfdf}.soil-line{background:#946139}.light-line{background:#ffad45}body.clean-export .titlebar,body.clean-export .panel,body.clean-export .legend{display:none}@media (max-width:760px){.titlebar{top:14px;left:14px;right:14px}.panel{width:auto;max-height:46vh;inset:auto 10px 10px}.legend,h1 span,.status{display:none}.language-button{min-width:60px}}