.app{display:grid;grid-template-rows:auto 1fr;height:100%}.body{display:grid;grid-template-columns:240px 1fr 280px;min-height:0}.left,.right{background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;padding:14px}.right{border-right:none;border-left:1px solid var(--border)}.center{position:relative;background:var(--canvas-bg);min-width:0;overflow:hidden}.panel-section{margin-bottom:18px}.field-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.field-row>label{flex:0 0 84px}.field-row>input{flex:1}.hint{font-size:12px;color:var(--text-dim);line-height:1.4}.btn-row{display:flex;gap:6px;flex-wrap:wrap}:root{--bg: #1e1f24;--panel: #2a2c33;--panel-2: #33363f;--border: #3d404a;--text: #e6e7ea;--text-dim: #9aa0ad;--accent: #4f9cf9;--accent-dim: #2c4a73;--danger: #e25c5c;--canvas-bg: #16171b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);font-size:14px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg)}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer}button:hover{background:#3c3f49}button.active{background:var(--accent-dim);border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}input[type=number],input[type=text]{font:inherit;color:var(--text);background:var(--canvas-bg);border:1px solid var(--border);border-radius:5px;padding:5px 7px;width:100%}input[type=color]{width:36px;height:28px;padding:0;border:1px solid var(--border);border-radius:5px;background:none;cursor:pointer}label{color:var(--text-dim);font-size:12px}h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}hr{border:none;border-top:1px solid var(--border);margin:14px 0}