:root,html[data-theme=claro],[data-theme=claro],html[data-theme=minimal],[data-theme=minimal],html[data-theme=nordic],[data-theme=nordic],html[data-theme=fintech],[data-theme=fintech]{--color-canvas: #ffffff;--color-surface: #fafafa;--color-surface-subtle: #f4f4f5;--color-surface-input: #ffffff;--color-border: #e4e4e7;--color-border-subtle: #d4d4d8;--color-border-dashed: #a1a1aa;--color-text-main: #18181b;--color-text-muted: #52525b;--color-text-faint: #71717a;--color-primary: #16a34a;--color-primary-hover: #15803d;--color-primary-text: #ffffff;--color-primary-bg-subtle: #f0fdf4;--color-primary-border: #bbf7d0;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-warning: #ea580c;--color-warning-bg: #fff7ed;--color-warning-border: #fed7aa;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-danger-text: #ffffff;--color-header-bg: rgba(250, 250, 250, .92);--color-header-border: #e4e4e7;--color-footer-bg: #f4f4f5;--color-footer-border: #e4e4e7;--color-dropzone-bg: #fafafa;--color-dropzone-hover-bg: #ffffff;--color-dropzone-border: #a1a1aa;--color-dropzone-dragover-border: #16a34a;--color-preview-bg: #fafafa;--color-preview-text: #18181b;--color-preview-code-bg: #ffffff;--color-preview-code-border: #e4e4e7}html[data-theme=oscuro],[data-theme=oscuro],html[data-theme=dark],[data-theme=dark],html[data-theme=titanium],[data-theme=titanium]{--color-canvas: #0f172a;--color-surface: #1e293b;--color-surface-subtle: #162032;--color-surface-input: #0b1120;--color-border: #334155;--color-border-subtle: #475569;--color-border-dashed: #64748b;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-text-faint: #64748b;--color-primary: #0284c7;--color-primary-hover: #0369a1;--color-primary-text: #ffffff;--color-primary-bg-subtle: rgba(2, 132, 199, .15);--color-primary-border: rgba(2, 132, 199, .35);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .15);--color-success-border: rgba(16, 185, 129, .35);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-border: rgba(245, 158, 11, .35);--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-bg: rgba(239, 68, 68, .15);--color-danger-border: rgba(239, 68, 68, .35);--color-danger-text: #ffffff;--color-header-bg: rgba(15, 23, 42, .9);--color-header-border: #1e293b;--color-footer-bg: #0b1120;--color-footer-border: #1e293b;--color-dropzone-bg: #1e293b;--color-dropzone-hover-bg: #273549;--color-dropzone-border: #475569;--color-dropzone-dragover-border: #38bdf8;--color-preview-bg: #162032;--color-preview-text: #f8fafc;--color-preview-code-bg: #0b1120;--color-preview-code-border: #334155}:root{--font-base-size: 16px}html{font-family:Verdana,Segoe UI,Tahoma,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-base-size);transition:background-color .2s ease,color .2s ease}body{font-family:Verdana,Segoe UI,Tahoma,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased;background-color:var(--color-canvas);color:var(--color-text-main);transition:background-color .2s ease,color .2s ease}.text-\[10px\],.text-\[11px\],.text-xs{font-size:.875rem!important;line-height:1.45}html[data-vheight=compact] header .h-16{height:3rem}html[data-vheight=compact] #hero-section{padding-top:1.25rem;padding-bottom:.5rem}html[data-vheight=compact] #hero-title{font-size:1.65rem;line-height:1.2;margin-bottom:.25rem}html[data-vheight=compact] #hero-desc{font-size:.8rem;line-height:1.25}html[data-vheight=compact] #drop-zone{padding-top:1.5rem;padding-bottom:1.5rem}html[data-vheight=compact] .gateway-icons-container{margin-bottom:1rem;gap:1rem}html[data-vheight=compact] #drop-zone h2{font-size:1.15rem;margin-bottom:.65rem}html[data-vheight=compact] #results-container{margin-top:.75rem}html[data-vheight=compact] #results-container>:not([hidden])~:not([hidden]){margin-top:.625rem!important}html[data-vheight=compact] details{padding:.625rem .875rem!important}html[data-vheight=compact] #auto-download-banner{padding:.75rem 1rem}html[data-vheight=compact] .metric-card{padding:.625rem .75rem}html[data-vheight=compact] .metric-card .text-lg,html[data-vheight=compact] .metric-card .sm\:text-xl{font-size:1.125rem;line-height:1.25}html[data-vwidth=split] #metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem}html[data-vwidth=split] #hero-title{font-size:1.45rem}html[data-vwidth=split] .gateway-icons-container{gap:.75rem}html[data-vwidth=split] #auto-download-banner{flex-direction:column;align-items:flex-start;gap:.5rem}#hero-title{font-size:clamp(1.75rem,3.5vw + .5rem,3.25rem);line-height:1.15}#hero-desc{font-size:clamp(.85rem,1vw + .35rem,1.05rem)}#drop-zone{min-height:clamp(140px,20vh,230px)}#drop-zone h2{font-size:clamp(1.2rem,1.8vw + .4rem,1.6rem)}@media(max-width:1024px){#metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){#metrics-grid{grid-template-columns:1fr!important}.gateway-icons-container{gap:.75rem!important}#auto-download-banner{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}}