.wpd-beautifier-container{max-width:790px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.wpd-beautifier-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media (min-width:768px){.wpd-beautifier-grid{grid-template-columns:repeat(2,1fr)}}.wpd-beautifier-panel{background:#1a1a1a;border-radius:.5rem;overflow:hidden}.wpd-beautifier-panel-header{background:#2d2d2d;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.wpd-beautifier-panel-title{color:#e5e5e5;font-size:.875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.wpd-beautifier-button{padding:.25rem 1rem;border-radius:.25rem;font-size:.875rem;cursor:pointer;border:none;transition:background-color 0.2s}.wpd-beautifier-button-primary{background:#3b82f6;color:#fff}.wpd-beautifier-button-primary:hover{background:#2563eb}.wpd-beautifier-button-secondary{background:#374151;color:#e5e5e5}.wpd-beautifier-button-secondary:hover{background:#4b5563}.wpd-beautifier-textarea{width:100%;height:300px;background:#111;color:#e5e5e5;padding:1rem;border:none;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem}.wpd-beautifier-textarea:focus{outline:none}.wpd-beautifier-output{width:100%;height:300px;background:#111;color:#e5e5e5;padding:1rem;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;white-space:pre}.wpd-beautifier-help{text-align:center;color:#6b7280;font-size:.875rem;margin-top:1rem}.wpd-beautifier-help p{margin:.25rem 0}