/* VERSÃO DO ARQUIVO: 1.5.2 - Alinha o fundo quadriculado da tela cheia aos tokens de tema do preview */
:root{
--conversor-svg-auto-surface:var(--color-bg-card);
--conversor-svg-auto-surface-muted:var(--light-gray);
--conversor-svg-auto-border:var(--light-gray);
--conversor-svg-auto-text:var(--dark-gray);
--conversor-svg-auto-text-muted:var(--medium-gray);
--conversor-svg-auto-accent:var(--primary-green);
--conversor-svg-auto-accent-secondary:var(--primary-blue);
--conversor-svg-auto-accent-soft:rgba(0,166,81,0.1);
--conversor-svg-auto-focus-ring:rgba(0,114,188,0.22);
--conversor-svg-auto-warning-bg:#fff7ed;
--conversor-svg-auto-warning-border:#fdba74;
--conversor-svg-auto-warning-text:#9a3412;
--conversor-svg-auto-progress-bg:#dbeafe;
--conversor-svg-auto-progress-fill:linear-gradient(90deg,var(--conversor-svg-auto-accent),var(--conversor-svg-auto-accent-secondary));
--conversor-svg-auto-success-bg:#ecfdf5;
--conversor-svg-auto-success-border:#86efac;
--conversor-svg-auto-success-text:#166534;
--conversor-svg-auto-candidate-bg:#f8fafc;
--conversor-svg-auto-candidate-border:#e2e8f0;
--conversor-svg-auto-candidate-metrics-border:rgba(148,163,184,0.35);
--conversor-svg-auto-candidate-hover-bg:#f1f5f9;
--conversor-svg-auto-candidate-hover-border:#cbd5e1;
--conversor-svg-auto-candidate-active-bg:linear-gradient(145deg,rgba(0,114,188,0.1),rgba(0,114,188,0.04));
--conversor-svg-auto-candidate-active-border:#0072bc;
--conversor-svg-auto-candidate-active-shadow:0 8px 20px rgba(0,114,188,0.14);
--conversor-svg-auto-candidate-best-bg:linear-gradient(145deg,rgba(0,166,81,0.14),rgba(0,166,81,0.05));
--conversor-svg-auto-candidate-best-border:#00a651;
--conversor-svg-auto-candidate-best-shadow:0 8px 20px rgba(0,166,81,0.12);
--conversor-svg-auto-candidate-best-active-bg:linear-gradient(145deg,rgba(0,166,81,0.18),rgba(0,114,188,0.08));
--conversor-svg-auto-candidate-best-active-border:#00a651;
--conversor-svg-auto-candidate-best-active-shadow:0 10px 24px rgba(0,114,188,0.16),inset 3px 0 0 #00a651;
--conversor-svg-auto-candidate-best-badge-bg:linear-gradient(135deg,#ecfdf5,#d1fae5);
--conversor-svg-auto-candidate-best-badge-text:#047857;
--conversor-svg-auto-candidates-panel-bg:linear-gradient(180deg,rgba(248,250,252,0.96),rgba(241,245,249,0.88));
--conversor-svg-auto-queue-max-height:min(42vh,22rem);
--conversor-svg-auto-queue-max-height-dense:min(36vh,18rem);
--conversor-svg-auto-fullscreen-backdrop:rgba(15,23,42,0.96);
--conversor-svg-auto-fullscreen-toolbar:rgba(15,23,42,0.88);
--conversor-svg-auto-fullscreen-text:#f8fafc;
--conversor-svg-auto-fullscreen-border:rgba(255,255,255,0.18);
--conversor-svg-auto-fullscreen-checker:var(--conversor-svg-checker);
--conversor-svg-auto-fullscreen-image-bg:var(--conversor-svg-transparent-bg);
--conversor-svg-auto-fullscreen-z:10020
}
[data-theme="dark"]{
--conversor-svg-auto-surface:var(--color-bg-card);
--conversor-svg-auto-surface-muted:#374151;
--conversor-svg-auto-border:#4b5563;
--conversor-svg-auto-text:var(--color-text);
--conversor-svg-auto-text-muted:#d1d5db;
--conversor-svg-auto-accent-soft:rgba(16,185,129,0.16);
--conversor-svg-auto-focus-ring:rgba(96,165,250,0.34);
--conversor-svg-auto-warning-bg:rgba(124,45,18,0.35);
--conversor-svg-auto-warning-border:#f59e0b;
--conversor-svg-auto-warning-text:#fed7aa;
--conversor-svg-auto-progress-bg:#1e3a5f;
--conversor-svg-auto-success-bg:rgba(20,83,45,0.42);
--conversor-svg-auto-success-border:#4ade80;
--conversor-svg-auto-success-text:#bbf7d0;
--conversor-svg-auto-candidate-bg:#2a3140;
--conversor-svg-auto-candidate-border:#3d4657;
--conversor-svg-auto-candidate-metrics-border:rgba(148,163,184,0.18);
--conversor-svg-auto-candidate-hover-bg:#313a4a;
--conversor-svg-auto-candidate-hover-border:#556070;
--conversor-svg-auto-candidate-active-bg:linear-gradient(145deg,rgba(59,130,246,0.2),rgba(59,130,246,0.08));
--conversor-svg-auto-candidate-active-border:#60a5fa;
--conversor-svg-auto-candidate-active-shadow:0 10px 24px rgba(15,23,42,0.45);
--conversor-svg-auto-candidate-best-bg:linear-gradient(145deg,rgba(16,185,129,0.2),rgba(16,185,129,0.08));
--conversor-svg-auto-candidate-best-border:#34d399;
--conversor-svg-auto-candidate-best-shadow:0 10px 24px rgba(6,78,59,0.35);
--conversor-svg-auto-candidate-best-active-bg:linear-gradient(145deg,rgba(16,185,129,0.24),rgba(59,130,246,0.12));
--conversor-svg-auto-candidate-best-active-border:#34d399;
--conversor-svg-auto-candidate-best-active-shadow:0 12px 28px rgba(15,23,42,0.5),inset 3px 0 0 #34d399;
--conversor-svg-auto-candidate-best-badge-bg:linear-gradient(135deg,rgba(16,185,129,0.28),rgba(5,150,105,0.18));
--conversor-svg-auto-candidate-best-badge-text:#6ee7b7;
--conversor-svg-auto-candidates-panel-bg:linear-gradient(180deg,rgba(36,41,51,0.98),rgba(30,35,45,0.92));
--conversor-svg-auto-fullscreen-backdrop:rgba(3,7,18,0.98);
--conversor-svg-auto-fullscreen-toolbar:rgba(17,24,39,0.94)
}
.conversor-svg-automatic-mode,.conversor-svg-automatic-progress,.conversor-svg-automatic-candidates,.conversor-svg-automatic-premium-settings{width:100%;box-sizing:border-box;border:1px solid var(--conversor-svg-auto-border);border-radius:12px;background:var(--conversor-svg-auto-surface);color:var(--conversor-svg-auto-text)}
.conversor-svg-automatic-mode{padding:8px 12px;border:1px solid var(--conversor-svg-border-color-control);border-radius:8px;background:var(--conversor-svg-bg-container);box-shadow:0 2px 8px rgba(0,0,0,0.05);color:var(--conversor-svg-text-label)}
.conversor-svg-controls .conversor-svg-automatic-mode{margin:0}
.conversor-svg-automatic-settings-body{gap:0.85rem}
.conversor-svg-automatic-settings-body .conversor-svg-automatic-progress,.conversor-svg-automatic-settings-body .conversor-svg-automatic-candidates{margin-top:0;padding:0.85rem}
.conversor-svg-automatic-settings-body .conversor-svg-automatic-progress-header,.conversor-svg-automatic-settings-body .conversor-svg-automatic-candidates-header,.conversor-svg-automatic-settings-body .conversor-svg-automatic-progress-actions{flex-direction:column;align-items:stretch}
.conversor-svg-automatic-settings-body .conversor-svg-automatic-elapsed-time{white-space:normal}
.conversor-svg-automatic-settings-body .conversor-svg-automatic-cancel{width:100%}
.conversor-svg-automatic-settings-body .conversor-svg-automatic-queue{grid-template-columns:1fr;max-height:var(--conversor-svg-auto-queue-max-height)}
.conversor-svg-automatic-settings-body .conversor-svg-automatic-progress.is-dense-queue .conversor-svg-automatic-queue{max-height:var(--conversor-svg-auto-queue-max-height-dense)}
.conversor-svg-automatic-settings-body .conversor-svg-automatic-candidate-list{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:1fr;overflow-x:visible;scroll-snap-type:none;padding-bottom:0}
.conversor-svg-automatic-settings-body .conversor-svg-automatic-candidates.is-dense-queue .conversor-svg-automatic-candidate-list{max-height:var(--conversor-svg-auto-queue-max-height-dense);overflow-y:auto}
.conversor-svg-automatic-settings-body .conversor-svg-automatic-best-badge{align-self:flex-start;white-space:normal}
.conversor-svg-automatic-mode-toggle{display:flex;align-items:flex-start;gap:0.75rem}
.conversor-svg-automatic-mode-toggle input{width:1.1rem;height:1.1rem;margin:0.18rem 0 0;accent-color:var(--conversor-svg-auto-accent);flex:0 0 auto}
.conversor-svg-automatic-mode-toggle label{display:grid;gap:0.2rem;cursor:pointer}
.conversor-svg-automatic-mode-toggle input:disabled + label{cursor:not-allowed}
.conversor-svg-automatic-mode-label{font-weight:600;line-height:1.35;color:var(--conversor-svg-text-label)}
.conversor-svg-automatic-mode-description,.conversor-svg-automatic-progress-header p,.conversor-svg-automatic-progress-actions p,.conversor-svg-automatic-candidates-header p,.conversor-svg-automatic-premium-settings-details>p{color:var(--conversor-svg-auto-text-muted);font-size:0.88rem;line-height:1.5}
.conversor-svg-automatic-mode .conversor-svg-automatic-mode-description{color:var(--conversor-svg-text-secondary);font-size:0.8rem;line-height:1.45}
.conversor-svg-automatic-mode-description{margin:0.75rem 0 0}
.conversor-svg-automatic-mode-duration{display:flex;align-items:flex-start;gap:0.45rem;margin:0.75rem 0 0;padding:0.7rem 0.75rem;border:1px solid var(--conversor-svg-auto-warning-border);border-radius:8px;background:var(--conversor-svg-auto-warning-bg);color:var(--conversor-svg-auto-warning-text);font-size:0.84rem;line-height:1.45}
.conversor-svg-automatic-mode-duration svg{flex:0 0 auto;margin-top:0.05rem}
.conversor-svg-automatic-mode-choice{display:grid;gap:0.75rem;margin:0.85rem 0 0;padding:0.85rem 0.9rem;border:1px solid var(--conversor-svg-auto-border);border-radius:10px;background:var(--conversor-svg-auto-surface-muted)}
.conversor-svg-automatic-mode-choice-question{margin:0;color:var(--conversor-svg-auto-text);font-size:0.92rem;font-weight:600;line-height:1.4}
.conversor-svg-automatic-mode-choice-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.65rem}
.conversor-svg-automatic-mode-choice-button{width:100%;justify-content:center;text-align:center;white-space:normal;line-height:1.35}
.conversor-svg-automatic-progress,.conversor-svg-automatic-candidates{margin-top:1.25rem;padding:1rem}
.conversor-svg-automatic-progress{display:flex;flex-direction:column;min-width:0}
.conversor-svg-automatic-candidates{background:var(--conversor-svg-auto-candidates-panel-bg);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}
.conversor-svg-automatic-progress[hidden],.conversor-svg-automatic-candidates[hidden],.conversor-svg-automatic-code-protection[hidden],.conversor-svg-automatic-premium-settings[hidden],.conversor-svg-automatic-best-badge[hidden],.conversor-svg-automatic-candidate-best-badge[hidden],.conversor-svg-automatic-mode-choice[hidden]{display:none !important}
.conversor-svg-automatic-progress-header,.conversor-svg-automatic-candidates-header,.conversor-svg-automatic-progress-actions,.conversor-svg-automatic-premium-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.conversor-svg-automatic-progress h2,.conversor-svg-automatic-candidates h2,.conversor-svg-automatic-premium-settings h3{margin:0;color:var(--conversor-svg-auto-text);font-size:1rem;line-height:1.35}
.conversor-svg-automatic-progress-header p,.conversor-svg-automatic-candidates-header p,.conversor-svg-automatic-progress-actions p,.conversor-svg-automatic-premium-settings-details>p{margin:0.35rem 0 0}
.conversor-svg-automatic-candidates-header{padding-bottom:0.8rem;border-bottom:1px solid var(--conversor-svg-auto-border)}
.conversor-svg-automatic-candidates-header p{font-variant-numeric:tabular-nums}
.conversor-svg-automatic-elapsed-time{flex:0 0 auto;margin:0;color:var(--conversor-svg-auto-text);font-size:0.86rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.conversor-svg-automatic-progress-bar{width:100%;height:0.7rem;margin-top:1rem;overflow:hidden;border-radius:999px;background:var(--conversor-svg-auto-progress-bg)}
.conversor-svg-automatic-progress-value{display:block;width:0;height:100%;border-radius:inherit;background:var(--conversor-svg-auto-progress-fill);transition:width 0.25s ease}
.conversor-svg-automatic-progress-actions{align-items:center;margin-top:0.85rem}
.conversor-svg-automatic-cancel{flex:0 0 auto}
.conversor-svg-automatic-queue,.conversor-svg-automatic-candidate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.65rem;margin:1rem 0 0;padding:0;list-style:none}
.conversor-svg-automatic-queue{max-height:var(--conversor-svg-auto-queue-max-height);overflow-x:hidden;overflow-y:auto;padding-right:0.15rem;scrollbar-gutter:stable;overscroll-behavior:contain}
.conversor-svg-automatic-progress.is-dense-queue .conversor-svg-automatic-queue{max-height:var(--conversor-svg-auto-queue-max-height-dense);gap:0.5rem}
.conversor-svg-automatic-progress.is-dense-queue .conversor-svg-automatic-queue li{min-height:3.85rem;padding:0.65rem 0.75rem}
.conversor-svg-automatic-candidates.is-dense-queue .conversor-svg-automatic-candidate-list{max-height:var(--conversor-svg-auto-queue-max-height-dense);overflow-x:hidden;overflow-y:auto;padding-right:0.15rem;scrollbar-gutter:stable;overscroll-behavior:contain}
.conversor-svg-automatic-queue li{display:grid;gap:0.45rem;width:100%;min-width:0;min-height:4.75rem;padding:0.8rem 0.9rem;border:1.5px solid var(--conversor-svg-auto-candidate-border);border-radius:12px;background:var(--conversor-svg-auto-candidate-bg);color:var(--conversor-svg-auto-text);font-size:0.84rem;line-height:1.35}
.conversor-svg-automatic-queue li.is-processing{border-color:var(--conversor-svg-auto-candidate-active-border);background:var(--conversor-svg-auto-candidate-active-bg);box-shadow:var(--conversor-svg-auto-candidate-active-shadow)}
.conversor-svg-automatic-queue li.is-processing [data-svg-automatic-queue-status]{color:var(--conversor-svg-auto-text);font-weight:700}
.conversor-svg-automatic-queue li.is-error{border-color:var(--conversor-svg-auto-warning-border);background:var(--conversor-svg-auto-warning-bg)}
.conversor-svg-automatic-queue li.is-error [data-svg-automatic-queue-status]{color:var(--conversor-svg-auto-warning-text);font-weight:700}
.conversor-svg-automatic-best-badge{display:inline-flex;align-items:center;gap:0.35rem;flex:0 0 auto;padding:0.45rem 0.6rem;border:1px solid var(--conversor-svg-auto-success-border);border-radius:999px;background:var(--conversor-svg-auto-success-bg);color:var(--conversor-svg-auto-success-text);font-size:0.78rem;font-weight:700;white-space:nowrap}
.conversor-svg-automatic-candidate-list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(10.5rem,1fr);overflow-x:auto;padding-bottom:0.25rem;scroll-snap-type:x mandatory;scrollbar-color:var(--conversor-svg-auto-border) transparent}
.conversor-svg-automatic-candidate{display:grid;gap:0.45rem;width:100%;min-height:4.75rem;padding:0.8rem 0.9rem;border:1.5px solid var(--conversor-svg-auto-candidate-border);border-radius:12px;background:var(--conversor-svg-auto-candidate-bg);color:var(--conversor-svg-auto-text);font:inherit;text-align:left;scroll-snap-align:start;transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease,transform 0.15s ease,opacity 0.2s ease}
.conversor-svg-automatic-candidate-title{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem 0.5rem;min-width:0}
.conversor-svg-automatic-candidate-title [data-svg-automatic-candidate-label],.conversor-svg-automatic-queue .conversor-svg-automatic-candidate-title>span{font-size:0.88rem;font-weight:700;line-height:1.3}
.conversor-svg-automatic-candidate [data-svg-automatic-candidate-metrics],.conversor-svg-automatic-queue li [data-svg-automatic-queue-status]{padding-top:0.45rem;border-top:1px solid var(--conversor-svg-auto-candidate-metrics-border);color:var(--conversor-svg-auto-text-muted);font-size:0.74rem;line-height:1.4;font-variant-numeric:tabular-nums}
.conversor-svg-automatic-candidate-best-badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.14rem 0.45rem;border:1px solid var(--conversor-svg-auto-success-border);border-radius:999px;background:var(--conversor-svg-auto-candidate-best-badge-bg);color:var(--conversor-svg-auto-candidate-best-badge-text);font-size:0.62rem;font-weight:700;line-height:1.2;letter-spacing:0.02em;text-transform:uppercase;white-space:nowrap}
.conversor-svg-automatic-candidate-best-badge svg{flex:0 0 auto;opacity:0.95}
.conversor-svg-automatic-candidate:disabled{opacity:0.58;cursor:not-allowed;filter:saturate(0.75)}
.conversor-svg-automatic-candidate:not(:disabled){cursor:pointer}
.conversor-svg-automatic-candidate:not(:disabled):not([aria-pressed="true"]):not(.is-best):hover{border-color:var(--conversor-svg-auto-candidate-hover-border);background:var(--conversor-svg-auto-candidate-hover-bg);transform:translateY(-1px)}
.conversor-svg-automatic-candidate:not(:disabled)[aria-pressed="true"]:not(.is-best){border-color:var(--conversor-svg-auto-candidate-active-border);background:var(--conversor-svg-auto-candidate-active-bg);box-shadow:var(--conversor-svg-auto-candidate-active-shadow)}
.conversor-svg-automatic-candidate:not(:disabled).is-best:not([aria-pressed="true"]){border-color:var(--conversor-svg-auto-candidate-best-border);background:var(--conversor-svg-auto-candidate-best-bg);box-shadow:var(--conversor-svg-auto-candidate-best-shadow)}
.conversor-svg-automatic-candidate:not(:disabled).is-best[aria-pressed="true"]{border-color:var(--conversor-svg-auto-candidate-best-active-border);background:var(--conversor-svg-auto-candidate-best-active-bg);box-shadow:var(--conversor-svg-auto-candidate-best-active-shadow)}
.conversor-svg-automatic-candidate:not(:disabled).is-best:not([aria-pressed="true"]):hover,.conversor-svg-automatic-candidate:not(:disabled).is-best[aria-pressed="true"]:hover{transform:translateY(-1px)}
.conversor-svg-automatic-mode-toggle input:focus-visible,.conversor-svg-automatic-cancel:focus-visible,.conversor-svg-automatic-candidate:focus-visible{outline:3px solid var(--conversor-svg-auto-focus-ring);outline-offset:2px}
.conversor-svg-automatic-code-protection{margin:0 0 1rem;padding:0.85rem 1rem;border:1px solid var(--conversor-svg-auto-warning-border);border-radius:10px;background:var(--conversor-svg-auto-warning-bg);color:var(--conversor-svg-auto-warning-text);font-size:0.9rem;line-height:1.5}
.conversor-svg-automatic-code-protection.is-loading{display:flex;align-items:center;gap:0.65rem}
.conversor-svg-automatic-code-protection.is-loading::before{content:"";width:1rem;height:1rem;flex:0 0 auto;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:conversor-svg-automatic-spin 0.75s linear infinite}
.conversor-svg-codigo.is-protected{min-height:9rem;color:transparent;user-select:none;caret-color:transparent}
.conversor-svg-automatic-reveal-code{display:flex;width:fit-content;margin:1rem auto;gap:0.45rem}
.conversor-svg-automatic-reveal-code[hidden],.conversor-svg-fullscreen-btn[hidden],.conversor-svg-fullscreen-preview[hidden]{display:none !important}
.conversor-svg-preview-header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0.55rem}
.conversor-svg-fullscreen-btn{flex:0 0 auto;padding:0.45rem 0.85rem;font-size:0.82rem;border-radius:8px;gap:0.4rem}
.conversor-svg-preview.is-fullscreen-available{cursor:zoom-in}
.conversor-svg-preview.is-fullscreen-available:focus-visible{outline:3px solid var(--conversor-svg-auto-focus-ring);outline-offset:4px}
.conversor-svg-fullscreen-preview{position:fixed;inset:0;z-index:var(--conversor-svg-auto-fullscreen-z);display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--conversor-svg-auto-fullscreen-backdrop);color:var(--conversor-svg-auto-fullscreen-text)}
.conversor-svg-fullscreen-preview-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.75rem 1rem;border-bottom:1px solid var(--conversor-svg-auto-fullscreen-border);background:var(--conversor-svg-auto-fullscreen-toolbar)}
.conversor-svg-fullscreen-preview-title{min-width:0;margin:0;color:inherit;font-size:1rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversor-svg-fullscreen-preview-controls{display:flex;align-items:center;justify-content:flex-end;gap:0.45rem}
.conversor-svg-fullscreen-preview-control{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0.5rem;border:1px solid var(--conversor-svg-auto-fullscreen-border);border-radius:9px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.conversor-svg-fullscreen-preview-control:hover{background:rgba(255,255,255,0.1)}
.conversor-svg-fullscreen-preview-control:focus-visible{outline:3px solid var(--conversor-svg-auto-focus-ring);outline-offset:2px}
.conversor-svg-fullscreen-preview-control:disabled{opacity:0.45;cursor:not-allowed}
.conversor-svg-fullscreen-preview-center{gap:0.35rem;padding-inline:0.65rem}
.conversor-svg-fullscreen-preview-center span{font-size:0.78rem}
.conversor-svg-fullscreen-preview-zoom{min-width:4.25rem;color:inherit;font-size:0.82rem;font-variant-numeric:tabular-nums;text-align:center}
.conversor-svg-fullscreen-preview-stage{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;overscroll-behavior:contain;cursor:grab;background-color:var(--conversor-svg-auto-fullscreen-image-bg);background-image:linear-gradient(45deg,var(--conversor-svg-auto-fullscreen-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--conversor-svg-auto-fullscreen-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--conversor-svg-auto-fullscreen-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--conversor-svg-auto-fullscreen-checker) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.conversor-svg-fullscreen-preview-stage.is-dragging{cursor:grabbing}
.conversor-svg-fullscreen-preview-background-color{width:44px;height:44px;padding:3px;border:1px solid var(--conversor-svg-auto-fullscreen-border);border-radius:9px;background:transparent;cursor:pointer}
.conversor-svg-fullscreen-preview-background-color:focus-visible{outline:3px solid var(--conversor-svg-auto-focus-ring);outline-offset:2px}
.conversor-svg-fullscreen-preview-background-color[hidden]{display:none !important}
.conversor-svg-fullscreen-preview-stage.has-custom-background{background-image:none}
.conversor-svg-fullscreen-preview-image{display:block;max-width:none;max-height:none;width:auto;height:auto;transform:translate3d(var(--conversor-svg-fullscreen-pan-x,0),var(--conversor-svg-fullscreen-pan-y,0),0);transform-origin:center center;image-rendering:auto;user-select:none;-webkit-user-drag:none;will-change:transform,width,height}
.conversor-svg-fullscreen-preview-help{margin:0;padding:0.65rem 1rem;border-top:1px solid var(--conversor-svg-auto-fullscreen-border);background:var(--conversor-svg-auto-fullscreen-toolbar);color:inherit;font-size:0.8rem;line-height:1.4;text-align:center}
.conversor-svg-fullscreen-preview-open{overflow:hidden}
.conversor-svg-automatic-premium-settings{margin:0 0 1rem;padding:1rem;border-color:var(--conversor-svg-auto-success-border);background:var(--conversor-svg-auto-success-bg)}
.conversor-svg-automatic-premium-settings-details{margin:0}
.conversor-svg-automatic-premium-settings-header{align-items:center;cursor:pointer;list-style:none}
.conversor-svg-automatic-premium-settings-header::-webkit-details-marker{display:none}
.conversor-svg-automatic-premium-settings-header::before{content:"";width:0.5rem;height:0.5rem;flex:0 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform 0.2s ease}
.conversor-svg-automatic-premium-settings-details[open] .conversor-svg-automatic-premium-settings-header::before{transform:rotate(225deg)}
.conversor-svg-automatic-premium-settings-header h3{flex:1}
.conversor-svg-automatic-premium-settings-header span{padding:0.25rem 0.5rem;border-radius:999px;background:var(--conversor-svg-auto-accent);color:var(--white);font-size:0.74rem;font-weight:700}
.conversor-svg-automatic-premium-settings-header:focus-visible{outline:3px solid var(--conversor-svg-auto-focus-ring);outline-offset:4px}
.conversor-svg-automatic-premium-settings dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.65rem;margin:1rem 0 0}
.conversor-svg-automatic-premium-settings dl>div{padding:0.7rem;border:1px solid var(--conversor-svg-auto-success-border);border-radius:8px;background:var(--conversor-svg-auto-surface)}
.conversor-svg-automatic-premium-settings dt{color:var(--conversor-svg-auto-text-muted);font-size:0.76rem}
.conversor-svg-automatic-premium-settings dd{margin:0.2rem 0 0;color:var(--conversor-svg-auto-text);font-size:0.88rem;font-weight:700}
.conversor-svg-automatic-premium-settings-actions{display:flex;flex-direction:column;gap:0.55rem;margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--conversor-svg-auto-success-border)}
.conversor-svg-automatic-premium-settings-transfer-label{color:var(--conversor-svg-auto-text);font-size:0.86rem;font-weight:600}
.conversor-svg-automatic-premium-settings-transfer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:0.65rem}
.conversor-svg-automatic-premium-settings-transfer-select{flex:1 1 220px;min-width:0;max-width:100%;padding:0.55rem 0.7rem;border:1px solid var(--conversor-svg-auto-success-border);border-radius:8px;background:var(--conversor-svg-auto-surface);color:var(--conversor-svg-auto-text);font:inherit}
.conversor-svg-automatic-premium-settings-transfer-select:focus-visible{outline:3px solid var(--conversor-svg-auto-focus-ring);outline-offset:2px}
.conversor-svg-automatic-premium-settings-transfer-btn{flex:0 0 auto;white-space:nowrap}
.conversor-svg-automatic-premium-settings-transfer-hint{margin:0;color:var(--conversor-svg-auto-text-muted);font-size:0.8rem;line-height:1.45}
@media (max-width:768px){
.conversor-svg-automatic-progress-header,.conversor-svg-automatic-candidates-header,.conversor-svg-automatic-progress-actions{flex-direction:column}
.conversor-svg-automatic-progress-actions{align-items:stretch}
.conversor-svg-automatic-cancel{width:100%}
.conversor-svg-automatic-candidate-list{grid-auto-columns:minmax(13.5rem,78%)}
.conversor-svg-automatic-premium-settings dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.conversor-svg-fullscreen-preview-header{align-items:flex-start;flex-direction:column}
.conversor-svg-fullscreen-preview-controls{width:100%;justify-content:center;flex-wrap:wrap}
}
@media (max-width:480px){
.conversor-svg-automatic-mode,.conversor-svg-automatic-progress,.conversor-svg-automatic-candidates,.conversor-svg-automatic-premium-settings{padding:0.85rem}
.conversor-svg-automatic-mode{padding:8px 12px}
.conversor-svg-automatic-mode-choice-actions{grid-template-columns:1fr}
.conversor-svg-automatic-queue,.conversor-svg-automatic-premium-settings dl{grid-template-columns:1fr}
.conversor-svg-automatic-candidate-list{grid-auto-columns:minmax(100%,1fr)}
.conversor-svg-preview-header-actions{width:100%;justify-content:stretch}
.conversor-svg-preview-header-actions .tool-btn{flex:1 1 auto;justify-content:center}
.conversor-svg-fullscreen-preview-header{padding:0.55rem}
.conversor-svg-fullscreen-preview-control{min-width:42px;min-height:42px}
.conversor-svg-fullscreen-preview-center span{display:none}
.conversor-svg-fullscreen-preview-help{padding:0.55rem;font-size:0.74rem}
}
@media (prefers-reduced-motion:reduce){
.conversor-svg-automatic-progress-value,.conversor-svg-automatic-premium-settings-header::before,.conversor-svg-automatic-candidate{transition:none}
.conversor-svg-automatic-code-protection.is-loading::before{animation:none}
.conversor-svg-automatic-candidate:not(:disabled):not([aria-pressed="true"]):not(.is-best):hover,.conversor-svg-automatic-candidate:not(:disabled).is-best:not([aria-pressed="true"]):hover,.conversor-svg-automatic-candidate:not(:disabled).is-best[aria-pressed="true"]:hover{transform:none}
.conversor-svg-fullscreen-preview-image{will-change:auto}
}
@keyframes conversor-svg-automatic-spin{to{transform:rotate(360deg)}}