.upload-panel{display:grid;gap:1rem;padding:2rem;border:1px dashed #52778a;background:#f0f5f6;font-weight:600}.viz-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:24px}.viz-stage{overflow:auto;background:#171f26;max-height:75vh;min-height:240px;border-radius:10px}.viz-stage canvas{display:block;width:auto;height:auto;max-width:100%;max-height:65vh;touch-action:none;margin:auto}.viz-controls{display:grid;align-content:start;gap:12px;padding:16px;background:#f2f6f8;border-radius:10px}.viz-controls label{display:grid;gap:5px}.viz-controls button,.viz-toolbar button,.viz-controls input,.viz-controls select{min-height:44px;padding:9px;border:1px solid #9eabb4;background:white;color:#152433;border-radius:6px}.viz-controls button[aria-pressed=true],.viz-toolbar button[aria-pressed=true]{background:#0878b8;color:white}.viz-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.viz-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.viz-palette button{min-width:30px;min-height:44px;border:2px solid #72818c}.viz-help{font-size:.9rem}.viz-points{max-height:180px;overflow:auto}.viz-points button{width:100%;text-align:left}.viz-result{max-width:100%;height:auto}.viz-request{display:grid;gap:12px;padding:20px;background:#eaf3f9;margin-top:20px}.viz-stage:focus-within{outline:3px solid #0085ce}@media(max-width:920px){.viz-grid{grid-template-columns:1fr}.viz-controls{grid-template-columns:1fr 1fr}.viz-palette,.viz-help,.viz-points{grid-column:1/-1}.viz-stage{max-height:65vh}}@media(prefers-reduced-motion:reduce){.viz-stage{scroll-behavior:auto}}
#viz-editor{scroll-margin-top:120px}.upload-panel{border-radius:12px}.upload-panel input{max-width:100%}.upload-panel input::file-selector-button,.viz-request button{padding:12px 18px;border:0;border-radius:6px;background:#0878b8;color:white;font:inherit;cursor:pointer}.viz-stage canvas{cursor:crosshair}.viz-controls input[type=color]{width:100%}.viz-request button:focus-visible,.viz-toolbar button:focus-visible{outline:3px solid #0878b8;outline-offset:3px}
.viz-grid>*,.viz-controls>*,.upload-panel{min-width:0}.upload-panel input,.viz-controls input,.viz-controls select{width:100%;min-width:0;box-sizing:border-box}.viz-controls button{overflow-wrap:anywhere}@media(max-width:920px){.viz-grid{grid-template-columns:minmax(0,1fr)}.viz-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.viz-controls{grid-template-columns:minmax(0,1fr)}.upload-panel{padding:1rem}.viz-palette{grid-template-columns:repeat(6,minmax(0,1fr))}}