.HTMLFormatter-module__Lyq9Sa__formatter{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.HTMLFormatter-module__Lyq9Sa__title{margin:0 0 var(--spacing-xs)0;color:var(--text-primary);font-size:2rem;font-weight:700}.HTMLFormatter-module__Lyq9Sa__description{margin:0 0 var(--spacing-lg)0;color:var(--text-secondary);font-size:1rem;line-height:1.6}.HTMLFormatter-module__Lyq9Sa__optionsBar{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.HTMLFormatter-module__Lyq9Sa__optionGroup{align-items:center;gap:var(--spacing-xs);display:flex}.HTMLFormatter-module__Lyq9Sa__optionLabel{color:var(--text-secondary);font-size:.875rem;font-weight:600}.HTMLFormatter-module__Lyq9Sa__select{padding:var(--spacing-xs)var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;font-size:.875rem}.HTMLFormatter-module__Lyq9Sa__select:focus{border-color:var(--color-primary);outline:none}.HTMLFormatter-module__Lyq9Sa__layout{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}@media (max-width:900px){.HTMLFormatter-module__Lyq9Sa__layout{grid-template-columns:1fr}}.HTMLFormatter-module__Lyq9Sa__inputSection,.HTMLFormatter-module__Lyq9Sa__outputSection{gap:var(--spacing-md);flex-direction:column;display:flex}.HTMLFormatter-module__Lyq9Sa__sectionHeader{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.HTMLFormatter-module__Lyq9Sa__sectionTitle{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.HTMLFormatter-module__Lyq9Sa__buttonGroup{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.HTMLFormatter-module__Lyq9Sa__textarea{width:100%;min-height:380px;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);resize:vertical;box-sizing:border-box;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5}.HTMLFormatter-module__Lyq9Sa__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb,59,130,246),.15);outline:none}.HTMLFormatter-module__Lyq9Sa__outputContainer{flex-direction:column;min-height:380px;display:flex;position:relative}.HTMLFormatter-module__Lyq9Sa__emptyState{background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:var(--border-radius);min-height:380px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;font-size:.95rem;display:flex}.HTMLFormatter-module__Lyq9Sa__emptyIcon{margin-bottom:var(--spacing-sm);font-size:2.5rem}.HTMLFormatter-module__Lyq9Sa__viewTabs{gap:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);padding:3px;display:flex}.HTMLFormatter-module__Lyq9Sa__tabButton{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:500;transition:all .15s}.HTMLFormatter-module__Lyq9Sa__tabButtonActive{background:var(--bg-primary);color:var(--color-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.HTMLFormatter-module__Lyq9Sa__previewFrame{border:1px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;background:#fff;width:100%;min-height:380px}.HTMLFormatter-module__Lyq9Sa__stats{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-top:var(--spacing-lg);color:var(--text-secondary);flex-wrap:wrap;font-size:.875rem;display:flex}.HTMLFormatter-module__Lyq9Sa__statItem{align-items:center;gap:4px;display:flex}.HTMLFormatter-module__Lyq9Sa__statLabel{color:var(--text-primary);font-weight:600}.HTMLFormatter-module__Lyq9Sa__savingsBadge{color:#16a34a;background:#22c55e26;border-radius:4px;padding:2px 6px;font-size:.8rem;font-weight:600}
