@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;500;700&display=swap";:root{--bg-dark:#030305;--bg-gradient:radial-gradient(circle at 50% -20%, #2a1145 0%, #030305 60%);--glass-bg:#140f1e66;--glass-border:#ffffff14;--accent-cyan:#00f0ff;--accent-magenta:#ff003c;--accent-gradient:linear-gradient(135deg, #ff003c, #8a2be2, #00f0ff);--text-main:#f0f0f5;--text-muted:#8a8a9a}body{background:var(--bg-dark);background-image:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.converter-container{color:#ededed;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Inter,-apple-system,sans-serif;animation:.8s ease-out fadeIn;display:flex}.converter-card{background-color:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;width:100%;max-width:960px;padding:3rem;box-shadow:0 10px 30px #00000080}.nav-header{margin-bottom:2rem}.converter-header{margin-bottom:2.5rem}.title{color:#fff;letter-spacing:-.05em;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.subtitle{color:#888;margin:0;font-size:1.1rem}.drop-zone{text-align:center;cursor:pointer;background-color:#0a0a0a;border:1px dashed #333;border-radius:8px;padding:4rem 2rem;transition:all .2s}.drop-zone:hover{background-color:#111;border-color:#555}.drop-icon{color:#555;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:2.5rem}.workspace{grid-template-columns:1fr 350px;gap:2.5rem;animation:.4s fadeIn;display:grid}.preview-panel{background-color:#111;border:1px solid #1a1a1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:450px;padding:2rem;display:flex;position:relative;overflow:hidden}.results-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;width:100%;display:grid}.result-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.preview-img{object-fit:contain;max-width:100%;max-height:400px}.preview-img.small{max-height:100px}.controls-panel{flex-direction:column;gap:1.5rem;display:flex}.control-group{flex-direction:column;gap:.6rem;display:flex}.control-group label{text-transform:uppercase;letter-spacing:.1em;color:#555;font-size:.85rem;font-weight:500}.control-group select,.control-group input[type=number],.control-group input[type=text]{color:#ccc;box-sizing:border-box;background-color:#0a0a0a;border:1px solid #1a1a1a;border-radius:6px;outline:none;width:100%;min-width:0;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:.95rem;transition:border-color .2s}.control-group select:focus,.control-group input[type=number]:focus{border-color:#444}.control-group.checkbox{flex-direction:row;align-items:center;margin-top:.5rem}.control-group.checkbox label{text-transform:none;letter-spacing:normal;color:#ccc;cursor:pointer;align-items:center;display:flex}.control-group.checkbox input{accent-color:#27c93f;width:16px;height:16px;margin-right:12px}.action-buttons{flex-direction:column;gap:1rem;margin-top:auto;display:flex}.btn-primary,.btn-secondary,.download-link{cursor:pointer;text-align:center;border:none;border-radius:6px;padding:12px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-primary{color:#050505;background-color:#ededed}.btn-primary:hover:not(:disabled){background-color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#fff;background-color:#141414;border:1px solid #2a2a2a}.btn-secondary:hover{background-color:#2a2a2a;border-color:#444}.download-link{color:#fff;background-color:#222;width:100%;padding:4px 8px;font-size:.8rem}.download-link:hover{background-color:#333}@media (width<=768px){.converter-container{align-items:flex-start;padding:1rem}.converter-card{box-shadow:none;background:0 0;border:none;padding:1.5rem}.workspace{grid-template-columns:1fr;gap:2rem}.preview-panel{min-height:250px;padding:1rem}.preview-img{max-height:250px}.title{font-size:2rem}}*{box-sizing:border-box;margin:0;padding:0}body{color:#ededed;-webkit-font-smoothing:antialiased;background-color:#050505;justify-content:center;align-items:center;height:100vh;font-family:Inter,-apple-system,sans-serif;display:flex;overflow:hidden}.container{width:100%;max-width:760px;padding:2rem;animation:.8s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}header{margin-bottom:3.5rem}.logo-mark{color:#fff;letter-spacing:-2px;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:800}h1{letter-spacing:-.05em;color:#fff;margin-bottom:.5rem;font-size:3.5rem;font-weight:700;line-height:1}.tagline{color:#888;letter-spacing:-.01em;font-size:1.1rem;font-weight:400}.terminal-section{background-color:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;margin-bottom:3.5rem;box-shadow:0 10px 30px #00000080}.terminal-header{background-color:#111;border-bottom:1px solid #1a1a1a;border-top-left-radius:8px;border-top-right-radius:8px;gap:8px;padding:12px 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background-color:#ff5f56}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#27c93f}.terminal-body{justify-content:space-between;align-items:center;padding:20px;display:flex}pre{color:#ccc;white-space:pre-wrap;font-family:JetBrains Mono,monospace;font-size:.95rem}.prompt{color:#555;-webkit-user-select:none;user-select:none;margin-right:12px}.copy-btn{color:#fff;cursor:pointer;background-color:#141414;border:1px solid #2a2a2a;border-radius:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;transition:all .2s}.copy-btn:hover{background-color:#2a2a2a;border-color:#444}.docs{justify-content:space-between;gap:3rem;margin-bottom:3.5rem;display:flex}.doc-block{flex:1}.doc-block h3{text-transform:uppercase;letter-spacing:.1em;color:#555;margin-bottom:1.5rem;font-size:.85rem}.doc-block p{color:#888;margin-bottom:.5rem;font-size:.95rem}.mt-4{margin-top:1.5rem!important}.doc-block code{color:#ccc;background-color:#0a0a0a;border:1px solid #1a1a1a;border-radius:6px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:.85rem;display:inline-block}.options-list{list-style:none}.options-list li{color:#888;flex-direction:column;margin-bottom:1rem;font-size:.95rem;display:flex}.options-list strong{color:#ddd;margin-bottom:.4rem;font-family:JetBrains Mono,monospace;font-size:.85rem}footer{border-top:1px solid #1a1a1a;align-items:center;gap:1.5rem;padding-top:2rem;display:flex}footer a{color:#666;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}footer a:hover{color:#fff}.separator{color:#222}@media (width<=768px){body{align-items:flex-start;height:auto;min-height:100vh;padding:1.5rem 1rem;overflow-y:auto}.container{margin-top:auto;margin-bottom:auto;padding:1rem 0}.logo-mark{margin-bottom:.5rem;font-size:2rem}h1{font-size:2.8rem}header,.terminal-section{margin-bottom:2rem}.terminal-body{flex-direction:column;align-items:stretch;gap:1rem;padding:16px}.terminal-body pre{font-size:.85rem}.copy-btn{width:100%;padding:12px}.docs{flex-direction:column;gap:2rem;margin-bottom:2rem}.doc-block code{white-space:pre-wrap;word-break:break-all}footer{text-align:center;flex-direction:column;justify-content:center;gap:1rem;padding-top:1.5rem}.separator{display:none}}.docs-page{width:100%;max-width:800px;height:100vh;padding:4rem 2rem;animation:.4s ease-out fadeIn;overflow-y:auto}.docs-page::-webkit-scrollbar{width:8px}.docs-page::-webkit-scrollbar-track{background:#050505}.docs-page::-webkit-scrollbar-thumb{background:#222;border-radius:4px}.docs-page::-webkit-scrollbar-thumb:hover{background:#333}.docs-header{text-align:left;margin-bottom:3rem}.docs-header h2{letter-spacing:-.05em;color:#fff;margin-top:1.5rem;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.back-link{color:#888;font-family:Inter,sans-serif;font-size:.95rem;text-decoration:none;transition:color .2s}.back-link:hover{color:#fff}.docs-section{background-color:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;margin-bottom:3rem;padding:2rem}.docs-section h3{color:#fff;border-bottom:1px solid #1a1a1a;margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.2rem}.docs-section h4{color:#ddd;margin-bottom:.8rem;font-size:1rem}.full-width{width:100%}.full-width code{margin-bottom:1rem;display:block}.docs-link{color:#fff;border-bottom:1px solid #333;padding-bottom:2px;font-size:.95rem;font-weight:500;text-decoration:none;transition:border-color .2s}.docs-link:hover{border-color:#fff}@media (width<=768px){.docs-page{padding:2rem 1rem}}