/* Idoloweb Designer | idoloweb.com */
#idw-designer{--bg:var(--mr-bg,#fff);--sf:var(--mr-surface,#f4f4f8);--tx:var(--mr-text,#14101f);--mu:var(--mr-muted,#5d5774);--bd:var(--mr-border,rgba(0,0,0,.14));--ac:var(--mr-accent,#6d28d9);--ac2:var(--mr-accent-2,#e11d74);color:var(--tx);font-family:var(--mr-body,system-ui,sans-serif)}
.dz{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;align-items:start}
.dz-stage{position:sticky;top:90px;background:var(--sf);border:1px solid var(--bd);border-radius:28px;padding:16px}
.dz-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}
.dz-tabs,.dz-hist{display:flex;gap:6px}
.dz button,.dz-btn{font:inherit;cursor:pointer}
.dz-tab,.dz-btn,.dz-ico{border:1px solid var(--bd);background:var(--bg);color:var(--tx);border-radius:999px;padding:9px 16px;font-weight:700;transition:.2s}
.dz-tab[aria-pressed="true"]{background:linear-gradient(120deg,var(--ac),var(--ac2));color:#fff;border-color:transparent}
.dz-btn:hover,.dz-ico:hover{border-color:var(--ac)}
.dz-ico:disabled{opacity:.4;cursor:not-allowed}
.dz canvas{display:block;width:100%;height:auto;touch-action:none;border-radius:18px;background:repeating-conic-gradient(rgba(128,128,128,.08) 0 25%,transparent 0 50%) 0 0/24px 24px}
.dz-note{margin:10px 2px 0;color:var(--mu);font-size:.82rem}
.dz-warn{color:#d97706;font-weight:700}
.dz-panel{display:grid;gap:18px}
.dz-card{background:var(--sf);border:1px solid var(--bd);border-radius:22px;padding:18px}
.dz-card h3{margin:0 0 12px;font-family:var(--mr-display,inherit);font-size:1rem;letter-spacing:-.02em}
.dz-sw{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.dz-sw button{width:34px;height:34px;border-radius:50%;border:2px solid var(--bd);padding:0}
.dz-sw button[aria-pressed="true"]{outline:3px solid var(--ac);outline-offset:2px}
.dz-sw input[type=color]{width:38px;height:34px;border:0;background:none;padding:0}
.dz-row{display:grid;gap:10px;margin-top:10px}
.dz-row.two{grid-template-columns:1fr 1fr}
.dz label{display:grid;gap:5px;font-weight:700;font-size:.84rem}
.dz input[type=text],.dz input[type=number],.dz select{width:100%;padding:11px 13px;border-radius:12px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);font:inherit}
.dz input[type=range]{width:100%;accent-color:var(--ac)}
.dz-drop{display:grid;place-items:center;text-align:center;gap:4px;padding:22px;border:2px dashed var(--ac);border-radius:18px;cursor:pointer;color:var(--mu);transition:.2s}
.dz-drop:hover,.dz-drop.over{background:color-mix(in srgb,var(--ac) 10%,transparent)}
.dz-drop b{color:var(--tx)}
.dz-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.dz-wa{width:100%;border:0;padding:16px;border-radius:999px;font-weight:800;color:#fff;background:#1fa855;font-size:1rem}
.dz-wa:disabled{opacity:.55;cursor:not-allowed}
.dz-msg{margin:10px 0 0;font-size:.88rem;color:var(--mu)}
.dz-msg.err{color:#dc2626;font-weight:700}
.dz-hp{position:absolute;left:-9999px}
@media (max-width:900px){.dz{grid-template-columns:1fr}.dz-stage{position:static}}