@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-dark:#1c1917;--bg-dark2:#292524;--amber:#f59e0b;--amber-dark:#d97706;--amber-darker:#b45309;--stone-100:#fafaf9;--stone-200:#e7e5e4;--stone-300:#d6d3d1;--stone-400:#a8a29e;--stone-500:#78716c;--stone-600:#57534e;--red:#ef4444;--green:#22c55e}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-dark2) 100%);min-height:100vh;color:var(--stone-100);font-family:Space Grotesk,sans-serif}.main-container{max-width:800px;margin:0 auto;padding:2rem}.main-header{text-align:center;padding:1.5rem 0 .75rem}.main-header h1{background:linear-gradient(135deg, var(--amber) 0%, var(--amber-dark) 50%, var(--amber-darker) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.main-header p{color:var(--stone-500);letter-spacing:.02em;margin-top:.25rem;font-size:.9rem}.tab-bar{background-color:#f59e0b14;border:1px solid #f59e0b33;border-radius:12px;gap:4px;margin-bottom:1.5rem;padding:.5rem;display:flex}.tab-btn{color:#ffffffb3;cursor:pointer;background-color:#0000;border:none;border-radius:8px;flex:1;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s}.tab-btn:hover{color:#ffffffe6;background-color:#f59e0b1a}.tab-btn.active{background:linear-gradient(135deg, var(--amber) 0%, var(--amber-dark) 100%);color:var(--bg-dark);font-weight:600}.upload-area{text-align:center;cursor:pointer;background:#f59e0b05;border:2px dashed #f59e0b4d;border-radius:12px;padding:2rem;transition:all .3s;position:relative}.upload-area:hover,.upload-area.dragover{border-color:var(--amber);background-color:#f59e0b0d}.upload-area input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-icon{margin-bottom:1rem;font-size:3rem}.upload-text{color:var(--stone-400);font-size:.95rem}.upload-text span{color:var(--amber);font-weight:500}.file-list-container{border-left:4px solid var(--amber);background:linear-gradient(135deg,#f59e0b1f 0%,#d9770614 100%);border-radius:12px;margin:1rem 0;padding:1rem}.file-list-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.file-list-header strong{color:var(--stone-200)}.reorder-hint{color:var(--stone-500);font-size:.85rem}.file-item{background:#1c191799;border:1px solid #f59e0b26;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s;display:flex}.file-item:hover{background:#1c1917cc;border-color:#f59e0b4d;transform:translate(2px)}.file-number{background:linear-gradient(135deg, var(--amber) 0%, var(--amber-dark) 100%);color:var(--bg-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:flex}.file-name{color:var(--stone-200);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.file-size{color:var(--stone-400);background:#a8a29e26;border-radius:4px;flex-shrink:0;padding:.2rem .5rem;font-size:.8rem}.file-actions{align-items:center;gap:.25rem;margin-left:auto;display:flex}.move-btn{color:var(--amber);cursor:pointer;background:#f59e0b26;border:none;border-radius:6px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .15s;display:flex}.move-btn:hover:not(:disabled){background:#f59e0b59;transform:scale(1.1)}.move-btn:disabled{opacity:.3;cursor:not-allowed}.remove-btn{color:var(--red);cursor:pointer;opacity:.7;background:#ef444426;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-family:inherit;font-size:.9rem;transition:all .2s;display:flex}.remove-btn:hover{opacity:1;background:#ef44444d;transform:scale(1.1)}.btn-primary{background:linear-gradient(135deg, var(--amber) 0%, var(--amber-dark) 100%);color:var(--bg-dark);cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #f59e0b59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b73}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-download{background:linear-gradient(135deg, var(--stone-500) 0%, var(--stone-600) 100%);color:var(--stone-100);cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.75rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 14px #78716c59}.btn-download:hover{color:var(--stone-100);transform:translateY(-2px);box-shadow:0 6px 20px #78716c73}.form-group{margin-bottom:1rem}.form-label{color:var(--stone-400);margin-bottom:.5rem;font-weight:500;display:block}.form-input,.form-select{width:100%;color:var(--stone-100);background-color:#1c1917cc;border:2px solid #f59e0b33;border-radius:8px;padding:.75rem;font-family:inherit;font-size:.95rem;transition:all .3s}.form-input:focus,.form-select:focus{border-color:var(--amber);background-color:#1c1917e6;outline:none;box-shadow:0 0 0 3px #f59e0b26}.form-select option{background-color:var(--bg-dark);color:var(--stone-100)}.form-hint{color:var(--stone-500);margin-top:.25rem;font-size:.85rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.metrics-row{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.metric-card{text-align:center;background:linear-gradient(135deg,#f59e0b1a 0%,#d9770614 100%);border:1px solid #f59e0b33;border-radius:12px;padding:1rem}.metric-label{color:var(--stone-400);margin-bottom:.25rem;font-size:.85rem;font-weight:500}.metric-value{color:var(--stone-100);font-size:1.25rem;font-weight:700}.alert-success{color:#86efac;background:linear-gradient(135deg,#22c55e26 0%,#16a34a1a 100%);border:1px solid #22c55e4d;border-radius:12px;margin-bottom:1rem;padding:1rem}.alert-error{color:#fca5a5;background:linear-gradient(135deg,#ef444426 0%,#dc26261a 100%);border:1px solid #ef44444d;border-radius:12px;margin-bottom:1rem;padding:1rem}.section-header{color:var(--stone-100);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.section-desc{color:var(--stone-400);margin-bottom:1.5rem}.footer{text-align:center;color:var(--stone-500);padding:2rem 0;font-size:.875rem}.privacy-badge{color:var(--amber);background:linear-gradient(135deg,#f59e0b26 0%,#d977061a 100%);border:1px solid #f59e0b4d;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.spinner{border:3px solid #f59e0b1a;border-top:3px solid var(--amber);vertical-align:middle;border-radius:50%;width:24px;height:24px;margin-right:.5rem;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}hr{background:linear-gradient(90deg,#0000,#f59e0b4d,#0000);border:none;height:1px;margin:2rem 0}.file-info-box{border-left:4px solid var(--amber-dark);background:linear-gradient(135deg,#f59e0b1f 0%,#d9770614 100%);border-radius:12px;margin:1rem 0;padding:1rem}.file-info-box strong{color:var(--stone-200)}.file-info-box .muted{color:var(--stone-400)}.file-info-box .subtle{color:var(--stone-500)}.result-list{margin:.5rem 0 1rem;padding:0;list-style:none}.result-list li{color:var(--stone-300);padding:.25rem 0}.result-list li:before{content:"▸ ";color:var(--amber)}