:root{--bg: #0d0d0f;--surface: #16161a;--border: #2a2a2e;--text: #e4e4e7;--muted: #71717a;--accent: #7c3aed;--accent-dim: #5b21b6}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh}input[type=range]{accent-color:var(--accent)}button{cursor:pointer;background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem}button:hover{background:var(--accent-dim)}button:disabled{opacity:.5;cursor:not-allowed}select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-size:.9rem}input[type=text]{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem;font-size:1rem}label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted)}.trazo-layout{display:flex;flex:1;overflow:hidden}@media (max-width: 900px){.trazo-layout{flex-direction:column;overflow:auto}.trazo-aside{width:100%!important;max-width:100%;max-height:55vh;border-right:none!important;border-bottom:1px solid var(--border)}.trazo-main{min-height:50vh}}@media (max-width: 600px){.trazo-header h1{font-size:1.1rem}.trazo-header p{font-size:.8rem}.trazo-aside{padding:.75rem}.trazo-aside section{margin-bottom:1rem}input[type=range]{min-height:28px;touch-action:none}button{min-height:44px;padding:.6rem 1rem}select,input[type=text]{min-height:44px;font-size:16px}}