.cwpv-root { max-width:1200px; margin:18px auto; position:relative; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:#111; }
.cwpv-canvas-wrap { width:100%; height:60vh; min-height:360px; background:#fafafa; border-radius:10px; overflow:hidden; box-shadow:0 6px 18px rgba(27,31,35,0.06); position:relative; }
.cwpv-ui { display:flex; flex-wrap:wrap; gap:12px; margin-top:12px; align-items:flex-start; }
.cwpv-section { min-width:200px; display:flex; flex-direction:column; gap:6px; }
.cwpv-controls-panel { width:100%; background:rgba(255,255,255,0.98); border-radius:8px; padding:8px; box-shadow:0 4px 10px rgba(0,0,0,0.04); }
.cwpv-row { margin:6px 0; display:flex; flex-direction:column; gap:6px; }
.cwpv-actions { margin-top:8px; display:flex; gap:8px; align-items:center; }
.cwpv-btn { padding:8px 12px; border-radius:6px; background:#0f62fe; color:white; border:none; cursor:pointer; }
.cwpv-btn-ghost { background:transparent; border:1px solid #cbd5e1; color:#111; }
.cwpv-credit { position:absolute; bottom:10px; right:12px; font-size:12px; color:rgba(0,0,0,0.5); pointer-events:none; }

.cwpv-mask-tools { background: rgba(255,255,255,0.95); padding: 10px; border-radius: 8px; margin-top: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); }
.cwpv-mask-tools .cwpv-btn.active { background: #0f62fe; color: white; }

@media (max-width:800px) {
  .cwpv-ui { flex-direction:column; }
  .cwpv-section { width:100%; }
  .cwpv-controls-panel { padding:10px; }
  .cwpv-canvas-wrap { height:55vh; min-height:280px; }
}