.shared-btn{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.shared-btn:disabled{opacity:.6;cursor:not-allowed}.shared-btn.primary{background-color:#2563eb;color:#fff}.shared-btn.primary:hover:not(:disabled){background-color:#1d4ed8}.shared-btn.secondary{background-color:#e5e7eb;color:#374151}.shared-btn.secondary:hover:not(:disabled){background-color:#d1d5db}.btn-loader{width:20px;height:20px;border:2px solid #ffffff;border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-container{width:100%;padding:20px 0}.progress-bar{height:4px;background-color:#e5e7eb;border-radius:2px;position:relative;margin-bottom:20px}.progress-fill{height:100%;background-color:#2563eb;border-radius:2px;transition:width .3s ease}.steps-container{display:flex;justify-content:space-between;position:relative}.step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.step-dot{width:16px;height:16px;border-radius:50%;background-color:#e5e7eb;margin-bottom:8px;transition:all .3s ease}.step.completed .step-dot{background-color:#2563eb}.step-label{font-size:14px;color:#6b7280;text-align:center;transition:color .3s ease}.step.completed .step-label{color:#2563eb}.audio-converter{max-width:600px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.audio-converter h2{margin:0 0 .5rem;color:#1f2937;font-size:1.5rem}.description{color:#6b7280;margin-bottom:2rem}.file-input-container{position:relative}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.file-input-label{display:block;padding:1rem;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:6px;text-align:center;cursor:pointer;transition:all .2s ease;color:#4b5563}.file-input-label:hover{background-color:#e5e7eb;border-color:#9ca3af}.output-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.audio-preview{margin-bottom:1rem}.audio-preview h3{margin:0 0 .5rem;color:#1f2937;font-size:1.1rem}.audio-player{width:100%;margin-bottom:1rem}.download-button{width:100%}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.markdown-editor{display:flex;gap:20px;height:100%;padding:20px}.editor-container{flex:1;border:1px solid #ccc;border-radius:4px;overflow:hidden}.preview-container{flex:1;border:1px solid #ccc;border-radius:4px;padding:20px;overflow-y:auto;background:#fff}.markdown-preview{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-preview h1{font-size:2em;border-bottom:1px solid #eaecef;padding-bottom:.3em}.markdown-preview h2{font-size:1.5em;border-bottom:1px solid #eaecef;padding-bottom:.3em}.markdown-preview p{margin-top:0;margin-bottom:16px}.markdown-preview code{padding:.2em .4em;margin:0;font-size:85%;background-color:#1b1f230d;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.markdown-preview pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.markdown-preview pre code{padding:0;margin:0;background-color:transparent;border:0;word-break:normal;white-space:pre}.markdown-preview blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5;margin:0 0 16px}.markdown-preview ul,.markdown-preview ol{padding-left:2em;margin-top:0;margin-bottom:16px}.markdown-preview table{display:block;width:100%;overflow:auto;margin-top:0;margin-bottom:16px;border-spacing:0;border-collapse:collapse}.markdown-preview table th,.markdown-preview table td{padding:6px 13px;border:1px solid #dfe2e5}.markdown-preview table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-preview table tr:nth-child(2n){background-color:#f6f8fa}.json-formatter{padding:20px;height:100%;display:flex;flex-direction:column;gap:20px}.format-controls{display:flex;gap:10px}.format-controls button{padding:8px 16px;border:1px solid #ccc;border-radius:4px;background:#2d2d2d;color:#fff;cursor:pointer;transition:all .2s}.format-controls button:hover{background:#3d3d3d}.format-controls button.active{background:#4d4d4d;border-color:#666}.base64-tool{padding:20px;height:100%;display:flex;flex-direction:column;gap:20px}.mode-controls{display:flex;gap:10px}.mode-controls button{padding:8px 16px;border:1px solid #ccc;border-radius:4px;background:#2d2d2d;color:#fff;cursor:pointer;transition:all .2s}.mode-controls button:hover{background:#3d3d3d}.mode-controls button.active{background:#4d4d4d;border-color:#666}.file-controls{display:flex;gap:10px;align-items:center}.file-controls input[type=file]{padding:8px;background:#2d2d2d;color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer}.file-controls button{padding:8px 16px;border:1px solid #ccc;border-radius:4px;background:#2d2d2d;color:#fff;cursor:pointer;transition:all .2s}.file-controls button:hover:not(:disabled){background:#3d3d3d}.file-controls button:disabled{opacity:.5;cursor:not-allowed}.editor-container{display:flex;gap:20px;flex:1}.editor-section{flex:1;display:flex;flex-direction:column;gap:10px}.editor-section h3{margin:0;color:#fff}.error-message{padding:10px;background:#f44;color:#fff;border-radius:4px;margin-top:10px}.color-picker{padding:20px;height:100%;display:flex;flex-direction:column;gap:20px}.picker-container{display:flex;flex-direction:column;align-items:center;gap:20px}.color-input{width:100%;max-width:200px}.color-input input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background:#2d2d2d;color:#fff;text-align:center;font-size:16px}.color-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px;background:#2d2d2d;border-radius:8px}.value-group{display:flex;flex-direction:column;gap:8px}.value-group h3{margin:0;color:#fff;font-size:14px;text-transform:uppercase}.value{padding:8px;background:#1d1d1d;border-radius:4px;color:#fff;cursor:pointer;transition:background .2s}.value:hover{background:#3d3d3d}.color-palette{padding:20px;background:#2d2d2d;border-radius:8px}.color-palette h3{margin:0 0 16px;color:#fff}.palette-colors{display:flex;gap:10px;flex-wrap:wrap}.palette-color{width:60px;height:60px;border-radius:4px;cursor:pointer;transition:transform .2s}.palette-color:hover{transform:scale(1.1)}.app{text-align:center;min-height:100vh;background-color:#f5f5f5}.app-header{background-color:#282c34;padding:1rem;display:flex;justify-content:center;align-items:center;position:relative}.app-header h1{color:#fff!important;margin:0}.back-button{position:absolute;left:1rem;background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem}.back-button:hover{text-decoration:underline}.app-main{padding:2rem;max-width:1200px;margin:0 auto}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2rem}.tool-button{background-color:#fff;border:2px solid #282c34;border-radius:8px;padding:2rem;font-size:1.2rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.tool-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003;background-color:#f8f8f8}.top-menu{background-color:#2c3e50;padding:1rem;box-shadow:0 2px 4px #0000001a}.home-link{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}.content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.home-page{display:flex;flex-direction:column;gap:2rem}.search-container{width:100%;max-width:600px;margin:0 auto}.search-input{width:100%;padding:1rem;font-size:1.1rem;border:2px solid #ddd;border-radius:8px}.tool-card{padding:1.5rem;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.audio-converter{max-width:600px;margin:0 auto;padding:2rem;border:1px solid #ddd;border-radius:8px}.upload-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.file-input{padding:1rem;border:2px dashed #ddd;border-radius:8px;cursor:pointer}.convert-button{padding:1rem;background-color:#2c3e50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem}.convert-button:disabled{background-color:#95a5a6;cursor:not-allowed}.output-section{display:flex;flex-direction:column;gap:1rem}.audio-player{width:100%}.download-button{padding:1rem;background-color:#27ae60;color:#fff;text-decoration:none;text-align:center;border-radius:8px;font-weight:700}h1{font-size:2.5rem;color:#333;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}