/* Interfaces: графический редактор внутри штатного диалога сохранения SVG */
.interface-visual-dialog{width:min(1480px,98vw);max-height:95vh}
.interface-visual-dialog .trainer-svg-editor-grid{display:flex;flex-direction:column;min-width:0}
.interface-visual-editor{min-width:0}
.interface-visual-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:8px}
.interface-visual-tools strong{margin-right:12px}
.interface-visual-tools button{min-height:33px;padding:5px 10px;border:1px solid #567b96;border-radius:7px;background:#274b65;color:white;cursor:pointer}
.interface-visual-tools output{min-width:52px;text-align:center}
.interface-visual-stage{height:min(55vh,580px);min-height:240px;max-width:100%;overflow:auto;border:1px solid #6e96b4;border-radius:12px;background:#fff;cursor:grab;touch-action:none}
.interface-visual-stage:active{cursor:grabbing}
.interface-visual-stage svg{display:block;max-width:none;user-select:none}
.interface-visual-stage .interface-svg-selected{outline:none;filter:drop-shadow(0 0 5px #13a7eb);stroke:#0ea5e9!important}
.interface-visual-property{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0 12px}
.interface-visual-property label{display:flex;align-items:center;gap:9px;font-weight:700}
.interface-visual-property input{min-width:280px;max-width:100%;padding:8px;border:1px solid #91a9bb;border-radius:7px;background:#fff;color:#112b44}
.interface-visual-property p{margin:0;color:#c8d9e6;font-size:12px}
.interface-visual-editor details{padding:8px 0;margin:5px 0;color:#c9d8e5;font-size:12px}
.interface-visual-dialog .trainer-svg-source.interface-visual-source{min-height:105px;max-height:210px;order:2;font-size:12px}
@media(max-width:750px){.interface-visual-property label{flex-direction:column;align-items:flex-start}.interface-visual-property input{min-width:0;width:100%}}

/* Выделение группы и текстовых объектов на светлом рабочем поле. */
.interface-visual-stage .interface-svg-selected > *{
  filter:drop-shadow(0 0 4px #28a8e5);
}
.interface-visual-stage text.interface-svg-selected{
  paint-order:stroke fill;
  stroke:#a1e6ff!important;
  stroke-width:1.2px!important;
}
.interface-visual-editor details[open]{display:block;margin:12px 0;}
.interface-visual-editor details .trainer-svg-source{
  display:block;width:100%;min-height:190px;margin-top:8px;
  background:#101b26;color:#e8f6ff;
}