.HTMLMDConverter-module__00aCoa__autoConverterLayout{gap:var(--space-xl);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:1024px){.HTMLMDConverter-module__00aCoa__autoConverterLayout{grid-template-columns:1fr auto 1fr}}.HTMLMDConverter-module__00aCoa__formatIndicator{margin-bottom:var(--space-sm);min-height:calc(var(--space-3)*1.33);justify-content:flex-end;display:flex}.HTMLMDConverter-module__00aCoa__badge{padding:var(--space-xs)var(--space-md);background:var(--color-primary-translucent);color:var(--color-primary);font-size:var(--type-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);align-items:center;display:inline-flex}.HTMLMDConverter-module__00aCoa__textInput{width:100%;min-height:clamp(18.75rem,30vh,22.5rem);padding:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--type-sm);line-height:var(--line-height-relaxed);resize:vertical;transition:var(--transition-fast)}.HTMLMDConverter-module__00aCoa__textInput:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.HTMLMDConverter-module__00aCoa__textInput::placeholder{color:var(--color-text-tertiary);font-style:italic}.HTMLMDConverter-module__00aCoa__previewContainer{min-height:clamp(18.75rem,30vh,22.5rem);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto}.HTMLMDConverter-module__00aCoa__conversionIndicator{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-primary);flex-direction:column;display:flex}@media not (min-width:1024px){.HTMLMDConverter-module__00aCoa__conversionIndicator{padding:var(--space-md)0}.HTMLMDConverter-module__00aCoa__arrowIcon{transform:rotate(90deg)}}.HTMLMDConverter-module__00aCoa__arrowIcon{animation:2s ease-in-out infinite HTMLMDConverter-module__00aCoa__pulse}@keyframes HTMLMDConverter-module__00aCoa__pulse{0%,to{opacity:1}50%{opacity:.5}}.HTMLMDConverter-module__00aCoa__conversionLabel{font-size:var(--type-xs);font-weight:var(--weight-medium);text-align:center;color:var(--color-text-secondary)}.HTMLMDConverter-module__00aCoa__converterGrid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.HTMLMDConverter-module__00aCoa__converterGrid{grid-template-columns:1fr 1fr}}.HTMLMDConverter-module__00aCoa__outputSection{gap:var(--space-md);flex-direction:column;display:flex}.HTMLMDConverter-module__00aCoa__controls{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.HTMLMDConverter-module__00aCoa__outputActions{justify-content:flex-end;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.HTMLMDConverter-module__00aCoa__errorMessage{gap:var(--space-md);flex-direction:column;align-items:flex-start;display:flex}.HTMLMDConverter-module__00aCoa__errorMessage p{color:var(--color-danger);font-size:var(--type-sm);margin:0}.HTMLMDConverter-module__00aCoa__outputContent{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:clamp(18.75rem,30vh,22.5rem);overflow:auto}.HTMLMDConverter-module__00aCoa__convertingIndicator{justify-content:center;align-items:center;height:100%;min-height:clamp(18.75rem,30vh,22.5rem);display:flex}.HTMLMDConverter-module__00aCoa__convertingIndicator p{color:var(--color-text-secondary);font-style:italic}.HTMLMDConverter-module__00aCoa__outputText{padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--type-sm);color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:break-word;min-height:clamp(18.75rem,30vh,22.5rem);line-height:var(--line-height-relaxed);border-radius:var(--radius-md);margin:0}.HTMLMDConverter-module__00aCoa__htmlPreview{padding:var(--space-lg);min-height:clamp(18.75rem,30vh,22.5rem);line-height:var(--line-height-relaxed);overflow:auto}.HTMLMDConverter-module__00aCoa__htmlPreview h1,.HTMLMDConverter-module__00aCoa__htmlPreview h2,.HTMLMDConverter-module__00aCoa__htmlPreview h3,.HTMLMDConverter-module__00aCoa__htmlPreview h4,.HTMLMDConverter-module__00aCoa__htmlPreview h5,.HTMLMDConverter-module__00aCoa__htmlPreview h6{margin:var(--space-lg)0 var(--space-md)0;color:var(--color-text-primary)}.HTMLMDConverter-module__00aCoa__htmlPreview p{margin:var(--space-lg)0}.HTMLMDConverter-module__00aCoa__htmlPreview ul,.HTMLMDConverter-module__00aCoa__htmlPreview ol{margin:var(--space-lg)0 var(--space-lg)var(--space-2xl);padding-left:var(--space-xl)}.HTMLMDConverter-module__00aCoa__htmlPreview li{margin-bottom:var(--space-sm)}.HTMLMDConverter-module__00aCoa__htmlPreview pre{background:var(--color-surface-secondary);padding:var(--space-md);border-radius:var(--radius-sm);margin:var(--space-md)0;overflow-x:auto}.HTMLMDConverter-module__00aCoa__htmlPreview code{background:var(--color-surface-secondary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--type-sm)}.HTMLMDConverter-module__00aCoa__htmlPreview a{color:var(--color-primary);text-decoration:underline}.HTMLMDConverter-module__00aCoa__htmlPreview a:hover{text-decoration:none}.HTMLMDConverter-module__00aCoa__htmlPreview blockquote{border-left:calc(var(--space-1)*.5)solid var(--color-primary);padding-left:var(--space-lg);margin:var(--space-lg)0;color:var(--color-text-secondary);font-style:italic}.HTMLMDConverter-module__00aCoa__htmlPreview img{border-radius:var(--radius-sm);max-width:100%;height:auto}.HTMLMDConverter-module__00aCoa__htmlPreview table{border-collapse:collapse;width:100%;margin:var(--space-lg)0}.HTMLMDConverter-module__00aCoa__htmlPreview th,.HTMLMDConverter-module__00aCoa__htmlPreview td{border:1px solid var(--color-border);padding:var(--space-md);text-align:left}.HTMLMDConverter-module__00aCoa__htmlPreview th{background:var(--color-surface-secondary);font-weight:var(--weight-semibold)}.HTMLMDConverter-module__00aCoa__loading{height:clamp(18.75rem,30vh,22.5rem);color:var(--color-text-secondary);justify-content:center;align-items:center;font-style:italic;display:flex}.HTMLMDConverter-module__00aCoa__htmlPreview .remark-code{background:var(--color-surface-secondary);padding:var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);overflow-x:auto}.HTMLMDConverter-module__00aCoa__htmlPreview table{border-collapse:collapse;width:100%;margin:var(--space-md)0;background:var(--color-surface)}:is(.HTMLMDConverter-module__00aCoa__htmlPreview th,.HTMLMDConverter-module__00aCoa__htmlPreview td){border:1px solid var(--color-border);padding:var(--space-md);text-align:left}.HTMLMDConverter-module__00aCoa__htmlPreview th{background:var(--color-surface-secondary);font-weight:var(--weight-semibold)}.HTMLMDConverter-module__00aCoa__htmlPreview blockquote{border-left:calc(var(--space-1)*.5)solid var(--color-primary);padding-left:var(--space-lg);margin:var(--space-lg)0;color:var(--color-text-secondary);font-style:italic}.HTMLMDConverter-module__00aCoa__htmlPreview ul.task-list{padding-left:var(--space-lg);list-style:none}.HTMLMDConverter-module__00aCoa__htmlPreview input[type=checkbox]{margin-right:var(--space-sm)}@media not (min-width:768px){.HTMLMDConverter-module__00aCoa__htmlPreview table{font-size:var(--type-xs)}:is(.HTMLMDConverter-module__00aCoa__htmlPreview th,.HTMLMDConverter-module__00aCoa__htmlPreview td){padding:var(--space-sm)}}.HTMLMDConverter-module__00aCoa__viewToggle{border-bottom:var(--space-px)solid var(--color-border);margin-bottom:var(--space-sm);background:var(--color-surface);display:flex}.HTMLMDConverter-module__00aCoa__toggleButton{padding:var(--space-md)var(--space-lg);color:var(--color-text-secondary);font-size:var(--type-sm);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-fast);border:none;border-bottom:calc(var(--space-1)*.25)solid transparent;background:0 0;flex:1}.HTMLMDConverter-module__00aCoa__toggleButton:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-surface-hover)}.HTMLMDConverter-module__00aCoa__toggleButton.HTMLMDConverter-module__00aCoa__active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-surface)}.HTMLMDConverter-module__00aCoa__toggleButton:focus{box-shadow:var(--focus-ring);outline:none}.HTMLMDConverter-module__00aCoa__toggleButton:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.HTMLMDConverter-module__00aCoa__toggleButton,.HTMLMDConverter-module__00aCoa__textInput{transition:none}.HTMLMDConverter-module__00aCoa__arrowIcon{animation:none}}@media (prefers-contrast:more){.HTMLMDConverter-module__00aCoa__toggleButton{border-width:calc(var(--space-1)*.25)}.HTMLMDConverter-module__00aCoa__viewToggle{border-bottom-width:calc(var(--space-1)*.25)}}