.transparent-editor-grid{grid-template-columns:minmax(0,1.45fr) minmax(230px,.75fr);gap:22px;margin-top:18px;display:grid}.transparent-preview{cursor:crosshair;background-color:#f4f6fa;background-image:linear-gradient(45deg,#dfe4ec 25%,transparent 25%),linear-gradient(-45deg,#dfe4ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe4ec 75%),linear-gradient(-45deg,transparent 75%,#dfe4ec 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid var(--line);border-radius:12px;place-items:center;min-height:250px;padding:12px;display:grid;overflow:hidden}.transparent-preview canvas{display:block;max-width:100%;max-height:460px;box-shadow:0 3px 14px #1d2a3f1f}.transparent-picker-help{color:var(--muted);margin:9px 0 0;font-size:12px}.transparent-controls{align-content:start;gap:17px;display:grid}.transparent-color{color:#485568;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:650;display:flex}.transparent-color input{cursor:pointer;background:#fff;border:1px solid #cfd8e7;border-radius:8px;width:58px;height:40px;padding:4px}.transparent-auto{width:100%;margin:0}.transparent-limit{color:#5f4b17;background:#fff8e4;border:1px solid #ead9a8;border-radius:9px;margin:0;padding:11px 12px;font-size:12px;line-height:1.55}.transparent-limit strong{color:#46360d}.transparent-tool .reducer-action{margin-top:20px}@media (max-width:760px){.transparent-editor-grid{grid-template-columns:1fr}.transparent-preview{min-height:190px}.transparent-preview canvas{max-height:360px}}