.excel-html-container{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1000px;margin:0 auto}.converter-card{background:#ffffffb3;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:2rem;box-shadow:0 20px 40px #0000000d}:global(.dark) .converter-card{background:#0f172a99;border-color:#ffffff0d}.input-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.input-grid{grid-template-columns:1fr 1fr}}.input-group{display:flex;flex-direction:column;gap:.75rem}.input-label{font-size:.875rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}:global(.dark) .input-label{color:#94a3b8}.csv-textarea{width:100%;height:200px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;font-size:.875rem;color:#1e293b;resize:vertical;transition:all .2s}:global(.dark) .csv-textarea{background:#020617;border-color:#1e293b;color:#f1f5f9}.csv-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.drop-zone{border:2px dashed #cbd5e1;border-radius:12px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .2s;background:#f8fafc80}:global(.dark) .drop-zone{border-color:#334155;background:#1e293b33}.drop-zone:hover,.drop-zone.dragover{border-color:#10b981;background:#10b9810d}.drop-zone svg{color:#10b981}.drop-zone span{font-size:.875rem;color:#64748b;font-weight:500}.options-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.05)}:global(.dark) .options-row{border-top-color:#ffffff0d}.option-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;position:relative;user-select:none;padding:.5rem .75rem;border-radius:12px;transition:background-color .2s}.option-item:hover{background:#10b9810d}.option-item input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}:global(.dark) .option-item input[type=checkbox]{background:#0f172a;border-color:#334155}.option-item input[type=checkbox]:checked{background:#10b981;border-color:#10b981;box-shadow:0 4px 6px -1px #10b98133}.option-item input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.option-item span{font-size:.9rem;font-weight:600;color:#475569}:global(.dark) .option-item span{color:#94a3b8}.option-item input[type=checkbox]:checked+span{color:#047857}:global(.dark) .option-item input[type=checkbox]:checked+span{color:#34d399}.results-section{display:flex;flex-direction:column;gap:1.5rem}.result-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e2e8f0}:global(.dark) .result-tabs{border-bottom-color:#1e293b}.tab-btn{padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;color:#64748b;background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-btn.active{color:#10b981;border-bottom-color:#10b981}.preview-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;max-height:400px;padding:1rem}:global(.dark) .preview-container{background:#0f172a;border-color:#1e293b}.code-container{position:relative}.code-textarea{width:100%;height:300px;background:#1e293b;color:#e2e8f0;border-radius:12px;padding:1.5rem;font-size:.875rem;resize:vertical;border:none}.copy-btn{position:absolute;top:1rem;right:1rem;background:#10b981;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.copy-btn:hover{background:#059669}.preview-container table{width:100%;border-collapse:collapse;font-size:.875rem}.preview-container th{background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:.75rem;text-align:left;font-weight:700;color:#1e293b}:global(.dark) .preview-container th{background:#1e293b;border-bottom-color:#334155;color:#f1f5f9}.preview-container td{padding:.75rem;border-bottom:1px solid #f1f5f9;color:#475569}:global(.dark) .preview-container td{border-bottom-color:#1e293b;color:#94a3b8}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#94a3b8;text-align:center;gap:1rem}table.bordered,table.bordered th,table.bordered td{border:1px solid #e2e8f0}:global(.dark) table.bordered,:global(.dark) table.bordered th,:global(.dark) table.bordered td{border-color:#334155}table.zebra tbody tr:nth-child(2n){background:#f8fafc}:global(.dark) table.zebra tbody tr:nth-child(2n){background:#1e293b80}