.layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}
@media(max-width:900px){.layout{grid-template-columns:1fr}}
#view{position:relative;height:min(62vh,560px);min-height:340px;border-radius:0;overflow:hidden;border:1px solid var(--line);background:#061a30}
#view.drag{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,183,3,.25)}
#view canvas{display:block;width:100%;height:100%}
.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px;pointer-events:none}
.empty .big{font-size:1.15rem;font-weight:700}
.empty .btn{pointer-events:auto}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.stat{background:#061a30;border:1px solid var(--line);border-radius:0;padding:10px 12px}
.stat small{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.stat b{font-size:1.15rem}
.stat.wide{grid-column:1/-1}
.val{float:right;color:var(--text)}
.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}