body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.layout-container{display:flex;min-height:100vh;width:100%}.layout-left{background-color:#f5f5f5;border-right:1px solid #e0e0e0;padding:20px;width:20%}.layout-right{padding:20px;width:80%}.menu-list ul{list-style:none;margin:0;padding:0}.menu-list li{border-radius:4px;cursor:pointer;margin-bottom:8px;padding:12px 16px;transition:background-color .3s}.menu-list li:hover{background-color:#e0e0e0}.content-area{height:100%}.json-formatter{height:100%;padding:20px}.search-container{align-items:center;display:flex;gap:20px;margin-bottom:10px}.search-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:300px}.match-count{color:#666;font-size:14px;white-space:nowrap}.search-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.json-container{height:100%}.editor-section{gap:1rem;width:100%}.editor-content{border:1px solid #ddd;min-height:300px;padding:1rem;resize:vertical}.button-group{gap:.5rem}.button-group button{padding:.5rem 1rem}.button-group button:hover,.copy-button.success{background-color:#45a049}.clear-button{background-color:#f44336!important}.clear-button:hover{background-color:#da190b!important}.error-message{color:#f44336;margin-top:.5rem}.json-formatter .button-group button:first-child,.json-formatter .button-group button:nth-child(2){background-color:#157c1a!important}.json-formatter .button-group .copy-button{background-color:#2196f3!important}.json-formatter .button-group .copy-button.success{background-color:#4caf50!important}.json-formatter .button-group .clear-button{background-color:#ffc107!important}.content-layout{display:flex;flex-direction:column;gap:2rem;padding:1rem}.content-layout h2{border-bottom:1px solid #eee;color:#333;margin:0;padding-bottom:1rem}.content-layout .content-wrapper{display:flex;gap:2rem}.text-processor{height:100%;padding:20px}.text-container{height:100%}.input-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin:15px 0}.input-wrapper{flex:1 1 300px;margin-right:15px;max-width:200px;min-width:100px}.affix-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.affix-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.editor-section textarea{border:1px solid #ccc;border-radius:4px;font-family:monospace;height:400px;margin:10px 0;padding:10px;resize:vertical;width:100%}.button-group button{background-color:#4caf50;border:1px}.button-group button:first-child,.button-group button:nth-child(2){background-color:#157c1a}.button-group button:nth-child(3),.button-group button:nth-child(4){background-color:#197166}.button-group button:nth-child(5),.button-group button:nth-child(6){background-color:#956113}.affix-select{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 12px;transition:opacity .3s ease;width:80%}.affix-select:hover{opacity:.9}.affix-select option{background-color:#fff;color:#333;padding:10px}.button-group .copy-button{background-color:#2196f3;transition:background-color .3s ease}.button-group .copy-button.success{background-color:#4caf50}.button-group .clear-button{background-color:#ffc107}.sql-formatter{height:100%;padding:20px}.sql-container{height:100%}.editor-section{display:flex;flex-direction:column}.editor-content{word-wrap:break-word;background-color:initial;border:1px solid #ccc;border-radius:4px;display:block;font-family:monospace;height:100%;margin:10px 0;overflow-y:auto;padding:10px;position:relative;white-space:pre-wrap;width:100%;z-index:2}.editor-content:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.button-group{display:flex;gap:10px;margin-bottom:10px;margin-top:20px}.button-group button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:opacity .3s ease}.sql-formatter .button-group button:first-child,.sql-formatter .button-group button:nth-child(2){background-color:#157c1a!important}.sql-formatter .button-group .copy-button{background-color:#2196f3!important}.sql-formatter .button-group .copy-button.success{background-color:#4caf50!important}.sql-formatter .button-group .clear-button{background-color:#ffc107!important}.button-group button:hover{opacity:.9}.error-message{background-color:#ffe6e6;border-radius:4px;color:red;margin:10px 0;padding:10px}.highlight{background-color:#ff03;border-radius:2px;padding:2px}@media (max-width:768px){.sql-formatter{margin:10px;padding:15px}.editor-content{.sql-editor{border:1px solid #ddd;border-radius:4px;font-family:monospace;min-height:200px;padding:1rem;resize:vertical;width:100%}.sql-controls{display:flex;gap:.5rem;margin:1rem 0}.sql-controls button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.sql-controls button:hover{background-color:#45a049}.sql-error{color:#f44336;margin-top:.5rem}}.button-group{flex-direction:column}.button-group button{width:100%}}.settings-container{padding:20px}.language-section{margin-top:20px}.language-options{display:flex;gap:10px}.language-options button{border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 16px}.language-options button.active{background-color:#1890ff;border-color:#1890ff;color:#fff}.settings-content{padding:1rem;width:100%}.settings-group{margin-bottom:1.5rem}.settings-item{align-items:center;display:flex;gap:1rem;margin:.5rem 0}.settings-item label{min-width:120px}.settings-item input,.settings-item select{border:1px solid #ddd;border-radius:4px;padding:.5rem}.qr-code-container{display:flex;flex-direction:row;gap:2rem;padding:1rem}.qr-code-container h2{border-bottom:1px solid #eee;margin:0;padding-bottom:1rem}.content-wrapper{display:flex;flex-direction:row;gap:3rem;width:100%}.input-section{display:flex;flex:3 1;flex-direction:column;gap:1.5rem}.input-section textarea{border:1px solid #ccc;border-radius:4px;min-height:150px;padding:.5rem;resize:vertical;width:100%}.controls{display:flex;flex-direction:column;gap:1rem}.control-item{align-items:center;display:flex;gap:.5rem}.control-item label{min-width:80px}.control-item input,.control-item select{border:1px solid #ccc;border-radius:4px;padding:.25rem}.preview-section{background:#f8f8f8;border:1px dashed #ddd;border-radius:8px;flex:2 1;flex-direction:column;gap:2rem;justify-content:flex-start;padding:2rem}.preview-section,.qr-code{align-items:center;display:flex}.qr-code{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;justify-content:center;min-height:256px;min-width:256px;padding:1.5rem}.download-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s}.download-button:hover{background-color:#45a049}
/*# sourceMappingURL=main.6f2c21c9.css.map*/