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-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:flex-start;min-height:100vh;padding-top:30px}.App-link{color:#61dafb}.tab-navigation{display:flex;gap:0;justify-content:center;margin-bottom:40px;margin-top:200px}.tab-button{background-color:#555;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px 32px;transition:all .5s ease}.tab-button:first-child{border-radius:8px 0 0 8px}.tab-button:last-child{border-radius:0 8px 8px 0}.tab-button:hover{background-color:#666}.tab-button.active{background-color:#61dafb;color:#282c34}.tab-button.disabled{color:#888;cursor:not-allowed;opacity:.6}.tab-button.disabled,.tab-button.disabled:hover{background-color:#444}.tab-content{max-width:600px;padding:20px;width:100%}.component-container{text-align:center;width:100%}.component-title{color:#61dafb;font-weight:700;margin-bottom:20px}.component-textarea{background-color:#fff;border:1px solid #555;border-radius:8px;color:#333;font-family:monospace;font-size:14px;line-height:1.4;min-height:120px;padding:15px;resize:vertical;width:100%;word-break:break-all}.component-button{background-color:#61dafb;border:none;border-radius:8px;color:#282c34;cursor:pointer;font-size:16px;font-weight:700;padding:15px 40px;transition:background-color .3s ease}.component-button:hover{background-color:#21a1c4}.result-container{background-color:#1e1e1e;border-radius:5px;margin:20px auto 0;max-width:600px;padding:15px;position:relative;text-align:left;width:100%}.clipboard-icon{background-color:#2a2a2a;border-radius:3px;color:#4caf50;cursor:pointer;font-size:18px;padding:5px;position:absolute;right:25px;top:10px;transition:color .2s ease;z-index:1}.clipboard-icon:hover{color:#45a049}.result-content{color:#fff;font-size:11px;line-height:1.4;margin:0;max-height:400px;overflow:auto;white-space:pre-wrap;word-break:break-word}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1 1;text-align:left}.form-label{color:#61dafb;display:block;font-size:14px;font-weight:700;margin-bottom:8px}.form-input,.form-select{background-color:#fff;border:1px solid #555;border-radius:8px;box-sizing:border-box;color:#333;font-family:monospace;font-size:14px;padding:12px;width:100%}.form-input::placeholder{color:#999}.form-select{cursor:pointer}.toast{animation:slideDown .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:14px;font-weight:700;left:50%;padding:12px 20px;position:fixed;top:30px;transform:translateX(-50%);z-index:1000}.toast.success{background-color:#4caf50}.toast.error{background-color:#f44336}
/*# sourceMappingURL=main.74931d9d.css.map*/