:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{color:#e8e8ee;background:#0d0e12;height:100%;margin:0;overflow:hidden}.app{flex-direction:column;height:100vh;display:flex}.topbar{background:#15161c;border-bottom:1px solid #262832;align-items:center;gap:8px;padding:8px 14px;display:flex}.logo{letter-spacing:.08em;color:#ffd866;margin-right:12px;font-weight:800}.topbar button{color:#c8c8d2;cursor:pointer;background:#1e2028;border:1px solid #2e3140;border-radius:8px;padding:6px 14px;font-size:13px;transition:background .15s,color .15s}.topbar button.active{color:#15161c;background:#ffd866;font-weight:700}.topbar-import{margin-left:auto}.game-root{flex:1;position:relative}.game-root canvas{display:block}.hud{pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0e12bf;border:1px solid #2e3140;border-radius:10px;padding:10px 14px;font-size:14px;position:absolute;top:12px;left:12px}.hud-row{gap:18px;margin:2px 0;display:flex}.hud-health{font-weight:700}.hud-score{color:#ffd866;font-weight:700}.overlay-panel{background:#111218f5;border-left:1px solid #2e3140;width:420px;height:100%;padding:16px;position:absolute;top:0;right:0;overflow-y:auto}.config-menu h2{justify-content:space-between;align-items:center;font-size:15px;display:flex}.config-menu .hint{color:#8a8a96;margin:4px 0 10px;font-size:12px}.config-menu section{margin-bottom:24px}.config-menu details{background:#1a1c24;border-radius:8px;margin:6px 0;padding:6px 10px}.config-menu summary{cursor:pointer;font-size:13px;font-weight:600}.config-menu button{color:#c8c8d2;cursor:pointer;background:#1e2028;border:1px solid #2e3140;border-radius:6px;padding:3px 10px;font-size:12px}.tile-list{flex-direction:column;gap:6px;display:flex}.tile-row{align-items:center;gap:10px;font-size:13px;display:flex}.tile-swatch{border:1px solid #2e3140;border-radius:6px;flex-shrink:0;width:28px;height:28px}.tile-name{flex:1}.slider-row{grid-template-columns:90px 1fr 64px;align-items:center;gap:8px;margin:4px 0;font-size:12px;display:grid}.slider-row input[type=number]{color:#e8e8ee;background:#1a1c24;border:1px solid #2e3140;border-radius:6px;width:64px;padding:3px 6px}.slider-row .val{text-align:right;color:#ffd866}input[type=range]{accent-color:#ffd866}.upload-inline{color:#c8c8d2;cursor:pointer;font-size:12px}.upload-inline input[type=file]{display:none}.upload-inline:after{content:" ⬆"}label.upload-inline{background:#1e2028;border:1px solid #2e3140;border-radius:6px;padding:4px 10px}.editor-layout{flex:1;min-height:0;display:flex}.editor-viewport{flex:1;position:relative}.editor-panel{background:#111218;border-left:1px solid #2e3140;width:360px;padding:16px;overflow-y:auto}.editor-panel h2{margin-top:0;font-size:16px}.editor-panel h3{text-transform:uppercase;letter-spacing:.08em;color:#8a8a96;margin:14px 0 4px;font-size:12px}.editor-panel label{flex-direction:column;gap:4px;margin:8px 0;font-size:13px;display:flex}.editor-panel select{color:#e8e8ee;background:#1a1c24;border:1px solid #2e3140;border-radius:8px;padding:6px}.editor-panel button{color:#c8c8d2;cursor:pointer;background:#1e2028;border:1px solid #2e3140;border-radius:8px;padding:7px 12px;font-size:13px}.editor-panel button.active{color:#fff;background:#2e3140}.editor-panel button.primary{color:#15161c;background:#ffd866;font-weight:700}.gizmo-modes{gap:6px;margin:10px 0;display:flex}.editor-actions{align-items:center;gap:8px;margin-top:14px;display:flex}.upload input[type=file]{font-size:12px}