/* LilyDesk 3.4 — rzeczywiste rysunki manipulowalne, zgodne z pudrowym stylem */
.math-viz{border:1px solid #e4d7e2;border-left:4px solid #a486a8;background:#fcf9fc;border-radius:17px;padding:15px 18px;margin:17px 0 22px;color:#574955;min-width:0}

.math-viz .viz-heading{font-size:.93rem;font-weight:750;color:#70566b;margin-bottom:8px}

.math-viz .viz-picture{max-width:500px;margin:auto}

.math-viz .viz-svg{display:block;width:100%;max-height:375px;overflow:visible;user-select:none}

.math-viz .viz-axis{stroke:#706570;stroke-width:1.65}

.math-viz .viz-axis-faint{stroke:#a699a3;stroke-width:1.1}

.math-viz .viz-grid{stroke:#eee8ed;stroke-width:.8}

.math-viz .viz-ring{fill:none;stroke:#d0b1c5;stroke-width:1.4;stroke-dasharray:5 5}

.math-viz .viz-radius{stroke:#9b6e8a;stroke-width:3;stroke-linecap:round}

.math-viz .viz-point{fill:#976985;stroke:#fff;stroke-width:2}

.math-viz .viz-origin{fill:#5e505c}

.math-viz .viz-tick{fill:#7b6d78;font-size:10px}

.math-viz .viz-label{fill:#725569;font-size:14px;font-weight:650}

.math-viz .viz-title{fill:#725569;font-size:14px;font-weight:700}

.math-viz .viz-region-fill{fill:#eedde9;stroke:#9b6f8c;stroke-width:2}

.math-viz .viz-region-outline{fill:#eedde9;fill-rule:evenodd;stroke:#9b6f8c;stroke-width:2}

.math-viz .viz-foot{fill:#be9eaf}

.math-viz .viz-grab{cursor:grab;touch-action:none}

.math-viz .viz-grab:focus{outline:none;stroke:#463448;stroke-width:4}

.math-viz .viz-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:13px 19px;padding:12px 3px 0}

.math-viz .viz-control{flex:1 1 180px;max-width:250px;display:flex;flex-direction:column;gap:8px;font-size:.82rem;color:#756274}

.math-viz .viz-control strong{color:#604b60}

.math-viz input[type=range]{accent-color:#9b7598;width:100%;cursor:pointer}

.math-viz select{background:#fff;border:1px solid #e0d1dc;border-radius:9px;padding:9px;color:#625361;font:inherit}

.math-viz .viz-presets{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}

.math-viz .viz-preset{border:1px solid #e3d1de;border-radius:10px;background:#fff;padding:10px 14px;color:#725b6d;cursor:pointer;font:inherit}

.math-viz .viz-preset.is-active{background:#ead9e6;border-color:#b38ea9;font-weight:700}

.math-viz .viz-caption{font-size:.78rem;color:#7e697a;margin:4px 0 0}

.math-viz .viz-point-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start}

.math-viz .viz-point-controls{display:flex;flex-direction:column;gap:6px;font-size:.8rem}

.math-viz .viz-point-controls label{display:flex;gap:10px;align-items:center}

.math-viz .viz-hidden-inputs{display:none}

@media(max-width:640px){.math-viz{padding:12px 10px}
.math-viz .viz-controls{gap:10px}
.math-viz .viz-control{max-width:none}
}