/* Signature Cleaner & Transparent PNG Maker specific styles. Shared tool UI lives in assets/css/base.css. */
.ystp-cleaner-wrap{--ystp-checker-a:#f8fafc;--ystp-checker-b:#e2e8f0}.ystp-cleaner-card{overflow:visible}.ystp-cleaner-workspace{grid-template-columns:minmax(300px,.82fr) minmax(390px,1.18fr)}.ystp-cleaner-control-panel{display:grid;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--yst-line)}.ystp-range-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#334155;font-weight:800;font-size:13px}.ystp-range-row output{min-width:38px;text-align:right;color:var(--yst-blue);font-weight:900}.ystp-cleaner-control-panel input[type=range]{width:100%;accent-color:var(--yst-blue)}.ystp-cleaner-crop{margin-top:4px!important}.ystp-cleaner-privacy-box{margin:12px 0 0;padding:12px;border:1px solid var(--yst-line);border-radius:15px;background:#f8fafc;color:var(--yst-muted);font-size:13px}.ystp-cleaner-privacy-box strong{display:block;color:var(--yst-ink);margin-bottom:4px}.ystp-cleaner-before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.ystp-cleaner-preview-box{margin:0;min-width:0}.ystp-cleaner-preview-box figcaption{margin:0 0 7px;color:#334155;font-size:13px;font-weight:900}.ystp-cleaner-canvas-frame{min-height:190px;background:#fff}.ystp-cleaner-canvas-frame canvas{display:block;width:100%;height:auto}.ystp-transparent-frame{background-color:var(--ystp-checker-a);background-image:linear-gradient(45deg,var(--ystp-checker-b) 25%,transparent 25%),linear-gradient(-45deg,var(--ystp-checker-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--ystp-checker-b) 75%),linear-gradient(-45deg,transparent 75%,var(--ystp-checker-b) 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.ystp-original-frame{background:#fff}.ystp-cleaner-dropzone.ystp-is-dragover{border-color:var(--yst-blue);background:#eff6ff;box-shadow:0 0 0 4px rgba(21,63,143,.10)}.ystp-cleaner-actions-row{justify-content:flex-end}.ystp-cleaner-actions-row .ystp-btn{min-width:220px}
@media(max-width:900px){.ystp-cleaner-workspace{grid-template-columns:1fr}.ystp-cleaner-before-after{grid-template-columns:1fr}.ystp-cleaner-actions-row{justify-content:stretch}.ystp-cleaner-actions-row .ystp-btn{width:100%;min-width:0}.ystp-cleaner-canvas-frame{min-height:170px}}
@media(max-width:420px){.ystp-range-row{font-size:12px}.ystp-cleaner-dropzone{min-height:178px}.ystp-cleaner-canvas-frame{min-height:150px}}