/* Дизайн-редакторы (24.10.2026): инфографика, баннеры, ценники, SVG — tools-design.js. Каркас — .phe-* из tools-photo-edit.css, здесь только своё */
.dse .pe-tools{flex-wrap:wrap}
.dse-view{position:relative}
.dse-view.is-drag::after{content:'Отпустите, чтобы добавить фото';position:absolute;inset:10px;z-index:5;display:flex;align-items:center;justify-content:center;border:3px dashed #f15a24;border-radius:14px;background:rgba(255,255,255,.75);font-weight:800;font-size:18px;color:#14171c;pointer-events:none}
.dse-stage{position:relative}
.dse-stage canvas{max-height:none!important;max-width:none!important;touch-action:none;user-select:none;-webkit-user-select:none}
.dse-stage.is-pen canvas{cursor:crosshair!important}
.dse-ta{position:absolute;z-index:4;margin:0;padding:0;border:0;outline:1.5px dashed #f15a24;outline-offset:2px;resize:none;overflow:hidden;white-space:pre-wrap;word-break:break-word;box-sizing:content-box}
.dse-ta[hidden]{display:none}
.dse-toast{position:absolute;left:50%;top:14px;z-index:6;transform:translateX(-50%);max-width:calc(100% - 40px);margin:0;padding:8px 14px;border-radius:999px;background:var(--c-ink,#14171c);color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 6px 20px rgba(20,23,28,.25);text-align:center}
.dse-toast[hidden]{display:none}
.dse-note{margin-top:14px}
.dse .phe-pane .cvp-cap{display:block;margin:0 0 8px}
.dse-crow{margin-bottom:12px}
.dse-crow .phe-sw{display:inline-flex;flex-wrap:wrap;gap:7px;margin:0 6px 0 0;vertical-align:middle}
.dse-crow .phe-sw button{width:26px;height:26px}
.dse-crow .phe-custom{width:26px;height:26px;margin:0}
.dse-none{background:linear-gradient(135deg,#fff 45%,#e53935 45%,#e53935 55%,#fff 55%)!important}
.dse-quick,.dse-tgl,.dse-badges,.dse-vars{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.dse-quick-col{flex-direction:column}
.dse-quick-col .pe-tg{justify-content:flex-start;height:42px}
.dse-tgl .pe-tg{min-width:38px;padding:0 10px;justify-content:center}
.dse-vars .cvp-pill,.dse-badges .cvp-pill{padding:6px 12px;font-size:13px}
.dse-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.dse-num{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--c-mute);font-weight:600}
.dse-num input,.dse-num select{width:100%;box-sizing:border-box;height:40px;padding:0 10px;border:1px solid var(--c-ctl);border-radius:10px;font:inherit;font-size:15px;color:var(--c-ink);background:#fff}
.dse-geo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 14px}
.dse-geo .dse-num input{height:36px;font-size:14px;padding:0 8px}
.dse-in{width:100%;box-sizing:border-box;margin-bottom:12px}
.dse-wide{width:100%;justify-content:center;margin-bottom:8px}
.dse-wide svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dse-chk{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;cursor:pointer}
.dse-chk input{width:18px;height:18px;accent-color:#f15a24}
.dse-align{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:16px}
.dse-align button,.dse-shapes button,.dse-icons button{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0;border:1px solid var(--c-line);border-radius:10px;background:#fff;color:var(--c-ink);cursor:pointer}
.dse-align button:hover,.dse-shapes button:hover,.dse-icons button:hover{border-color:var(--c-ink);background:#f6f4f0}
.dse-align svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dse-shapes{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:14px}
.dse-shapes svg{width:62%;height:62%;fill:#f15a24;stroke:none}
.dse-shapes button[aria-pressed=true]{border-color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-ink)}
.dse-shapes-add{grid-template-columns:repeat(4,1fr)}
.dse-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px}
.dse-icons button[hidden]{display:none}
.dse-icons svg{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dse-icons-sm{grid-template-columns:repeat(7,1fr);max-height:220px;overflow:auto}
.dse-icons button[aria-pressed=true]{border-color:var(--c-ink);background:#f0eeea}
.dse-tadd{display:block;width:100%;margin-bottom:8px;padding:12px 14px;border:1px solid var(--c-line);border-radius:12px;background:#fff;text-align:left;cursor:pointer;color:var(--c-ink);font-family:inherit}
.dse-tadd:hover{border-color:var(--c-ink)}
.dse-tadd-0{font-size:24px;font-weight:800}
.dse-tadd-1{font-size:17px;font-weight:600}
.dse-tadd-2{font-size:14px;font-weight:400}
.dse-tstyles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.dse-tstyles button{display:flex;align-items:center;justify-content:center;min-height:58px;padding:6px;border:1px solid var(--c-line);border-radius:12px;background:#f6f4f0;cursor:pointer;font-size:16px;overflow:hidden}
.dse-tstyles button:hover{border-color:var(--c-ink)}
.dse-tstyles span{white-space:nowrap;line-height:1.2}
.dse-tpls{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dse-tpls button{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px;border:1px solid var(--c-line);border-radius:12px;background:#fff;cursor:pointer;font:600 12.5px/1.2 inherit;font-family:inherit;color:var(--c-ink)}
.dse-tpls button:hover{border-color:var(--c-ink)}
.dse-tpls canvas{display:block;width:100%;height:auto;border-radius:7px;background:#f3f1ed;box-shadow:0 1px 3px rgba(20,23,28,.12)}
.dse-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.dse-gal button{padding:0;aspect-ratio:1;border:1px solid var(--c-line);border-radius:10px;overflow:hidden;cursor:pointer;background:repeating-conic-gradient(#e6e3de 0 25%,#fff 0 50%) 0 0/14px 14px}
.dse-gal img{width:100%;height:100%;object-fit:contain;display:block}
.dse-grads{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 12px}
.dse-grads button{aspect-ratio:1.6;border:1px solid var(--c-line);border-radius:8px;cursor:pointer}
.dse-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.dse-presets button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:1px solid var(--c-line);border-radius:10px;background:#fff;cursor:pointer;text-align:left;font-family:inherit;color:var(--c-ink)}
.dse-presets button b{font-size:13px;line-height:1.2}
.dse-presets button span{font-size:12px;color:var(--c-mute);font-family:var(--c-mono,monospace)}
.dse-presets button[aria-pressed=true]{border-color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-ink);background:#f6f4f0}
.dse-layers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.dse-layers li{display:flex;align-items:center;gap:2px;border:1px solid var(--c-line);border-radius:10px;padding:2px 4px;background:#fff}
.dse-layers li.is-on{border-color:#f15a24;background:#fff4ee}
.dse-layers li.is-hid .dse-ly-n{opacity:.45}
.dse-layers button{border:0;background:none;cursor:pointer;min-width:28px;height:32px;border-radius:7px;color:var(--c-ink);font-size:14px;display:flex;align-items:center;justify-content:center}
.dse-layers button:hover{background:#f0eeea}
.dse-layers button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.dse-layers .dse-ly-n{flex:1;justify-content:flex-start;text-align:left;padding:0 6px;font-size:13.5px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.dse-layers small{color:var(--c-mute);font-weight:400}
.dse-seg{display:flex;flex-wrap:wrap;margin:0 0 12px}
.dse-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 10px;font-size:14px}
.dse-data{font-family:var(--c-mono,monospace);font-size:13px!important;white-space:pre;overflow:auto}
.dse-filebtn{cursor:pointer}
.dse .pdf-err{margin:0 0 12px}
@media(max-width:900px){
  .dse .phe-scroll{max-height:70vh;min-height:320px}
  .dse-shapes{grid-template-columns:repeat(6,1fr)}
}
@media(max-width:560px){
  .dse .pe-tools button span{font-size:11px}
  .dse-tpls{grid-template-columns:1fr 1fr}
}
.dse-tgl .pe-tg svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media(max-width:900px){.dse .phe-scroll{height:min(64vh,560px);max-height:none}}