.visual-controls{width:min(920px,100%);margin:0 auto 7px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted,#6b7280);font-size:.76rem}
.visual-controls label{font-weight:800}.visual-controls select{min-height:34px;border:1px solid var(--line,#d1d5db);border-radius:10px;padding:5px 9px;background:var(--soft,#f8fafc);color:var(--ink,#111827);font-size:.78rem}
.visual-options{display:flex;align-items:center;gap:7px}.visual-options[hidden]{display:none}
.visual-edit-target{display:inline-flex;align-items:center;gap:6px;border:1px solid #93c5fd;border-radius:999px;padding:4px 5px 4px 9px;background:#eff6ff;color:#1e3a8a;font-weight:800}.visual-edit-target[hidden]{display:none}.visual-edit-target button{border:0;border-radius:999px;background:#dbeafe;color:#1e3a8a;padding:3px 7px;font-size:.72rem;font-weight:800}
body.dark .visual-edit-target{border-color:#1d4ed8;background:#172554;color:#bfdbfe}body.dark .visual-edit-target button{background:#1e3a8a;color:#dbeafe}
.visual-card{margin:12px 0 8px;max-width:760px}.visual-preview{display:block;width:auto;max-width:100%;max-height:70vh;border:1px solid var(--line,#e5e7eb);border-radius:16px;background:#fff;object-fit:contain}
.visual-loading,.visual-error{min-height:120px;display:grid;place-items:center;border:1px dashed var(--line,#d1d5db);border-radius:16px;color:var(--muted,#6b7280);padding:18px}.visual-error{color:var(--danger,#b91c1c)}
.visual-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.visual-action{border:1px solid var(--line,#d1d5db);background:var(--panel,#fff);color:var(--ink,#111827);border-radius:10px;padding:7px 10px;font-size:.78rem;font-weight:800}.visual-action:disabled{opacity:.55}
@media(max-width:600px){.visual-controls{gap:5px}.visual-controls label{width:100%}.visual-controls select{flex:1;min-width:0}.visual-preview{max-height:58vh}.visual-action{flex:1}}