:root{--pico-form-element-spacing-vertical: .75rem}main.container{padding-top:2rem;padding-bottom:4rem;max-width:880px}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{margin-bottom:.25rem}.app-header p{color:var(--pico-muted-color);margin-bottom:0}.format-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.format-tabs button{flex:1 1 auto;margin-bottom:0}.format-tabs button.active{background-color:var(--pico-primary-background);color:var(--pico-primary-inverse);border-color:var(--pico-primary-border)}.format-tabs button.inactive{background-color:transparent;color:var(--pico-color);border-color:var(--pico-muted-border-color)}.output-textarea{min-height:280px;font-family:var(--pico-font-family-monospace);font-size:.9rem;white-space:pre-wrap}.input-textarea{min-height:220px;font-family:var(--pico-font-family-monospace);font-size:.9rem}.copy-button{width:100%;margin-top:.5rem}.copy-button.copied{background-color:#2ecc71;border-color:#2ecc71;color:#fff}.section-card{margin-bottom:1.5rem}.muted-hint{font-size:.85rem;color:var(--pico-muted-color);margin-top:.5rem;margin-bottom:0}footer.app-footer{margin-top:3rem;text-align:center;font-size:.85rem;color:var(--pico-muted-color)}