@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #0f1117;--bg-card: #181a23;--bg-card-hover: #1e2130;--border: #2a2d3a;--text: #e4e6ed;--text-muted: #8b8fa3;--accent: #6366f1;--accent-hover: #818cf8;--accent-subtle: rgba(99, 102, 241, .1);--success: #22c55e;--success-subtle: rgba(34, 197, 94, .1);--error: #ef4444;--error-subtle: rgba(239, 68, 68, .1);--warning: #f59e0b;--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column;max-width:1100px;margin:0 auto;padding:0 24px}.app-header{display:flex;align-items:center;gap:16px;padding:32px 0 24px;border-bottom:1px solid var(--border);margin-bottom:40px}.logo-mark{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#a855f7);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;letter-spacing:-.5px;flex-shrink:0}.app-header h1{font-size:22px;font-weight:600;letter-spacing:-.3px}.subtitle{color:var(--text-muted);font-size:14px;margin-top:2px}.header-text{flex:1}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:all .15s ease;white-space:nowrap}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted);background:var(--bg-card)}.btn-ghost-active{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}.badge{background:var(--bg-card);border:1px solid var(--border);padding:1px 7px;border-radius:10px;font-size:11px;font-variant-numeric:tabular-nums}.btn-ghost-active .badge{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.defaults-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.defaults-panel-header{margin-bottom:20px}.defaults-panel-header h2{font-size:16px;font-weight:600;margin-bottom:4px}.defaults-desc{color:var(--text-muted);font-size:13px;margin-bottom:12px}.defaults-actions{display:flex;gap:8px}.btn-xs{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:all .15s ease}.btn-xs:hover{color:var(--text);border-color:var(--text-muted);background:var(--bg-card-hover)}.defaults-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.default-group{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.group-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-card-hover);cursor:pointer;font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}.group-header input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.group-name{flex:1}.group-count{font-size:11px;color:var(--text-muted);font-weight:400;font-variant-numeric:tabular-nums}.group-cookies{display:flex;flex-direction:column}.cookie-item{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;transition:background .1s ease;-webkit-user-select:none;user-select:none;border-top:1px solid var(--border)}.cookie-item:hover{background:var(--bg-card-hover)}.cookie-item input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.cookie-item code{font-size:12px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cookie-cat{font-size:11px;color:var(--text-muted);white-space:nowrap}.defaults-panel-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.btn-sm{padding:8px 16px;font-size:13px}.app-main{flex:1}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:64px 32px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-card)}.dropzone:hover,.dropzone-active{border-color:var(--accent);background:var(--accent-subtle)}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:16px}.dropzone-icon{color:var(--text-muted);opacity:.6}.dropzone:hover .dropzone-icon,.dropzone-active .dropzone-icon{color:var(--accent);opacity:1}.dropzone-text{font-size:16px;font-weight:500}.dropzone-hint{color:var(--text-muted);font-size:13px}.status-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.status-error{border-color:var(--error);background:var(--error-subtle)}.status-icon{width:48px;height:48px;border-radius:50%;background:var(--error);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px}.error-msg{color:var(--error);font-size:14px;max-width:400px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results{display:flex;flex-direction:column;gap:24px}.results-header h2{font-size:20px;font-weight:600;color:var(--success)}.results-file{color:var(--text-muted);font-size:13px;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:4px}.stat-value{font-size:28px;font-weight:700;letter-spacing:-1px;color:var(--accent)}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-tooltip-wrap{position:relative;display:inline-flex;align-items:center;margin-left:5px;vertical-align:middle}.info-icon{width:16px;height:16px;color:var(--text-muted);cursor:help;transition:color .15s ease;flex-shrink:0;vertical-align:middle}.info-tooltip-wrap:hover .info-icon{color:var(--accent)}.info-tooltip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:270px;padding:10px 12px;background:#1e2130;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:400;line-height:1.55;color:var(--text);text-transform:none;letter-spacing:0;white-space:normal;box-shadow:0 8px 24px #0006;z-index:10;pointer-events:none}.info-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border)}.info-tooltip-wrap:hover .info-tooltip{display:block}.preview-section h3{font-size:15px;font-weight:600;margin-bottom:12px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:auto;max-height:420px}.preview-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.preview-table thead{position:sticky;top:0;z-index:1}.preview-table th{background:var(--bg-card);color:var(--text-muted);font-weight:500;text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.preview-table td{padding:8px 12px;border-bottom:1px solid var(--border);max-width:200px;overflow:hidden;text-overflow:ellipsis}.preview-table tr:last-child td{border-bottom:none}.row-default{background:var(--accent-subtle)}.row-scanned{background:transparent}.row-scanned:hover,.row-default:hover{background:var(--bg-card-hover)}.row-num{color:var(--text-muted);font-variant-numeric:tabular-nums;width:36px}.cell-cookie{font-weight:500;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px}.cell-host{color:var(--text-muted);font-size:12px}.cell-center{text-align:center}.actions{display:flex;gap:12px;padding:8px 0 40px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.app-footer{padding:24px 0;border-top:1px solid var(--border);margin-top:40px}.app-footer p{color:var(--text-muted);font-size:12px;text-align:center}@media(max-width:680px){.stats-grid{grid-template-columns:repeat(2,1fr)}.actions{flex-direction:column}.app-header{flex-direction:column;text-align:center}}