.json-formatter-module__qct2yW__main{min-height:calc(100vh - 64px);padding-top:100px}.json-formatter-module__qct2yW__header{text-align:center;margin-bottom:3rem}.json-formatter-module__qct2yW__title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem)}.json-formatter-module__qct2yW__subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1rem}.json-formatter-module__qct2yW__editorContainer{flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto 4rem;display:flex}.json-formatter-module__qct2yW__actionToolbar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.json-formatter-module__qct2yW__toolbarLeft,.json-formatter-module__qct2yW__toolbarRight{gap:.5rem;display:flex}.json-formatter-module__qct2yW__primaryButton,.json-formatter-module__qct2yW__secondaryButton,.json-formatter-module__qct2yW__dangerButton,.json-formatter-module__qct2yW__ghostButton{cursor:pointer;transition:all var(--transition-fast);border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.json-formatter-module__qct2yW__primaryButton{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary)}.json-formatter-module__qct2yW__primaryButton:hover{background:var(--text-secondary);border-color:var(--text-secondary)}.json-formatter-module__qct2yW__secondaryButton{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.json-formatter-module__qct2yW__secondaryButton:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.json-formatter-module__qct2yW__dangerButton{color:var(--accent-error);background:0 0;border:1px solid #0000}.json-formatter-module__qct2yW__dangerButton:hover{background:#ff00001a}.json-formatter-module__qct2yW__ghostButton{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.json-formatter-module__qct2yW__ghostButton:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-primary)}.json-formatter-module__qct2yW__ghostButton:disabled{opacity:.5;cursor:not-allowed}.json-formatter-module__qct2yW__errorBanner{color:var(--accent-error);background:#ff00001a;border:1px solid #f003;border-radius:8px;padding:1rem;font-size:.875rem;font-weight:500}.json-formatter-module__qct2yW__splitPanels{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.json-formatter-module__qct2yW__splitPanels{grid-template-columns:1fr 1fr}}.json-formatter-module__qct2yW__panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;height:500px;display:flex;overflow:hidden}.json-formatter-module__qct2yW__panelHeader{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1rem;font-size:.875rem;font-weight:600}.json-formatter-module__qct2yW__textarea{resize:none;background:var(--bg-primary);width:100%;color:var(--text-primary);border:none;flex-grow:1;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.5}.json-formatter-module__qct2yW__textarea:focus{outline:none}.json-formatter-module__qct2yW__outputArea{background:var(--bg-tertiary)}.json-formatter-module__qct2yW__seoContent{border-top:1px solid var(--border-color);margin-top:5rem;padding-top:4rem}.json-formatter-module__qct2yW__seoContent h2{letter-spacing:-.01em;margin-bottom:1rem;font-size:1.5rem}.json-formatter-module__qct2yW__seoContent p{color:var(--text-secondary);max-width:700px;margin-bottom:2.5rem;font-size:1rem;line-height:1.6}.json-formatter-module__qct2yW__featuresGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.json-formatter-module__qct2yW__featureBox{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.json-formatter-module__qct2yW__featureBox h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}.json-formatter-module__qct2yW__featureBox p{color:var(--text-secondary);margin-bottom:0;font-size:.875rem}