.designer-wrap{padding:24px}
.designer{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:18px;
  align-items:start;
}
.canvas-card{padding:14px}
.canvas-top{
  display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:10px; flex-wrap:wrap
}
.canvas{
  width:100%;
  aspect-ratio: 16 / 10;
  border-radius:18px;
  border:1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}
.panel{padding:14px}
.panel h3{margin:0 0 8px}
.panel .row{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.panel .row3{display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px}
.kv{display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; padding:10px 12px; border-radius:16px; border:1px solid var(--line); background:rgba(255,255,255,.03)}
.kv b{font-family:var(--mono); font-size:13px}
.small{font-size:12px; color:var(--muted)}
@media (max-width: 980px){
  .designer{grid-template-columns:1fr}
}