.json-decode-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.json-decode-container h1{font-size:2rem;margin-bottom:.5rem;color:#333;text-align:center}.json-decode-container .description{text-align:center;color:#666;margin-bottom:2rem}.json-decode-container .controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.json-decode-container .controls .control-btn,.json-decode-container .controls .file-upload-btn{background-color:#4a6ee0;color:#fff;border:none;border-radius:4px;padding:.6rem 1rem;font-size:.9rem;cursor:pointer;transition:background-color .2s}.json-decode-container .controls .control-btn:hover,.json-decode-container .controls .file-upload-btn:hover{background-color:#3959c2}.json-decode-container .controls .control-btn:active,.json-decode-container .controls .file-upload-btn:active{background-color:#2a4bae}.json-decode-container .controls .file-upload-btn{background-color:#2a8d4e;position:relative;overflow:hidden}.json-decode-container .controls .file-upload-btn:hover{background-color:#1e6e3c}.json-decode-container .controls .file-upload-btn .hidden-input{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.json-decode-container .json-editors{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.json-decode-container .json-editors{grid-template-columns:1fr}}.json-decode-container .json-editors .editor-container{display:flex;flex-direction:column;height:100%}.json-decode-container .json-editors .editor-container h2{font-size:1.2rem;margin-bottom:.5rem;color:#333}.json-decode-container .json-editors .json-output,.json-decode-container .json-editors .json-textarea{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;padding:1rem;border-radius:4px;min-height:350px;width:100%;box-sizing:border-box;line-height:1.5;outline:none}.json-decode-container .json-editors .json-textarea{border:1px solid #ccc;resize:vertical}.json-decode-container .json-editors .json-textarea:focus{border-color:#4a6ee0;box-shadow:0 0 0 2px rgba(74,110,224,.2)}.json-decode-container .json-editors .json-output{background-color:#f5f5f5;border:1px solid #ddd;overflow:auto;white-space:pre-wrap;margin:0}.json-decode-container .json-editors .json-output.error{color:#d32f2f;background-color:#ffebee;border-color:#ffcdd2}.json-decode-container .json-editors .output-header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.json-decode-container .json-editors .output-header .copy-btn{background-color:#4a6ee0;color:#fff;border:none;border-radius:4px;padding:.3rem .6rem;font-size:.8rem;cursor:pointer;transition:background-color .2s}.json-decode-container .json-editors .output-header .copy-btn:hover{background-color:#3959c2}.json-decode-container .json-editors .output-header .copy-btn:disabled{background-color:#ccc;cursor:not-allowed}.json-decode-container .json-editors .output-header .copy-btn.copied{background-color:#4caf50}.json-decode-container .json-editors .output-header .error-message{color:#d32f2f;font-size:.9rem}.json-decode-container .instructions{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px}.json-decode-container .instructions h3{font-size:1.1rem;margin-bottom:.8rem;color:#333}.json-decode-container .instructions ol{padding-left:1.5rem;margin:0}.json-decode-container .instructions ol li{margin-bottom:.5rem;line-height:1.5;color:#555}.json-decode-container .instructions ol li:last-child{margin-bottom:0}