@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-gradient{animation:gradient 3s ease infinite;background-size:200% 200%}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-delayed{animation:float 3s ease-in-out 1.5s infinite}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-green:#16a249;--light-green:#22c35d;--lighter-green:#47d17a;--dark-green:#0d7332;--very-light-green:#f2f8f4;--background-light:#fff;--card-bg:#fff;--text-dark:#0a2914;--text-light:#527a5f;--border-color:#deede3;--success:#16a249;--error:#ef4444;--info:#16a249;--shadow:#228b571a;--shadow-hover:#228b5733}.dark{--background-light:#0f1729;--card-bg:#131d34;--text-dark:#f8fafc;--text-light:#94a3b8;--border-color:#1d283a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0a2914;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background .3s ease,color .3s ease}.app,body{background:#fff;background:var(--background-light);min-height:100vh}.app{display:flex;flex-direction:column;transition:background .3s ease}.main-content{flex:1 1}.hero-section{background:#fff;background:var(--background-light);padding:1.5rem 0 2rem;transition:background .3s ease}.hero-container{margin:0 auto;max-width:960px;padding:0 1rem}@media (min-width:640px){.hero-container{padding:0 1.5rem}}@media (min-width:1024px){.hero-container{padding:0 2rem}}.hero-content{margin:0 auto;max-width:48rem;text-align:center}.hero-title{color:#0a2914;color:var(--text-dark);font-size:1.875rem;font-weight:400;letter-spacing:-.025em;margin:0;transition:color .3s ease}.tool-section{background:#fff;background:var(--background-light);padding:2rem 0;transition:background .3s ease}.tool-container{margin:0 auto;max-width:960px;padding:0 1rem}@media (min-width:640px){.tool-container{padding:0 1.5rem}}@media (min-width:1024px){.tool-container{padding:0 2rem}}.tool-content{margin:0 auto;max-width:48rem}.tool-layout{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.conversion-card,.upload-card{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:680px;min-width:320px;width:100%}.container{margin:0 auto;max-width:64rem;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}.message{animation:slideIn .3s ease;border-radius:12px;box-shadow:0 1px 3px #0000001a;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #16a249;border-left:4px solid var(--success);color:#065f46}.message-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;border-left:4px solid var(--error);color:#991b1b}.message-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #16a249;border-left:4px solid var(--info);color:#1e40af}.card{background:linear-gradient(to bottom right,#22c55e08,#10b98108);border:2px dashed #86efac;border-radius:12px;margin-bottom:1.5rem;padding:2rem 1.5rem;transition:all .3s ease}.dark .card{background:linear-gradient(to bottom right,#22c55e0d,#10b9810d);border-color:#15803d}.card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.card-title{color:#0a2914;color:var(--text-dark);font-size:1.25rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease}.drop-zone{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;justify-content:center;margin-bottom:1rem;min-height:180px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.drop-zone,.drop-zone:hover{background:#fff;background:var(--card-bg)}.drop-zone:hover{transform:scale(1.01)}.drop-zone.drag-active{background:#f2f8f4;background:var(--very-light-green);transform:scale(1.02)}.drop-zone.has-file{background:#fff;background:var(--card-bg);border-color:#16a249;border-color:var(--success)}.drop-zone-content{width:100%}.upload-icon{animation:bounce 2s infinite;font-size:3rem;margin-bottom:.75rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drop-text{color:#0a2914;color:var(--text-dark);font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.drop-subtext,.drop-text{transition:color .3s ease}.drop-subtext{color:#527a5f;color:var(--text-light);font-size:.9rem;margin-bottom:.25rem}.file-preview{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.preview-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;max-height:150px;max-width:150px;object-fit:contain}.preview-placeholder{align-items:center;background:linear-gradient(135deg,#f2f8f4,#fff);background:linear-gradient(135deg,var(--very-light-green) 0,#fff 100%);border:2px dashed #deede3;border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;height:150px;justify-content:center;width:150px}.placeholder-icon{font-size:4rem;margin-bottom:.5rem;opacity:.7}.placeholder-text{color:#527a5f;color:var(--text-light);font-size:.9rem;font-weight:500}.file-info{text-align:center}.file-name{color:#0a2914;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin-bottom:.25rem;word-break:break-all}.file-name,.file-size{transition:color .3s ease}.file-size{color:#527a5f;color:var(--text-light);font-size:.9rem}.remove-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);border:none;border-radius:8px;color:#991b1b;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.remove-btn:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:scale(1.05)}.upload-sources{margin-top:1.5rem}.section-label{color:#0a2914;color:var(--text-dark);display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem;transition:color .3s ease}.source-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.source-btn{align-items:center;background:#fff;background:var(--card-bg);border:2px solid #deede3;border:2px solid var(--border-color);border-radius:12px;color:#0a2914;color:var(--text-dark);cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;font-weight:500;gap:.5rem;padding:1rem .5rem;position:relative;transition:all .3s ease}.source-btn:hover{background:#f2f8f4;background:var(--very-light-green);border-color:#22c35d;border-color:var(--light-green);transform:translateY(-2px)}.source-btn.active{background:linear-gradient(135deg,#f2f8f4,#fff);background:linear-gradient(135deg,var(--very-light-green) 0,#fff 100%);border-color:#16a249;border-color:var(--primary-green);box-shadow:0 4px 12px #228b571a;box-shadow:0 4px 12px var(--shadow)}.source-icon{font-size:1.5rem}.source-label{font-size:.8rem}.format-selector{margin-bottom:1.5rem}.format-dropdown{-webkit-appearance:none;appearance:none;background:#fff;background:var(--card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23228B57' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:2px solid #deede3;border:2px solid var(--border-color);border-radius:12px;color:#0a2914;color:var(--text-dark);cursor:pointer;font-size:1.05rem;font-weight:500;padding:1rem 3rem 1rem 1.25rem;transition:all .3s ease;width:100%}.format-dropdown:hover{border-color:#22c35d;border-color:var(--light-green)}.format-dropdown:focus{border-color:#16a249;border-color:var(--primary-green);box-shadow:0 0 0 3px #228b571a;box-shadow:0 0 0 3px var(--shadow);outline:none}.info-box{align-items:center;background:#3b82f61a;border-left:4px solid #16a249;border-left:4px solid var(--info);border-radius:12px;display:flex;font-size:.95rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;transition:all .3s ease}.info-box,.info-box-success{color:#0a2914;color:var(--text-dark)}.info-box-success{background:#228b571a;border-left:4px solid #16a249;border-left:4px solid var(--success)}.info-box-warning{background:#f59e0b1a;border-left:4px solid #f59e0b;color:#0a2914;color:var(--text-dark)}.dark .info-box{background:#3b82f633}.dark .info-box-success{background:#228b5733}.dark .info-box-warning{background:#f59e0b33}.info-icon{flex-shrink:0;font-size:1.5rem}.convert-btn{align-items:center;background:linear-gradient(135deg,#16a249,#22c35d);background:linear-gradient(135deg,var(--primary-green) 0,var(--light-green) 100%);border:2px solid #16a249;border:2px solid var(--primary-green);border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.convert-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d7332,#16a249);background:linear-gradient(135deg,var(--dark-green) 0,var(--primary-green) 100%);border-color:#0d7332;border-color:var(--dark-green);box-shadow:0 6px 25px #228b5733;box-shadow:0 6px 25px var(--shadow-hover);color:#fff;transform:translateY(-2px)}.convert-btn:active:not(:disabled){transform:translateY(0)}.convert-btn:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#64748b;cursor:not-allowed;opacity:.7}.download-btn{align-items:center;background:linear-gradient(135deg,#0d7332,#16a249 50%,#22c35d);background:linear-gradient(135deg,var(--dark-green) 0,var(--primary-green) 50%,var(--light-green) 100%);background-size:200% 200%;border:none;border-radius:12px;box-shadow:0 4px 15px #228b571a;box-shadow:0 4px 15px var(--shadow);color:#fff!important;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;padding:1.25rem 2rem;transition:all .3s ease;width:100%}.download-btn:hover{animation:gradient 3s ease infinite;background:linear-gradient(135deg,#22c35d,#47d17a 50%,#16a249);background:linear-gradient(135deg,var(--light-green) 0,var(--lighter-green) 50%,var(--primary-green) 100%);background-size:200% 200%;box-shadow:0 6px 25px #228b5733;box-shadow:0 6px 25px var(--shadow-hover);color:#fff!important;transform:translateY(-2px)}.download-btn:active{transform:translateY(0)}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.how-to-use{margin-bottom:3rem;margin-top:3rem}.how-to-title{color:#0a2914;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.how-to-steps{flex-direction:column}.how-to-step,.how-to-steps{display:flex;gap:1rem}.step-number{align-items:center;background:#16a249;background:var(--primary-green);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.step-content{flex:1 1}.step-title{color:#0a2914;color:var(--text-dark);font-size:1rem;font-weight:600;margin-bottom:.25rem}.step-description{color:#527a5f;color:var(--text-light);font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.nav-links{display:none}.card{padding:1.5rem}.drop-zone{min-height:200px;padding:2rem 1rem}.upload-icon{font-size:3rem}.drop-text{font-size:1rem}.drop-subtext{font-size:.85rem}.convert-btn{font-size:1.1rem;padding:1.1rem 1.5rem}.info-box{font-size:.9rem;padding:.9rem 1rem}.hero-title{font-size:1.5rem}}@media (max-width:480px){.header{padding:0}.navbar-content{height:3.5rem}.logo-img{height:2.5rem}.card{padding:1.25rem}.card-title{font-size:1.3rem}.drop-zone{min-height:180px;padding:1.5rem 1rem}.drop-text{font-size:.95rem}.drop-subtext{font-size:.8rem}.preview-image{max-height:150px;max-width:150px}.file-name{font-size:1rem}.format-dropdown{font-size:1rem;padding:.9rem 1rem}.convert-btn{font-size:1rem;padding:1rem 1.25rem}.info-box{font-size:.85rem;gap:.5rem;padding:.85rem 1rem}.hero-title,.info-icon{font-size:1.25rem}.breadcrumb-content{font-size:.75rem}}@media (max-width:360px){.logo-img{height:2rem}.card{padding:1rem}.convert-btn{font-size:.95rem;padding:.9rem 1rem}.hero-title{font-size:1.125rem}}
/*# sourceMappingURL=main.025de228.css.map*/