:root{--bg:#e8eff6;--surface:#fff;--border:#0047ab;--text:#002a66;--text-muted:#546e7a;--accent:#ff6b6b;--grid:#0047ab14;--radius:4px;--font-ui:"Outfit", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box}body{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);color:var(--text);font-family:var(--font-ui);background-size:24px 24px;margin:0;line-height:1.6}.tools-wrapper{max-width:1200px;margin:0 auto;padding:clamp(1rem,5vw,3rem)}.tools-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:flex-end;margin-bottom:3rem;padding-bottom:2rem;display:flex;position:relative}.tools-header:after{content:"TOOLKIT-V1.0";background:var(--border);color:#fff;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;bottom:-1px;right:0}.back-link{color:var(--border);text-transform:uppercase;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.title-group h1{text-transform:uppercase;letter-spacing:-1px;margin:0;font-size:2.5rem;font-weight:900;line-height:1}.title-group p{color:var(--text-muted);margin:.5rem 0 0}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.tool-card{background:var(--surface);border:2px solid var(--border);flex-direction:column;gap:1.5rem;padding:2rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.tool-badge{font-family:var(--font-mono);color:var(--grid);pointer-events:none;font-size:2rem;font-weight:900;position:absolute;top:1rem;right:1rem}.tool-card:hover{box-shadow:8px 8px 0 var(--border);transform:translate(-4px,-4px)}.tool-card h2{align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:800;display:flex}.tool-card .desc{color:var(--text-muted);font-size:.95rem}.preview-wrap{border:1px solid var(--grid);background:#0047ab08;flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:none}.preview-wrap.active{display:flex}.preview-wrap img{object-fit:contain;border:1px solid var(--border);max-width:100%;max-height:200px}.file-info{font-family:var(--font-mono);color:var(--border);text-align:center;font-size:.8rem}.file-icon{color:var(--border);font-size:3rem}.thumb-mini{object-fit:cover;border:1px solid var(--border);width:60px;height:60px}.drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:#0047ab05;padding:2rem;transition:background .2s}.drop-zone:hover,.drop-zone.active{background:#0047ab14}.drop-zone input{display:none}.controls{gap:1rem;display:grid}.control-group{flex-direction:column;gap:.25rem;display:flex}.control-group label{text-transform:uppercase;color:var(--border);font-size:.8rem;font-weight:700}input[type=range]{width:100%;accent-color:var(--border)}.btn{background:var(--border);color:#fff;text-transform:uppercase;cursor:pointer;border:none;padding:12px;font-family:inherit;font-weight:800;transition:opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.result-area{background:#f8f9fa;border:1px solid #ddd;margin-top:1rem;padding:1rem;font-size:.85rem;display:none}.result-area.active{display:block}.stats{font-family:var(--font-mono);margin-bottom:1rem}.progress-bar{background:#eee;width:100%;height:4px;margin-bottom:1rem;overflow:hidden}.progress-fill{background:var(--accent);width:0%;height:100%;transition:width .3s}@media (width<=600px){.tools-grid{grid-template-columns:1fr}.title-group h1{font-size:1.75rem}.tools-header{flex-direction:column-reverse;align-items:flex-start;gap:1rem}}