/* LedwallGest Cgfa — editor: tema scuro da studio grafico, la tela resta protagonista. */
.ed{--e-bg:#12161c;--e-sup:#1a2029;--e-sup2:#222a35;--e-bordo:#2f3947;--e-tx:#e7edf4;--e-tx2:#a9b6c5;--e-acc:#4da3ff;
  background:var(--e-bg);color:var(--e-tx);border-radius:var(--r2);overflow:hidden;display:flex;flex-direction:column;min-height:640px;border:1px solid #0b0e12}
.ed .btn{background:var(--e-sup2);border-color:var(--e-bordo);color:var(--e-tx)}
.ed .btn:hover{background:#2b3542}
.ed .btn-p{background:var(--e-acc);border-color:var(--e-acc);color:#06121f}
.ed .btn-p:hover{background:#7bbcff}
.ed .btn-ko{background:transparent;border-color:#6b2b2b;color:#ff9b93}
.ed-barra{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:var(--e-sup);border-bottom:1px solid var(--e-bordo)}
.ed-nome{max-width:280px;background:var(--e-sup2)!important;color:var(--e-tx)!important;border-color:var(--e-bordo)!important;font-weight:700}
.ed-info,.ed-dur{font-size:.85rem;color:var(--e-tx2);white-space:nowrap}
.ed-dur.ko{color:#ff8a80;font-weight:700}
.ed-spazio{flex:1}
.ed-corpo{display:grid;grid-template-columns:96px minmax(0,1fr) 320px;flex:1;min-height:0}
.ed-agg{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--e-sup);border-right:1px solid var(--e-bordo);overflow:auto}
.ed-tool{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:58px;padding:6px 4px;border:1px solid transparent;border-radius:8px;background:none;color:var(--e-tx2);font:600 .7rem/1.15 var(--f);cursor:pointer;text-align:center}
.ed-tool:hover,.ed-tool:focus-visible{background:var(--e-sup2);color:var(--e-tx);border-color:var(--e-bordo)}
.ed-tool .i{width:22px;height:22px}
.ed-centro{display:flex;flex-direction:column;min-width:0;padding:16px;gap:12px;background:radial-gradient(circle at 50% 40%,#1c2430,#0e1117)}
.ed-palco{position:relative;width:100%;max-height:62vh;display:flex;justify-content:center}
.ed-tela{position:relative;width:100%;max-height:62vh;background:#000;box-shadow:0 10px 40px rgba(0,0,0,.6)}
.ed-ov{position:absolute;inset:0;pointer-events:none}
.ed-box{position:absolute;pointer-events:auto;border:1px dashed rgba(255,255,255,.28);cursor:move;touch-action:none}
.ed-box:hover{border-color:rgba(77,163,255,.8)}
.ed-box.on{border:2px solid var(--e-acc);box-shadow:0 0 0 1px rgba(0,0,0,.5)}
.ed-box:focus-visible{outline:2px solid #ffd54f}
.ed-h{position:absolute;width:14px;height:14px;background:#fff;border:2px solid var(--e-acc);border-radius:3px}
.ed-h-nw{left:-8px;top:-8px;cursor:nwse-resize}.ed-h-ne{right:-8px;top:-8px;cursor:nesw-resize}.ed-h-sw{left:-8px;bottom:-8px;cursor:nesw-resize}.ed-h-se{right:-8px;bottom:-8px;cursor:nwse-resize}
.ed-ctrl{background:var(--e-sup);border:1px solid var(--e-bordo);border-radius:10px;padding:10px 14px;font-size:.9rem}
.ed-ctrl .ctrl li{border-color:#2a3340;color:var(--e-tx)}
.ed-ctrl .ctrl li.ko{color:#ff9b93}
.ed-ctrl-t{display:block;margin-bottom:4px}.ed-ctrl-t.ok{color:#7ee0a1}.ed-ctrl-t.warn{color:#ffd27a}.ed-ctrl-t.ko{color:#ff8a80}
.ed-prop{background:var(--e-sup);border-left:1px solid var(--e-bordo);padding:12px 14px;overflow:auto;max-height:80vh}
.ed-prop-t{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.ed-prop .aiuto,.ed-prop small{color:var(--e-tx2)}
.ed-campo{margin:6px 0}
.ed-campo label{color:var(--e-tx2);font-size:.8rem;margin:6px 0 3px}
.ed-prop input,.ed-prop select,.ed-prop textarea{background:var(--e-sup2);border-color:var(--e-bordo);color:var(--e-tx);min-height:38px;font-size:.92rem}
.ed-prop input[type=range]{min-height:24px;padding:0;accent-color:var(--e-acc)}
.ed-prop input[type=color]{background:var(--e-sup2);border-color:var(--e-bordo)}
.ed-chk{display:flex;align-items:center;gap:8px;color:var(--e-tx);font-weight:400;margin:8px 0}
.ed-chk input{width:18px;height:18px;min-height:0;accent-color:var(--e-acc)}
.ed-gr{border-top:1px solid var(--e-bordo);padding:8px 0}
.ed-gr summary{cursor:pointer;font-weight:700;padding:4px 0;color:var(--e-tx)}
.ed-libreria{display:flex;gap:6px;flex-wrap:wrap}.ed-libreria button{width:72px;height:48px;padding:2px;background:#fff;border:1px solid var(--e-bordo);border-radius:6px;cursor:pointer}.ed-libreria img{width:100%;height:100%;object-fit:contain}
.ed-strip{display:flex;gap:8px;align-items:center;padding:10px 12px;background:var(--e-sup);border-top:1px solid var(--e-bordo);overflow-x:auto}
.ed-mini{flex:none;width:132px;padding:4px;border:2px solid transparent;border-radius:8px;background:var(--e-sup2);color:var(--e-tx2);cursor:pointer;font:600 .75rem var(--f)}
.ed-mini.on{border-color:var(--e-acc);color:var(--e-tx)}
.ed-mini-t{width:100%;background:#000;border-radius:4px;overflow:hidden;margin-bottom:3px;pointer-events:none}
.ed-strip-az{display:flex;gap:6px;flex:none;margin-left:8px}
.ed-fin{max-width:min(1100px,95vw)!important;width:95vw;background:#12161c;color:#e7edf4}
.ed-fin .schede{max-height:70vh;overflow:auto}
.ed-fin .scheda{background:#1a2029;border-color:#2f3947;color:#e7edf4}
.ed-fin-t{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.ed-fin-t h2{margin:0;color:#fff}
.ed-prova{width:100%;max-height:70vh;background:#000}
@media (max-width:1100px){.ed-corpo{grid-template-columns:84px minmax(0,1fr)}.ed-prop{grid-column:1/-1;border-left:0;border-top:1px solid var(--e-bordo);max-height:none}}
@media (max-width:640px){
  .ed-corpo{grid-template-columns:1fr}
  .ed-agg{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--e-bordo)}
  .ed-tool{min-width:74px}
  .ed-centro{padding:10px}
  .ed-nome{max-width:none;flex:1 1 100%}
}
