*{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;max-width:900px;margin:0 auto;padding:1.5rem;color:#1a1a1a;background:#f8f9fa}.page{min-height:100vh;display:flex;flex-direction:column}.app-footer{margin-top:auto;padding-top:1.5rem;padding-bottom:.5rem;border-top:1px solid #e9ecef;font-size:.85rem;color:#666;display:flex;align-items:center;gap:.5rem}.app-footer a{color:#666;text-decoration:none;transition:color .2s}.app-footer a:hover{color:#0d6efd}.footer-sep{color:#999;-webkit-user-select:none;user-select:none}.app-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.header-brand{display:inline-flex;align-items:center;gap:.6rem}.header-logo{display:flex;flex-shrink:0;width:36px;height:36px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0d6efd59}.header-logo svg{width:100%;height:100%;display:block}.header-app-name{font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:#1a1a1a}.header-beta{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#5a6268;background:linear-gradient(135deg,#f1f3f5,#e9ecef);padding:.18rem .45rem;border-radius:6px;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px #0000000a;opacity:.9}.header-brand-sep{color:#999;font-weight:400;-webkit-user-select:none;user-select:none}.header-group{font-size:.9rem;color:#666;text-decoration:none;transition:color .2s}.header-group:hover{color:#0d6efd}.header-right{display:flex;align-items:center;gap:1rem}.credits-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:linear-gradient(135deg,#e8f4ff,#d6ebff);border:1px solid #b3d9ff;border-radius:999px;font-size:.875rem;font-weight:500;color:#0a58ca;box-shadow:0 1px 2px #0d6efd14}.credits-badge-icon{display:flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;flex-shrink:0}.credits-badge-icon svg{width:100%;height:100%}.credits-badge--empty .credits-badge-icon{opacity:.85}.credits-badge-label{color:#495057;font-weight:500}.credits-badge-value{min-width:1.5em;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.credits-badge--empty .credits-badge-value{color:#c00}.credits-badge--empty{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-color:#ffb3b3;color:#a00}h1{font-size:1.5rem;margin-bottom:.5rem}.sub{color:#666;font-size:.9rem;margin-bottom:1.5rem}.dropzone{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;background:#fff;cursor:pointer;transition:border-color .2s,background .2s;display:block}.dropzone:hover,.dropzone.dragover{border-color:#0d6efd;background:#f0f7ff}.dropzone input{display:none}.actions{margin-top:1rem}.btn{display:inline-block;padding:.5rem 1rem;background:#0d6efd;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin-top:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--secondary{background:#6c757d;margin-left:0}.btn--secondary:hover:not(:disabled){background:#5a6268}.results-block{margin-top:1rem}.results-actions{margin-bottom:.75rem}.status{margin-top:1rem;min-height:1.5rem;color:#666}.status.error{color:#c00}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014;margin-top:1.5rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee}th{background:#f1f3f5;font-weight:600}tr:last-child td{border-bottom:none}.hint{font-size:.85rem;color:#666}.credits-empty-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;margin-bottom:1.25rem;background:#fff8e6;border:1px solid #ffd666;border-radius:8px;color:#ad6800}.credits-empty-banner strong{display:block;font-size:.95rem;margin-bottom:.25rem}.credits-empty-banner p{margin:0;font-size:.9rem;color:#876500;line-height:1.4}.credits-empty-icon{font-size:1.25rem;flex-shrink:0}