@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg2:#f8fafc;--bg3:#f1f5f9;--border:#e2e8f0;--border2:#cbd5e1;--text:#0f172a;--text2:#475569;--text3:#94a3b8;--accent:#7c3aed;--accent2:#6d28d9;--accent-bg:#f5f3ff;--accent-border:#ddd6fe;--input-bg:#fff;--card-bg:#fff;--shadow:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d, 0 2px 4px #0000000a;--shadow-lg:0 10px 25px #00000014;--radius:10px;--radius-sm:6px;--radius-lg:16px;--radius-xl:24px}[data-theme=dark]{--bg:#0d1117;--bg2:#161b22;--bg3:#21262d;--border:#30363d;--border2:#3d444d;--text:#f0f6fc;--text2:#8d96a0;--text3:#656d76;--accent:#a78bfa;--accent2:#7c3aed;--accent-bg:#1c1a2e;--accent-border:#4c1d95;--input-bg:#161b22;--card-bg:#161b22;--shadow:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 25px #0006}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{z-index:50;background:var(--bg);border-bottom:1px solid var(--border);height:60px;box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.nav-logo{align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;display:flex}.nav-logo-icon{font-size:1.4rem}.nav-logo span.accent{color:var(--accent)}.nav-right{align-items:center;gap:.75rem;display:flex}.nav-link{color:var(--text2);font-size:.85rem;font-weight:500;transition:color .15s}.nav-link:hover{color:var(--text)}.theme-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);cursor:pointer;width:36px;height:36px;color:var(--text);justify-content:center;align-items:center;font-size:1rem;transition:background .15s;display:flex}.theme-btn:hover{background:var(--bg3)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-wrap{min-height:calc(100vh - 60px)}.home-hero{text-align:center;background:linear-gradient(180deg, var(--accent-bg) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);padding:5rem 1.5rem 4rem}.hero-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--bg);border:1px solid var(--accent-border);border-radius:50px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.3rem .9rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;display:inline-flex}.home-hero h1{letter-spacing:-.03em;color:var(--text);margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700}.home-hero h1 span{color:var(--accent)}.home-hero p{color:var(--text2);max-width:560px;margin:0 auto 2.5rem;font-size:1.05rem}.search-wrap{max-width:500px;margin:0 auto;position:relative}.search-icon{color:var(--text3);pointer-events:none;font-size:1.1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{border:1.5px solid var(--border2);background:var(--input-bg);width:100%;color:var(--text);box-shadow:var(--shadow-md);border-radius:50px;outline:none;padding:.9rem 1rem .9rem 2.8rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed1a}.stats-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:3rem;padding:2rem;display:flex}.stat-item{text-align:center}.stat-num{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:1.75rem;font-weight:700}.stat-label{color:var(--text3);margin-top:.1rem;font-size:.75rem}.tools-section{padding:3rem 1.5rem}.category-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.category-icon-badge{border-radius:var(--radius);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.category-title{font-size:1.1rem;font-weight:700}.category-desc{color:var(--text3);font-size:.8rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.tool-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;flex-direction:column;gap:.5rem;padding:1.25rem 1rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.tool-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card-icon{font-size:1.5rem}.tool-card-name{color:var(--text);font-size:.875rem;font-weight:600}.tool-card-desc{color:var(--text3);font-size:.75rem;line-height:1.4}.tool-card-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:50px;align-self:flex-start;padding:.2rem .5rem;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:600;display:inline-block}.badge-live{color:#10b981;background:#10b9811a}.badge-soon{background:var(--bg3);color:var(--text3)}.tool-header{border-bottom:1px solid var(--border);background:var(--bg2);padding:2.5rem 1.5rem 2rem}.breadcrumb{color:var(--text3);align-items:center;gap:.5rem;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;display:flex}.breadcrumb a{color:var(--accent)}.breadcrumb a:hover{text-decoration:underline}.tool-title-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.tool-title-icon{font-size:2rem}.tool-title{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.tool-desc{color:var(--text2);font-size:.95rem}.tool-body{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.upload-zone{border:2px dashed var(--border2);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:var(--bg2);padding:3rem 2rem;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:var(--accent-bg)}.upload-zone-icon{margin-bottom:1rem;font-size:3rem}.upload-zone h3{margin-bottom:.4rem;font-size:1.1rem;font-weight:600}.upload-zone p{color:var(--text3);font-size:.85rem}.upload-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50px;margin-top:1.25rem;padding:.7rem 1.75rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s;display:inline-block}.upload-btn:hover{background:var(--accent2)}.file-list{flex-direction:column;gap:.5rem;margin-top:1.25rem;display:flex}.file-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.file-item-icon{font-size:1.25rem}.file-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;font-weight:500;overflow:hidden}.file-item-size{color:var(--text3);font-family:JetBrains Mono,monospace;font-size:.75rem}.file-item-remove{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1rem;transition:color .15s}.file-item-remove:hover{color:#ef4444}.file-item[draggable=true]{cursor:grab}.file-item.dragging{opacity:.45;border-color:var(--accent)}.file-item-move{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .35rem;font-size:.9rem;line-height:1;transition:color .15s,background .15s}.file-item-move:hover:not(:disabled){color:var(--accent);background:var(--accent-bg)}.file-item-move:disabled{opacity:.25;cursor:default}.file-list-hint{color:var(--text3);margin-bottom:.25rem;font-size:.75rem}.nav-link-accent{color:var(--accent);font-weight:600}.options-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:1.5rem;overflow:hidden}.options-header{background:var(--bg2);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;color:var(--text3);padding:1rem 1.25rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600}.options-body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.option-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.option-label{color:var(--text);font-size:.85rem;font-weight:500}.option-sub{color:var(--text3);font-size:.75rem}.option-input,.option-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text);outline:none;min-width:120px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.option-input:focus,.option-select:focus{border-color:var(--accent)}.option-range{width:160px;accent-color:var(--accent)}.option-color-wrap{align-items:center;gap:.5rem;min-width:120px;display:inline-flex}.option-color{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);cursor:pointer;width:44px;height:32px;padding:2px}.option-color::-webkit-color-swatch-wrapper{padding:0}.option-color::-webkit-color-swatch{border:none;border-radius:3px}.option-color-value{color:var(--text3);font-family:JetBrains Mono,monospace;font-size:.75rem}.process-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:background .15s,transform .1s;display:flex}.process-btn:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px)}.process-btn:disabled{opacity:.6;cursor:not-allowed}.process-btn.processing{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.result-card{border-radius:var(--radius-lg);text-align:center;background:#10b9810f;border:1.5px solid #10b9814d;margin-top:1.5rem;padding:1.5rem}.result-icon{margin-bottom:.75rem;font-size:2.5rem}.result-title{margin-bottom:.25rem;font-size:1rem;font-weight:700}.result-sub{color:var(--text2);margin-bottom:1.25rem;font-size:.8rem}.download-btn{color:#fff;background:#10b981;border-radius:50px;padding:.75rem 2rem;font-size:.9rem;font-weight:700;transition:background .15s;display:inline-block}.download-btn:hover{color:#fff;background:#059669}.error-card{border-radius:var(--radius-lg);color:#ef4444;background:#ef44440f;border:1.5px solid #ef44444d;margin-top:1.5rem;padding:1.25rem;font-size:.9rem}.related-tools{border-top:1px solid var(--border);background:var(--bg2);padding:3rem 1.5rem}.related-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:1rem;display:grid}.ad-slot{border:1px dashed var(--border2);border-radius:var(--radius);text-align:center;color:var(--text3);background:var(--bg2);justify-content:center;align-items:center;min-height:90px;margin:1.5rem 0;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text3);background:var(--bg2);padding:2.5rem 1.5rem;font-size:.8rem}.site-footer a{color:var(--accent)}.footer-link{color:var(--text3);font-size:.78rem;transition:color .15s}.footer-link:hover{color:var(--accent)}@media (max-width:640px){.nav{padding:0 1rem}.tools-grid{grid-template-columns:repeat(2,1fr)}.home-hero{padding:3rem 1rem 2.5rem}.stats-bar{gap:1.5rem}}