@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Caveat:wght@400;700&display=swap";:root{--bg-hsl:135, 30%, 94%;--bg:#e7f3ea;--bg-cream:#eef8f1;--text-primary-hsl:155, 45%, 12%;--text-primary:#12221a;--text-secondary:#4a6053;--accent-hsl:145, 60%, 32%;--accent:#1e6b3f;--accent-light:#d2ecd8;--accent-bright:#22c55e;--accent-hover:#14532d;--card-bg:#fff;--card-border:#c8e5ce;--card-shadow:4px 4px 0px 0px #1e6b3f1f;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-heading:"Fredoka", "Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-smooth:all .2s ease;--transition-bounce:all .35s cubic-bezier(.175, .885, .32, 1.275)}[data-theme=dark]{--bg-hsl:150, 18%, 10%;--bg:#0f1713;--bg-cream:#141d19;--text-primary-hsl:140, 20%, 92%;--text-primary:#ecfdf5;--text-secondary:#8ca395;--accent-hsl:142, 60%, 45%;--accent:#10b981;--accent-light:#162e24;--accent-bright:#34d399;--accent-hover:#059669;--card-bg:#16221c;--card-border:#22382d;--card-shadow:4px 4px 0px 0px #10b98126}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg);min-height:100vh;transition:var(--transition-smooth);background-image:radial-gradient(#1e6b3f12 2px,#0000 2px);background-size:24px 24px;overflow-x:hidden}[data-theme=dark] body{background-image:radial-gradient(#34d3990d 1.5px,#0000 1.5px)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#c3dfca;border-radius:99px}[data-theme=dark] ::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#254032}::-webkit-scrollbar-thumb:hover{background:var(--accent)}#root{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex}.glass{background:var(--card-bg);border:2px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:var(--radius-md)}.title-primary{font-family:var(--font-heading);color:var(--text-primary);font-weight:700}.text-gradient{color:var(--accent)}.btn{font-family:var(--font-sans);border:2px solid var(--text-primary);cursor:pointer;transition:var(--transition-bounce);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--text-primary);box-shadow:3px 3px 0px 0px var(--text-primary)}.btn-primary:hover{box-shadow:5px 5px 0px 0px var(--text-primary);background:var(--accent-hover);transform:translate(-2px,-2px)}.btn-primary:active{box-shadow:1px 1px 0px 0px var(--text-primary);transform:translate(0)}.btn-secondary{background:var(--bg-cream);color:var(--text-primary);border-color:var(--text-primary);box-shadow:3px 3px 0px 0px var(--text-primary)}.btn-secondary:hover{box-shadow:5px 5px 0px 0px var(--text-primary);background:var(--accent-light);transform:translate(-2px,-2px)}.btn-secondary:active{box-shadow:1px 1px 0px 0px var(--text-primary);transform:translate(0)}.btn-clear{font-family:var(--font-sans);color:#ef4444;cursor:pointer;transition:var(--transition-bounce);background:0 0;border:1.5px solid #ef4444;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:2px 2px #ef4444}.btn-clear:hover{color:#fff;background:#ef4444;transform:translate(-1px,-1px);box-shadow:3px 3px #b91c1c}.btn-clear:active{transform:translate(0);box-shadow:1px 1px #b91c1c}.tool-container{flex-direction:column;gap:24px;width:100%;max-width:1080px;margin:0 auto;padding:24px;animation:.35s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.tool-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.tool-header h2{font-family:var(--font-heading);font-size:2.5rem;font-weight:700}.tool-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.tool-grid{grid-template-columns:1.1fr .9fr}}.tool-card{background-color:var(--card-bg);padding:28px}.dropzone{border:3px dashed var(--card-border);background:var(--bg-cream);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition-smooth);flex-direction:column;align-items:center;gap:12px;padding:44px 20px;display:flex}.dropzone:hover{background:var(--accent-light);border-color:var(--accent)}.form-group{text-align:left;flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--text-primary);font-size:.88rem;font-weight:700}.form-input{border:2px solid var(--text-primary);background:var(--card-bg);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:12px;outline:none;padding:12px 16px;font-size:.95rem;font-weight:600}.form-input:focus{border-color:var(--accent-bright);box-shadow:0 0 0 3px #22c55e26}[data-theme=dark] .btn-secondary:hover{background:#10b98126}[data-theme=dark] .dropzone:hover{border-color:var(--accent);background:#10b9811a}[data-theme=dark] .nav-tab-btn:hover,[data-theme=dark] .dropdown-item.active:hover{background:#10b9811a}[data-theme=dark] .lang-toggle-btn:hover,[data-theme=dark] .theme-toggle-btn:hover{background:#10b9811f}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.35s cubic-bezier(.16,1,.3,1) fadeIn}