.visual-page{max-width:1200px;margin:auto;padding:28px 30px;color:var(--text)}.visual-page h1{font-size:26px}.visual-page>.hint{max-width:900px;line-height:1.7}.visual-options{display:flex;flex-wrap:wrap;gap:12px 28px;padding:12px 0;border-block:1px solid var(--line);margin:24px 0}.visual-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:25px}.visual-notice{white-space:pre-wrap;color:var(--accent);line-height:1.7}.visual-list{display:grid;gap:8px;margin:20px 0}.visual-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 80px;gap:12px;align-items:center;background:#12202c;padding:12px;border:1px solid var(--line);border-radius:7px}.visual-row span{overflow-wrap:anywhere}.visual-row small{color:var(--muted)}.visual-page summary{cursor:pointer;padding:16px 0}.visual-catalogue{max-height:320px;overflow:auto;font:12px/1.8 monospace;color:var(--muted)}@media(max-width:720px){.visual-page{padding:20px 16px}.visual-row{grid-template-columns:minmax(0,1fr) 70px}.visual-row small{grid-row:2}}

.visual-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.visual-group{min-width:0;border:1px solid var(--line);border-radius:9px;padding:18px;background:#101c28}.visual-group h2{font-size:17px;margin:0 0 20px}.visual-group label{font-size:12px;letter-spacing:0;line-height:1.5}.visual-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,42%) auto;align-items:center;gap:10px;margin:15px 0}.visual-control input,.visual-control select{width:100%;padding:7px}.visual-control input[type=range]{padding:0;accent-color:var(--accent)}.visual-control output{font-variant-numeric:tabular-nums;color:var(--accent);min-width:28px}.visual-control input[type=color]{height:34px;padding:3px}@media(max-width:760px){.visual-groups{grid-template-columns:1fr}}