:root{--body-accent-rgb: 85, 170, 235;--body-secondary-rgb: 55, 135, 200}[data-theme=light]{--body-accent-rgb: 25, 85, 140;--body-secondary-rgb: 35, 115, 180}main{--accent: rgb(85, 170, 235);--accent-hover: rgb(55, 135, 200);--accent-reverse: rgba(85, 170, 235, .9);--accent-hover-reverse: rgba(55, 135, 200, .8);--accent-bg: rgb(55, 120, 180);--accent-hover-bg: rgb(45, 100, 160);--accent-bg-rgb: 55, 120, 180;--secondary: rgba(55, 135, 200, 1);--secondary-hover: rgba(105, 190, 255, 1);--tertiary: rgba(105, 190, 255, .8);--hero-text-gradient: linear-gradient(270deg, #55AAEB 0%, #6BC0F0 15%, #4196D7 35%, #3787C8 60%, #2D73B4 80%, #5FB8ED 100%);--category-accent: rgb(85, 170, 235);--category-bg: rgba(85, 170, 235, .15);--filter-accent: rgb(55, 135, 200);--filter-bg: rgba(85, 170, 235, .9);--accent-rgb: 85, 170, 235;--secondary-rgb: 55, 135, 200;--tertiary-rgb: 105, 190, 255;--generator-primary: var(--accent);--generator-secondary: var(--secondary);--generator-highlight: rgba(var(--accent-rgb), .1);--button-primary-text: white}[data-theme=light] main{--accent: rgb(25, 85, 140);--accent-hover: rgb(35, 115, 180);--accent-rgb: 25, 85, 140;--accent-bg: rgb(25, 85, 140);--accent-hover-bg: rgb(35, 115, 180);--accent-bg-rgb: 25, 85, 140;--secondary: rgba(35, 115, 180, 1);--secondary-hover: rgba(15, 70, 120, 1);--secondary-rgb: 35, 115, 180;--tertiary: rgba(15, 70, 120, .8);--hero-text-gradient: linear-gradient(270deg, #2373B4 0%, #1A5F9A 15%, #195588 35%, #144B76 60%, #0F4164 80%, #2373B4 100%);--button-primary-text: white;--category-accent: rgb(25, 85, 140);--filter-accent: rgb(35, 115, 180)}main .generator-card{box-shadow:var(--glass-shadow),0 0 20px #55aaeb14}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.required-indicator{color:#e74c3c;font-weight:700;margin-left:.25rem}.model-option:focus-visible,.separator-btn:focus-visible,.format-tab:focus-visible,.start-export-card:focus-visible,.make-automation-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}.file-upload-label:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}button:focus-visible,.action-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.styled-dropdown input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1)}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1)}.header-checkbox:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1)}.dropdown-item:focus{outline:2px solid var(--accent);outline-offset:-2px;background:rgba(var(--accent-rgb),.1)}[aria-hidden=true]{pointer-events:none}.model-option[role=radio],.model-option[role=button],.separator-btn[role=radio],.format-tab[role=tab],.start-export-card[role=button],.make-automation-card[role=button]{cursor:pointer;-webkit-user-select:none;user-select:none}.model-option:active,.separator-btn:active,.format-tab:active,.start-export-card:active,.make-automation-card:active{transform:scale(.98);transition:transform .1s ease}.hidden,.hidden *{visibility:hidden;pointer-events:none}#phone-column-dropdown.has-selection .styled-input{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}#country-column-dropdown.has-selection .styled-input{border-color:#ff8c00;background:#ff8c000d}#text-phone-column-dropdown.has-selection .styled-input{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}#text-country-column-dropdown.has-selection .styled-input{border-color:#ff8c00;background:#ff8c000d}.header-checkbox-container{margin-bottom:1.5rem}.header-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.header-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--accent)}.checkbox-text{color:var(--text-primary);font-size:.95rem;font-weight:500}.separator-selection-container{display:flex;flex-direction:column;gap:.75rem}.separator-label{color:var(--text-primary);font-size:.9rem;font-weight:500}.separator-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.separator-btn{display:flex;align-items:center;justify-content:space-evenly;gap:.4rem;padding:.4rem .75rem;min-width:100px;background:var(--bg-primary);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.separator-btn .separator-icon{font-size:1.8rem;font-weight:600;color:var(--accent);opacity:.7}.separator-btn.active .separator-icon{opacity:1}.separator-btn:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.separator-btn.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent);font-weight:600}.custom-separator-btn{min-width:auto;padding:.4rem .75rem}.custom-separator-btn .custom-label{flex-shrink:0}.custom-separator-input{padding:.25rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;width:50px!important;text-align:center}.custom-separator-input:focus{outline:none;border-color:var(--accent);background:var(--bg-primary)}.custom-separator-input::placeholder{color:var(--text-tertiary)}@media(max-width:768px){.separator-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.custom-separator-btn{grid-column:span 2}}.model-description code{background:rgba(var(--accent-rgb),.1);color:var(--accent);padding:.2em .4em;border-radius:3px;font-family:Courier New,monospace;font-size:.85em}.model-option input[type=radio]{display:none}main .generate-btn,main .btn-primary{color:#fff}main .generate-btn:before,main .btn-primary:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)!important}main .generate-btn:hover,main .btn-primary:hover{color:#fff}.compact-errors-table{background:var(--bg-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--border);margin-top:1rem}.compact-errors-table table{width:100%;border-collapse:collapse}.compact-errors-table th{text-align:left;padding:.5rem;font-weight:600;border-bottom:1px solid var(--border-color);background:var(--bg-accent)}.compact-errors-table td{padding:.4rem .5rem;font-size:.9em;vertical-align:top;border-bottom:1px solid var(--border-color)}.compact-errors-table tr:nth-child(2n){background:var(--bg-primary)}.compact-errors-table .error-row-number{color:var(--text-secondary)}.compact-errors-table .error-input{font-family:monospace;font-size:.85em;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-errors-table .error-message{color:#e74c3c}.status-no-phone{color:var(--text-secondary);font-weight:600;opacity:.7}.status-valid{color:#27ae60;font-weight:600}.status-invalid{color:#e74c3c;font-weight:600}.row-invalid{background:#e74c3c0d;opacity:.9}.row-no-phone{background:var(--bg-secondary);opacity:.5}.invalid-phone{color:#e74c3c;font-style:italic}.invalid-country{color:var(--text-secondary)}.no-phone-text{color:var(--text-secondary);font-style:italic;opacity:.7}.no-phone-country{color:var(--text-secondary);opacity:.5}.no-phone-message{color:var(--text-secondary);background:rgba(var(--text-secondary-rgb, 150, 150, 150),.05);font-style:italic}.truncated-info{text-align:center;font-style:italic;background:var(--bg-secondary);padding:1rem}.no-errors-message{text-align:center;color:var(--text-secondary);padding:2rem}.large-errors-warning{background:var(--bg-accent);padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.error-section-header{cursor:pointer;transition:background .2s}.error-section-header:hover{background:var(--bg-secondary)}.error-section-title{padding:0!important;border:none!important}.error-section-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:none;border:none;color:var(--text-primary);font-size:1rem;cursor:pointer;text-align:left;transition:all .2s}.error-section-toggle:hover{background:var(--bg-hover)}.error-section-toggle .toggle-icon{flex-shrink:0;transition:transform .2s}.error-section-toggle.expanded .toggle-icon{transform:rotate(180deg)}.error-section-toggle .error-count{color:var(--text-secondary);font-weight:400;margin-left:.25rem}.error-section-no-phone .error-section-toggle{color:var(--text-secondary);opacity:.8}.error-section-invalid .error-section-toggle,.error-section-invalid .error-section-toggle strong{color:#e74c3c}.error-row-no-phone{opacity:.7}.result-container{background-color:var(--bg-secondary);border-radius:16px;border:var(--glass-border);box-shadow:var(--glass-shadow);margin-top:3rem;min-height:600px;flex-direction:column;display:none;overflow:hidden}.result-container.visible{display:flex}.format-tabs{margin:1.5rem 1.5rem 0}.format-tab{padding:.75rem 1.5rem;font-size:.9rem;text-align:center;transition:all .2s ease}.format-tab.active{border-color:var(--accent)}.export-type-info{border-radius:0;border:none;border-bottom:1px solid var(--border)}.export-type-title{margin:0 0 .5rem}.tab-content{padding:0 1.5rem 1.5rem;flex:1;overflow-y:auto;min-height:0}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-stat{text-align:center;padding:1rem;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border-radius:8px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{display:block;font-size:1.8rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.results-table-container{background:var(--bg-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--border);flex:1;min-height:0;overflow-y:auto;max-height:600px;position:relative}.virtual-scroll-spacer{pointer-events:none}.virtual-scroll-spacer td{padding:0!important;border:none!important;height:0;line-height:0}.results-table{width:100%;border-collapse:collapse;font-family:Quicksand,sans-serif}.results-table th{background:var(--accent);color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;font-family:Quicksand,sans-serif;position:sticky;top:0;z-index:10}.results-table td{padding:1rem;border-bottom:1px solid var(--border);font-family:Quicksand,sans-serif;font-size:.9rem}.results-table tr:hover{background:rgba(var(--accent-rgb),.05)}.action-btns{margin-top:2rem}.action-btn{font-weight:600;transition:all .3s ease}.export-dropdown{position:relative;display:inline-block}.dropdown-btn{display:flex;align-items:center;gap:.5rem}.dropdown-arrow{width:12px;height:12px;color:currentColor;transition:transform .2s ease}.export-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--bg-primary);border:2px solid var(--border);border-radius:8px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:301;min-width:280px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;margin-top:.5rem;overflow:hidden}.export-dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:1rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.dropdown-item:hover{background:rgba(var(--accent-rgb),.05);color:var(--accent)}.column-selectors{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.column-selector-group{display:flex;flex-direction:column;gap:.5rem}.column-selector-group label{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.column-selector-group small{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.csv-header-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;margin-bottom:0}.csv-header-checkbox input[type=checkbox]{cursor:pointer}.csv-preview-mobile{display:none}.mobile-column-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.mobile-column-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.mobile-column-item:hover{background:var(--bg-hover);border-color:var(--accent)}.mobile-column-item input[type=checkbox]{cursor:pointer;flex-shrink:0}.mobile-column-name{font-weight:600;color:var(--text-primary);flex:1}.mobile-column-sample{font-size:.85rem;color:var(--text-secondary);font-style:italic;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-preview{margin-bottom:1.5rem}.preview-text{color:var(--text-secondary);margin-bottom:1rem;font-weight:500}.csv-preview{background:var(--bg-secondary);border-radius:8px;padding:1rem;overflow:auto;font-family:Courier New,monospace;font-size:.9rem;border:1px solid var(--border)}.csv-preview::-webkit-scrollbar{width:8px;height:8px}.csv-preview::-webkit-scrollbar-track{background-color:var(--bg-primary)}.csv-preview::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.3);border-radius:100px}.csv-preview::-webkit-scrollbar-thumb:hover{background:var(--accent)}@supports (scrollbar-color: auto){.csv-preview{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.3) transparent}}.csv-preview-table{width:100%;font-size:.8em;border-collapse:collapse}.csv-preview-table th{padding:.5rem;border:1px solid var(--border);background:var(--bg-primary);max-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-preview-table td{padding:.5rem;border:1px solid var(--border);max-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-preview-table th.phone-column{background:rgba(var(--accent-rgb),.15);border:2px solid var(--accent)!important;position:relative}.csv-preview-table th.phone-column span{color:var(--accent);font-weight:700}.csv-preview-table th.country-column{background:#ff8c0026;border:2px solid rgb(255,140,0)!important;position:relative}.csv-preview-table th.country-column span{color:#ff8c00;font-weight:700}.csv-preview-table td.phone-column{background:rgba(var(--accent-rgb),.08);border-left:2px solid var(--accent)!important;border-right:2px solid var(--accent)!important;border-bottom:1px solid var(--accent)!important;position:relative}.column-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.column-checkbox{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.column-checkbox:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.column-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.column-checkbox label{font-weight:500;cursor:pointer;color:var(--text-primary)}.csv-preview-table tbody tr:first-child td.phone-column{border-top:2px solid var(--accent)!important}.csv-preview-table td.country-column{background:#ff8c0014;border-left:2px solid rgb(255,140,0)!important;border-right:2px solid rgb(255,140,0)!important;border-bottom:1px solid rgb(255,140,0)!important;position:relative}.csv-preview-table tbody tr:first-child td.country-column{border-top:2px solid rgb(255,140,0)!important}.export-status-container{flex-direction:column;margin-top:3rem;border-radius:16px;border:var(--glass-border);box-shadow:var(--glass-shadow)}.export-status-container.visible{display:flex}#progress-indicator,.progress-indicator{width:100%;max-width:600px;margin:0 auto}#progress-indicator .progress-bar,.progress-indicator .progress-bar{width:100%;height:12px;background:var(--bg-primary);border-radius:6px;overflow:hidden;margin-bottom:1rem;border:1px solid var(--border)}#progress-indicator .progress-fill,.progress-indicator .progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%);transition:width .3s cubic-bezier(.4,0,.2,1);width:0%;border-radius:6px;position:relative;overflow:hidden}#progress-indicator .progress-fill:after,.progress-indicator .progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}#progress-indicator .progress-text,.progress-indicator .progress-text{text-align:center;color:var(--text-secondary);font-size:.95rem;font-weight:500;line-height:1.6}@media(max-width:768px){.column-selectors{grid-template-columns:1fr;gap:1rem}.csv-preview-desktop{display:none}.csv-preview-mobile{display:block}.results-summary{grid-template-columns:1fr 1fr;gap:.75rem}.results-table-container{overflow-x:auto}.export-actions .action-btn{width:100%;justify-content:center}.format-tabs{margin:1rem 1rem 0}.tab-content{padding:0 1rem 1rem}.export-type-info{padding:1rem}}@media(max-width:480px){.stat-number{font-size:1.5rem}.results-summary{grid-template-columns:1fr}.summary-stat{padding:.75rem}.stat-label{font-size:.75rem}}
