@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap";#__nuxt,body,html{background:#f5f7fa;color:#1d2129;font-family:Inter,Roboto,sans-serif;height:100%;margin:0;padding:0}a{color:inherit;text-decoration:none}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 6px #00000014;position:sticky;top:0;z-index:50}.navbar-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1.5rem}.navbar-container,.navbar-left{align-items:center;display:flex}.navbar-left{gap:2rem}.logo{gap:.5rem;text-decoration:none}.logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;color:#fff;height:48px;justify-content:center;width:48px}.logo-icon,.logo-text{font-size:1.25rem;font-weight:700}.logo-text{color:#1d2129}.nav-links{display:flex;gap:1.2rem}.nav-link{color:#4b5563;font-weight:500;transition:color .2s}.nav-link:hover{color:#2563eb}.navbar-right{align-items:center;display:flex;gap:.5rem}.search-wrapper{position:relative}.search-input{border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;outline:none;padding:.25rem .75rem;transition:border .2s;width:170px}.search-input:focus{border-color:#2563eb}.search-icon{color:#4b5563;font-size:18px;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.lang-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;outline:none;padding:.2rem .5rem}.theme-toggle{background:transparent;border:none;cursor:pointer;padding:.2rem}.theme-icon{color:#4b5563;font-size:18px}.tools-container{margin:2rem auto;max-width:70%}.tools-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;transition:all .25s ease}.tool-card:hover{border-color:#2563eb;box-shadow:0 8px 20px #0000001f;transform:translateY(-3px)}.tool-card-content{align-items:center;display:flex;gap:1rem}.tool-card-icon{align-items:center;background:#e0f2ff;border-radius:8px;display:flex;height:48px;justify-content:center;width:48px}.icon{color:#2563eb;height:24px;width:24px}.tool-card-text h3{font-size:1rem;font-weight:600;margin:0}.tool-card-text p{color:#5f6b7a;font-size:.875rem;margin:.25rem 0 0}.tool-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.tool-desc{color:#5f6b7a;font-size:1rem;margin-bottom:2rem}.compress-wrapper{display:flex;flex-wrap:wrap;gap:2rem}.compress-controls{display:flex;flex:1 1 300px;flex-direction:column;gap:1rem}.file-label{background:#2563eb;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:.5rem 1rem;text-align:center}.file-label input{display:none}.param-group{display:flex;flex-direction:column;gap:.25rem}.param-group input[type=range]{width:100%}.btn-primary{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s}.btn-primary:hover{background:#1e40af}.btn-outline{background:#fff;border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-outline:hover{background:#2563eb;color:#fff}.compress-preview{display:flex;flex:1 1 300px;flex-direction:column;gap:.5rem}.compress-preview img{border:1px solid #e5e7eb;border-radius:8px;max-width:100%}