.panel{background:var(--viz-panel,#162536);border:1px solid var(--viz-border);border-radius:13px;overflow:hidden;margin:12px 0}.pad{padding:13px}.muted,.bar,small,.small{color:var(--viz-muted);font-size:12px;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats article{background:var(--viz-card);border:1px solid var(--viz-border);border-radius:9px;padding:10px;font-size:12px}.stats strong{display:block;font-size:23px}.stats small{display:block}.bar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px}.pad .bar{padding:4px 0 12px}canvas{display:block;width:100%;height:auto}.world{position:relative}.world canvas{touch-action:none;cursor:crosshair;background:#10201c}#overlay{position:absolute;bottom:8px;left:8px;background:rgba(10,23,21,.8);color:#e0e9e2;padding:5px 8px;border-radius:5px;font-size:11px}.actions,.brushes,.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.brushes{grid-template-columns:repeat(4,1fr)}.scenes small{display:block}button,select{background:var(--viz-card);color:var(--viz-text);border:1px solid var(--viz-border);padding:9px;border-radius:8px;cursor:pointer}button.primary{background:var(--viz-accent);color:#fff}button.active{border-color:var(--viz-accent);background:var(--viz-accent-bg)}input[type=range]{width:100%;accent-color:var(--viz-accent)}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:12px}.controls label{font-size:12px}.controls output{float:right;font-weight:700}.controls input{display:block;margin:9px 0}.controls small{display:block}.log{font-size:12px;color:var(--viz-muted);max-height:145px;overflow:auto;margin-top:12px;line-height:2}.log div{border-bottom:1px solid var(--viz-border)}@media(max-width:560px){.stats{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:1fr}.scenes{grid-template-columns:1fr}.brushes{grid-template-columns:repeat(2,1fr)}}