:root{--bg: #F5F6F8;--panel: #FFFFFF;--border: #E5E7EB;--text: #1F2937;--muted: #6B7280;--accent: #5B5FC7;--accent-hover: #4A4DB5;--secondary: #E8E9F3;--canvas-bg: #FAFBFC}*{box-sizing:border-box}body{background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:340px 1fr;height:100%}.left{border-right:1px solid var(--border);background:var(--panel);padding:16px;overflow-y:auto;box-shadow:2px 0 8px #0000000a;display:flex;flex-direction:column;position:relative}.right{position:relative;background:var(--canvas-bg)}.hstack{display:flex;gap:8px;align-items:center}.vstack{display:flex;flex-direction:column;gap:6px}.group{border:1px solid var(--border);border-radius:8px;padding:8px;background:#fafbfc}.group h3{margin:0 0 6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:500}input[type=text],input[type=number],select,button{width:100%;padding:7px 10px;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:12px;transition:all .15s ease}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5b5fc71a}button{cursor:pointer;font-weight:500;transition:all .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}.small{font-size:12px;color:var(--muted)}.badge{background:var(--secondary);padding:4px 8px;border-radius:6px;border:1px solid var(--border);color:var(--text);font-size:12px}.sticky-top{position:sticky;top:0;background:var(--panel);z-index:10;margin:-16px -16px 16px;padding:16px;box-shadow:0 2px 8px #0000000a}.footer{position:fixed;bottom:0;left:0;width:340px;padding:12px 16px;background:var(--panel);border-top:1px solid var(--border);z-index:9;box-shadow:0 -2px 8px #0000000a}.pill{padding:8px 12px;border-radius:8px;background:var(--panel);border:1px solid var(--border);font-size:12px;box-shadow:0 1px 2px #0000000a}.grid-overlay{position:absolute;inset:0;pointer-events:none}