.chat-formatter{background-color:#fff;border-radius:.5rem;box-sizing:border-box;color:#0f172a;font-family:system-ui,-apple-system,sans-serif;margin:0 auto;max-width:800px;overflow:hidden;padding:1.5rem;width:100%}.formatter-title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.section-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.input-section,.output-section,.preview-section{margin-bottom:1.5rem;width:100%}.input-label{color:#0f172a;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-textarea,.output-textarea{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;box-sizing:border-box;color:#0f172a;font-family:inherit;line-height:1.5;min-height:200px;padding:1rem;resize:vertical;width:100%}.input-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.2);outline:none}.output-textarea{font-family:monospace;font-size:.875rem}.preview-container{box-sizing:border-box;width:100%}.copy-button{background-color:#1e3d59;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .2s ease;width:100%}.copy-button:hover{background-color:#172e46}.copy-button:focus{box-shadow:0 0 0 2px rgba(96,165,250,.2);outline:none}.message-content{color:inherit;font-size:inherit;line-height:1.6}.accordion{border-radius:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:0 auto;max-width:800px;overflow:hidden;width:100%}.accordion-item{border-bottom:1px solid #e2e8f0}.accordion-header{align-items:center;background-color:#f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem}.accordion-title{color:#0f172a;font-size:.875rem;font-weight:600}.accordion-button{background-color:transparent;border:none;cursor:pointer;outline:none}.accordion-icon{height:1.25rem;transition:transform .3s ease;width:1.25rem}.accordion-content{background-color:#fff;font-size:.75rem;line-height:1.4;max-height:0;overflow:hidden;padding:.75rem 1rem;transition:max-height .3s ease-out}.accordion-item.open .accordion-content{max-height:1000px;transition:max-height .5s ease-in}.description{color:#0f172a;font-size:inherit;line-height:inherit}.description pre{background-color:#f1f5f9;border-radius:.5rem;font-family:monospace;font-size:.75rem;overflow-x:auto;padding:.75rem}.description ol,.description ul{margin-bottom:.75rem}.description li{margin-bottom:.25rem}.accordion-item.open .accordion-icon{transform:rotate(45deg)}