.dv-sc-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#080b14b8;backdrop-filter:blur(3px)}.dv-sc-modal{position:relative;width:min(920px,96vw);max-height:92vh;overflow:auto;background:var(--color-surface-1);border:1px solid var(--color-border-muted);border-radius:16px;box-shadow:0 20px 60px var(--color-shadow-strong);padding:22px 24px 26px;color:var(--color-text-muted)}.dv-sc-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--color-border-muted);background:var(--color-surface-2);color:var(--color-text-subtle);font-size:15px;cursor:pointer;line-height:1}.dv-sc-close:hover{background:var(--color-surface-3)}.dv-sc-title{margin:0 0 16px;font-size:20px;font-weight:800;color:var(--color-text-muted)}.dv-sc-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr);gap:22px;align-items:start}.dv-sc-preview{display:flex;align-items:center;justify-content:center;background:var(--color-surface-deep);border:1px solid var(--color-border-muted);border-radius:12px;padding:14px;min-height:280px}.dv-sc-canvas{width:100%;display:flex;align-items:center;justify-content:center}.dv-sc-canvas svg{width:100%;height:auto;max-height:60vh;border-radius:8px;box-shadow:0 6px 20px var(--color-shadow-softer)}.dv-sc-controls{display:flex;flex-direction:column;gap:18px}.dv-sc-group{display:flex;flex-direction:column;gap:7px}.dv-sc-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-dim)}.dv-sc-seg{display:inline-flex;flex-wrap:wrap;gap:6px;background:var(--color-surface-2);border:1px solid var(--color-border-muted);border-radius:10px;padding:4px}.dv-sc-seg button{flex:1 1 auto;min-width:64px;padding:7px 12px;border:none;border-radius:7px;background:transparent;color:var(--color-text-subtle);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease}.dv-sc-seg button:hover{color:var(--color-text-muted)}.dv-sc-seg button.is-active{background:var(--color-accent-mint);color:#fff}.dv-sc-actions{display:flex;gap:10px;margin-top:2px}.dv-sc-btn{flex:1 1 auto;padding:11px 14px;border:1px solid var(--color-border-muted);border-radius:10px;background:var(--color-surface-2);color:var(--color-text-muted);font-size:14px;font-weight:700;cursor:pointer}.dv-sc-btn:hover{background:var(--color-surface-3)}.dv-sc-btn:disabled{opacity:.6;cursor:default}.dv-sc-btn--primary{background:var(--color-accent-mint);border-color:var(--color-accent-mint);color:#fff}.dv-sc-btn--primary:hover{filter:brightness(1.06);background:var(--color-accent-mint)}.dv-sc-note{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--color-text-dim)}.pp-btn--card{border-color:var(--color-accent-violet);color:var(--color-accent-violet)}.pp-btn--card:hover{background:var(--color-accent-violet);color:#fff}body.light .dv-sc-overlay{background:#0f172a80}body.light .dv-sc-modal{background:var(--color-white)}body.light .dv-sc-preview{background:var(--color-surface-2)}body.light .dv-sc-seg button.is-active,body.light .dv-sc-btn--primary,body.light .pp-btn--card:hover{color:#fff}@media(max-width:680px){.dv-sc-body{grid-template-columns:1fr}}