:root{--bg: #060606;--bg2: #0c0c0c;--bg3: #111111;--green: #00ff88;--green2: #00cc6a;--cyan: #00d4ff;--red: #ff4444;--yellow: #ffcc00;--text: #d0f0e0;--dim: #3a3a4a;--dim2: #5a5a6a;--border: rgba(0,255,136,.1);--border2: rgba(0,255,136,.28);--glow: 0 0 20px rgba(0,255,136,.15);--glow2: 0 0 35px rgba(0,255,136,.25);--r: 6px;--t: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:9999}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 15% 10%,rgba(0,255,136,.04) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 85% 85%,rgba(0,212,255,.03) 0%,transparent 60%);pointer-events:none;z-index:0}nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;background:#060606eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-logo{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--green);letter-spacing:2px;text-shadow:var(--glow)}.nav-back{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--dim2);text-decoration:none;letter-spacing:2px;transition:color var(--t),text-shadow var(--t)}.nav-back:hover{color:var(--green);text-shadow:var(--glow)}main{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:3rem 1.5rem 5rem}.page-title{font-size:1.8rem;font-weight:700;color:#fff;letter-spacing:-1px;margin-bottom:.4rem}.page-sub{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--dim2);margin-bottom:2.5rem;letter-spacing:1px;line-height:1.6}.drop-zone{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color var(--t),background var(--t),box-shadow var(--t);margin-bottom:1.5rem}.drop-zone:hover,.drop-zone.drag{border-color:var(--border2);background:var(--bg3);box-shadow:var(--glow)}.drop-zone input{display:none}.drop-icon{font-size:2.2rem;margin-bottom:.7rem;opacity:.7}.drop-label{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.3rem}.drop-hint{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--dim2);letter-spacing:1px}.file-results{display:flex;flex-direction:column;gap:1.2rem}.file-block{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color var(--t)}.file-block:hover{border-color:var(--border2)}.file-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem;border-bottom:1px solid var(--border);gap:1rem}.file-header-left{display:flex;align-items:center;gap:.8rem;overflow:hidden}.file-header-icon{font-size:1.4rem;flex-shrink:0}.file-name{font-size:.88rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-original-size{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--dim2);margin-top:.1rem;letter-spacing:1px}.btn-remove{background:none;border:none;color:var(--dim2);font-size:1rem;cursor:pointer;padding:.3rem;transition:color var(--t);flex-shrink:0}.btn-remove:hover{color:var(--red)}.formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--border)}.format-card{background:var(--bg2);padding:1.3rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:background var(--t)}.format-card:hover{background:var(--bg3)}.format-card.best{background:#00ff880a}.format-name{font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:3px;color:var(--dim2);font-weight:600}.format-size{font-size:1.1rem;font-weight:700;color:#fff}.format-saving{font-family:JetBrains Mono,monospace;font-size:.65rem;padding:.15rem .55rem;border-radius:3px;letter-spacing:1px}.saving-good{background:#00ff881a;color:var(--green);border:1px solid rgba(0,255,136,.25)}.saving-mid{background:#ffcc001a;color:var(--yellow);border:1px solid rgba(255,204,0,.25)}.saving-none{background:#5a5a6a33;color:var(--dim2);border:1px solid var(--border)}.saving-orig{background:#00d4ff14;color:var(--cyan);border:1px solid rgba(0,212,255,.2)}.saving-worse{background:#ff44441a;color:var(--red);border:1px solid rgba(255,68,68,.25)}.format-loading{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--dim2);animation:pulse-load 1s ease-in-out infinite;letter-spacing:1px}@keyframes pulse-load{0%,to{opacity:.3}50%{opacity:1}}.best-badge{font-family:JetBrains Mono,monospace;font-size:.58rem;color:var(--green);letter-spacing:3px;text-shadow:var(--glow)}.btn-dl{margin-top:.3rem;background:transparent;border:1px solid var(--border2);color:var(--green);padding:.35rem .9rem;border-radius:var(--r);font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;cursor:pointer;letter-spacing:1px;transition:background var(--t),box-shadow var(--t);text-decoration:none;display:inline-block}.btn-dl:hover{background:#00ff8814;box-shadow:var(--glow)}.btn-dl:disabled{opacity:.3;cursor:not-allowed}.pdf-quality-bar{padding:1rem 1.4rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.pdf-quality-label{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--dim2);white-space:nowrap;letter-spacing:1px}.pdf-quality-options{display:flex;gap:.5rem}.pdf-q-btn{background:var(--bg3);border:1px solid var(--border);color:var(--dim2);padding:.3rem .8rem;border-radius:var(--r);font-family:JetBrains Mono,monospace;font-size:.68rem;cursor:pointer;letter-spacing:1px;transition:all var(--t)}.pdf-q-btn:hover{color:var(--text);border-color:var(--border2)}.pdf-q-btn.active{background:#00ff8814;border-color:var(--border2);color:var(--green);box-shadow:var(--glow)}.pdf-warn{font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--dim2);font-style:italic;letter-spacing:1px}.pdf-progress{padding:1.5rem;text-align:center;font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--green);letter-spacing:2px;animation:pulse-load 1s ease-in-out infinite}.btn-clear{display:none;margin-bottom:1.2rem;background:transparent;border:1px solid var(--border);color:var(--dim2);padding:.45rem 1.2rem;border-radius:var(--r);font-family:JetBrains Mono,monospace;font-size:.7rem;cursor:pointer;letter-spacing:1px;transition:color var(--t),border-color var(--t)}.btn-clear:hover{color:var(--red);border-color:#ff44444d}