.histo-layout{display:grid;grid-template-columns:minmax(380px,450px) 1fr;gap:16px}@media(max-width:900px){.histo-layout{grid-template-columns:1fr}}.panel-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.histo-form{display:flex;flex-direction:column;gap:14px}.histo-field{display:flex;flex-direction:column;gap:6px}.histo-field label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}.histo-input{width:100%;padding:10px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;outline:none}.histo-input:focus{border-color:var(--accent)}.canvas-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}@media(max-width:600px){.canvas-preview-grid{grid-template-columns:1fr}}.canvas-panel{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.canvas-panel h4{margin:0;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase}.canvas-panel canvas{max-width:100%;border:1px solid rgba(255,255,255,.05);border-radius:4px;background:#000}.chart-container{width:100%;height:80px;background:#05070a;border:1px solid var(--border);border-radius:6px;position:relative}.chart-container canvas{width:100%;height:100%;background:transparent;border:none}
