.page-module__D5gdiG__container{flex-direction:column;gap:1.5rem;display:flex}.page-module__D5gdiG__controls{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.25rem;display:flex}.page-module__D5gdiG__modeSelector{background:var(--bg-tertiary);border-radius:.5rem;padding:.25rem;display:flex}.page-module__D5gdiG__modeBtn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.page-module__D5gdiG__modeBtn:hover{color:var(--text-primary)}.page-module__D5gdiG__modeBtn.page-module__D5gdiG__active{background:var(--accent-primary);color:#fff}.page-module__D5gdiG__options{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.page-module__D5gdiG__option{align-items:center;gap:.5rem;display:flex}.page-module__D5gdiG__option label{color:var(--text-secondary);font-size:.875rem}.page-module__D5gdiG__select{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.page-module__D5gdiG__select:focus{border-color:var(--accent-primary);outline:none}.page-module__D5gdiG__checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.page-module__D5gdiG__checkbox input{width:1rem;height:1rem;accent-color:var(--accent-primary)}.page-module__D5gdiG__actions{gap:.5rem;margin-left:auto;display:flex}.page-module__D5gdiG__editorArea{grid-template-columns:1fr auto 1fr;gap:1rem;min-height:400px;display:grid}@media (max-width:900px){.page-module__D5gdiG__editorArea{grid-template-rows:1fr auto 1fr;grid-template-columns:1fr}}.page-module__D5gdiG__panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;flex-direction:column;display:flex;overflow:hidden}.page-module__D5gdiG__panelHeader{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.page-module__D5gdiG__panelTitle{color:var(--text-primary);font-size:.875rem;font-weight:600}.page-module__D5gdiG__charCount{color:var(--text-tertiary);font-size:.75rem}.page-module__D5gdiG__editor{background:var(--bg-primary);width:100%;min-height:300px;color:var(--text-primary);resize:none;border:none;flex:1;padding:1rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.6}.page-module__D5gdiG__editor:focus{outline:none}.page-module__D5gdiG__editor::placeholder{color:var(--text-tertiary)}.page-module__D5gdiG__output{background:var(--bg-primary);color:var(--text-secondary);white-space:pre-wrap;flex:1;margin:0;padding:1rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.6;overflow:auto}.page-module__D5gdiG__formatArea{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media (max-width:900px){.page-module__D5gdiG__formatArea{flex-direction:row}}.page-module__D5gdiG__reference{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.25rem}.page-module__D5gdiG__referenceTitle{color:var(--text-primary);margin-bottom:1rem;font-size:.875rem;font-weight:600}.page-module__D5gdiG__referenceGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.page-module__D5gdiG__referenceItem{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;padding:.875rem}.page-module__D5gdiG__referenceItem h4{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.page-module__D5gdiG__referenceItem code{color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace;font-size:.75rem;line-height:1.5}