:root{--bg:#0e1013;--panel:#171a1f;--panel-2:#1f242b;--line:#2b313a;--text:#e8ecf2;--muted:#98a2b3;--accent:#2c6cff;--danger:#ff5f56;--ok:#3ecf8e;--warn:#f5a623;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior-y:none;font:14px/1.5 -apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:7px 12px;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#2a3039;border-color:#3a424e}button:disabled{opacity:.42;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:#1f5be0}button.ghost{background:0 0}.app{grid-template-rows:auto 1fr;height:100%;min-height:0;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.topbar .brand{letter-spacing:.3px;margin-right:4px;font-weight:700}.topbar .spacer{flex:auto}.badge-demo{color:var(--warn);border:1px solid color-mix(in srgb, var(--warn) 40%, transparent);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px}.save-state{color:var(--muted);white-space:nowrap;font-size:12px}.save-state.dirty{color:var(--warn)}.workspace{grid-template-columns:236px 1fr 320px;height:100%;min-height:0;display:grid}.panel{background:var(--panel);border-right:1px solid var(--line);min-height:0;padding:12px;overflow-y:auto}.panel.right{border-right:none;border-left:1px solid var(--line)}.panel h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:12px}.panel section+section{margin-top:18px}.stage{background:#0b0d10;min-height:0;position:relative}.stage-canvas{position:absolute;inset:0}.stage-toolbar{background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;gap:6px;padding:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.stage-toolbar button{white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:13px}.stage-overlay{text-align:center;background:#0b0d10eb;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.stage-overlay .inner{max-width:420px}.stage-overlay h2{margin:0 0 8px;font-size:17px}.stage-overlay p{color:var(--muted);margin:0 0 14px}.region-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;width:100%;margin-bottom:4px;padding:8px 9px;display:flex}.region-item:hover{background:var(--panel-2)}.region-item[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 20%, transparent);border-color:var(--accent)}.region-swatch{border:1px solid #ffffff38;border-radius:5px;flex:none;width:18px;height:18px}.region-meta{min-width:0}.region-meta .name{font-weight:600;display:block}.region-meta .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.field{margin-bottom:12px}.field label{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.field label b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}.field input[type=range]{width:100%;accent-color:var(--accent)}.field input[type=color]{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;width:100%;height:32px;padding:2px}.field select,.field input[type=text],.field textarea{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;width:100%;padding:7px 9px}.field textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.row{flex-wrap:wrap;gap:8px;display:flex}.row>*{flex:auto}.note{color:var(--muted);margin:8px 0 0;font-size:12px}.msg{white-space:pre-wrap;border-radius:8px;margin-top:10px;padding:9px 11px;font-size:13px}.msg.error{background:color-mix(in srgb, var(--danger) 16%, transparent);border:1px solid color-mix(in srgb, var(--danger) 45%, transparent)}.msg.ok{background:color-mix(in srgb, var(--ok) 14%, transparent);border:1px solid color-mix(in srgb, var(--ok) 40%, transparent)}.msg.warn{background:color-mix(in srgb, var(--warn) 14%, transparent);border:1px solid color-mix(in srgb, var(--warn) 40%, transparent)}.msg ul{margin:6px 0 0;padding-left:18px}.msg li{margin:3px 0}.diff{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;margin-top:10px;padding:9px}.diff .head{margin-bottom:4px;font-weight:600}.diff .line{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:12px}.diff .line b{color:var(--text);font-weight:500}.link-box{gap:6px;margin-top:8px;display:flex}.link-box input{flex:auto;font-family:ui-monospace,Menlo,monospace;font-size:12px}.stat-grid{grid-template-columns:auto 1fr;gap:3px 10px;font-size:12px;display:grid}.stat-grid dt{color:var(--muted)}.stat-grid dd{font-variant-numeric:tabular-nums;margin:0}.tabs{display:none}@media (width<=860px){.workspace{grid-template-rows:minmax(38vh,44vh) auto 1fr;grid-template-columns:1fr}.stage{grid-row:1}.tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);z-index:2;grid-row:2;display:flex;position:sticky;top:0}.tabs button{color:var(--muted);background:0 0;border:none;border-radius:0;flex:1;padding:11px 4px;font-weight:600}.tabs button[aria-selected=true]{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.panel{-webkit-overflow-scrolling:touch;padding-bottom:calc(18px + env(safe-area-inset-bottom));border:none;grid-row:3}.panel[hidden]{display:none}.topbar{gap:7px;padding:8px 10px}.topbar button{white-space:nowrap;padding:6px 9px;font-size:13px}.stage-toolbar{padding:4px;bottom:10px}.stage-toolbar button{padding:5px 9px;font-size:12px}}