.svg-tool__drop{align-items:center;padding:28px 16px;text-align:center;background:#fff;border:2px dashed #8191a3;border-radius:12px;cursor:pointer}
.svg-tool__drop.is-over{border-color:#86198f;background:#fdf4ff}
.svg-tool__drop input{width:100%}
.svg-tool__error{margin:16px 0 0;padding:12px;background:#fdecef;border-left:4px solid #c0263d}
.svg-tool__warning{margin:8px 0 0;padding:12px;background:#fff7df;border-left:4px solid #b7791f}
.svg-tool__progress{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.svg-tool__progress progress{width:100%;height:12px}
.svg-tool__editor{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px;margin-top:20px}
.svg-tool__tabs{display:flex;gap:8px;margin-bottom:8px}
.svg-tool__tabs button{flex:1}
.calc-tool .svg-tool__tabs button[aria-pressed=true],.calc-tool .svg-tool__primary{background:#86198f;border-color:#86198f;color:#fff}
.calc-tool .svg-tool__primary:disabled,.calc-tool button:disabled{opacity:.55;cursor:not-allowed}
.svg-tool__stage{display:grid;place-items:center;min-height:240px;padding:8px;border:1px solid #ccd5df;border-radius:8px;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0/20px 20px}
.svg-tool__stage img,.svg-tool__stage canvas{display:block;max-width:100%;max-height:520px;width:auto;height:auto}
.svg-tool__stage [hidden],.svg-tool__progress[hidden],.svg-tool__editor[hidden],.calc-tool label[hidden]{display:none}
.svg-tool__meta{margin:8px 0 0;font-size:.9rem;overflow-wrap:anywhere}
.svg-tool__controls{display:flex;flex-direction:column;gap:14px;min-width:0}
.svg-tool__controls fieldset{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;border:0}
.svg-tool__controls legend{padding:0;margin-bottom:4px}
.calc-tool .svg-tool__controls fieldset label,.calc-tool .svg-tool__check{flex-direction:row;align-items:center;min-height:44px}
.calc-tool .svg-tool__controls input[type=radio],.calc-tool .svg-tool__check input{width:24px;min-height:24px;margin:0;padding:0}
.calc-tool .svg-tool__controls input[type=range]{width:100%;padding:0;border:0}
.calc-tool .svg-tool__range{flex-flow:row wrap;align-items:baseline;gap:0 6px}
.calc-tool .svg-tool__range input{flex:1 0 100%}
.calc-tool .svg-tool__range output{margin:0;min-height:0;font-size:inherit;font-weight:700}
.svg-tool__actions{display:flex;flex-wrap:wrap;gap:8px}
.svg-tool__actions button{flex:1 1 150px}
@media(max-width:800px){.svg-tool__editor{grid-template-columns:minmax(0,1fr)}}
/* The shared phone layout caps a single picture and keeps its meta on one small line. */
@media(max-width:600px){
.calc-tool[data-svg-tool] .tool-mobile__preview{display:grid;max-height:none;min-height:160px;width:100%;box-sizing:border-box}
.svg-tool__stage img,.svg-tool__stage canvas{max-height:min(260px,35svh)}
.calc-tool[data-svg-tool] .tool-mobile__meta{display:block;font-size:13px;white-space:normal}
}