body .tms-json-beautifier{font-family:system-ui,-apple-system,sans-serif;max-width:1200px;margin:0 auto;padding:20px}.tms-json-beautifier .container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.tms-json-beautifier .header{text-align:center;margin-bottom:20px}.tms-json-beautifier h1{margin:0;padding:0;font-size:24px;color:#333}.tms-json-beautifier h3{margin:0 0 10px 0;padding:0;font-size:18px;color:#444}.tms-json-beautifier .input-container,.tms-json-beautifier .output-container{margin-bottom:20px}.tms-json-beautifier textarea{width:100%;min-height:200px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:14px;resize:vertical;box-sizing:border-box;line-height:1.4}.tms-json-beautifier textarea:focus{outline:none;border-color:#4CAF50;box-shadow:0 0 0 2px rgb(76 175 80 / .2)}.tms-json-beautifier .button-container{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.tms-json-beautifier button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color 0.2s;font-weight:500}.tms-json-beautifier .beautify-btn{background-color:#4CAF50;color:#fff}.tms-json-beautifier .beautify-btn:hover{background-color:#45a049}.tms-json-beautifier .clear-btn{background-color:#f44336;color:#fff}.tms-json-beautifier .clear-btn:hover{background-color:#da190b}.tms-json-beautifier .copy-btn{background-color:#757575;color:#fff}.tms-json-beautifier .copy-btn:hover{background-color:#616161}.tms-json-beautifier .sample-btn{background-color:#9C27B0;color:#fff}.tms-json-beautifier .sample-btn:hover{background-color:#7B1FA2}.tms-json-beautifier .error-message{color:#f44336;margin-top:10px;font-size:14px}.tms-json-beautifier .status{margin-top:10px;font-size:14px;color:#4CAF50}@media screen and (max-width:768px){.tms-json-beautifier{padding:10px}.tms-json-beautifier .container{padding:15px}.tms-json-beautifier button{padding:8px 16px;font-size:13px}.tms-json-beautifier textarea{min-height:150px}}