.music-player.svelte-q6ggz1{padding:12px calc(var(--preview-shell-bar-padding-x) + var(--content-scrollbar-width,0px)) 12px var(--preview-shell-bar-padding-x);color:#334155;background:#f8fbff;border-bottom:1px solid #dbe3ee;flex-shrink:0;grid-template-columns:minmax(0,1fr);align-items:center;gap:10px;display:grid}.music-player-topline.svelte-q6ggz1{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;display:grid}.music-player-status.svelte-q6ggz1{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.music-player-icon.svelte-q6ggz1{color:#0284c7;background:#e0f2fe;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.music-player-copy.svelte-q6ggz1{flex-direction:column;gap:3px;min-width:0;display:flex}.music-player-copy.svelte-q6ggz1 span:where(.svelte-q6ggz1){color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.music-player-main.svelte-q6ggz1{min-width:0;display:block}.music-player-controls.svelte-q6ggz1{flex:none;align-items:center;gap:8px;display:flex}.music-control-group.svelte-q6ggz1{align-items:center;gap:4px;display:inline-flex}.mode-controls.svelte-q6ggz1{border-left:1px solid #dbe3ee;padding-left:4px}.music-icon-button.svelte-q6ggz1{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:inline-flex}.music-icon-button.svelte-q6ggz1:hover,.music-icon-button.primary.svelte-q6ggz1,.music-icon-button.active.svelte-q6ggz1{color:#0369a1;background:#e0f2fe}.music-icon-button.primary.svelte-q6ggz1{color:#fff;background:#0284c7;width:34px;min-width:34px;height:34px}.music-icon-button.primary.svelte-q6ggz1:hover{color:#fff;background:#0369a1}.music-icon-button.close.svelte-q6ggz1:hover{color:#b91c1c;background:#fee2e2}.music-icon-button.svelte-q6ggz1:disabled{opacity:.35;cursor:not-allowed}.music-player-track.svelte-q6ggz1{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.9rem;font-weight:700;display:block;overflow:hidden}.music-transport.svelte-q6ggz1{background:0 0;border:none;grid-template-columns:auto minmax(140px,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:2px 0 0;display:grid}.time-label.svelte-q6ggz1{color:#64748b;font-variant-numeric:tabular-nums;text-align:center;min-width:35px;font-size:.72rem}.seek-slider.svelte-q6ggz1,.volume-slider.svelte-q6ggz1{accent-color:#0284c7;cursor:pointer;min-width:0}.seek-slider.svelte-q6ggz1{appearance:none;background:linear-gradient(90deg, #0284c7 var(--progress), #dbe3ee var(--progress));border-radius:99px;width:100%;height:4px}.seek-slider.svelte-q6ggz1::-webkit-slider-thumb{appearance:none;background:#0284c7;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0f172a3d}.seek-slider.svelte-q6ggz1::-moz-range-thumb{background:#0284c7;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #0f172a3d}.volume-popover-wrap.svelte-q6ggz1{justify-content:center;align-items:center;display:inline-flex;position:relative}.transport-icon-button.svelte-q6ggz1{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.transport-icon-button.svelte-q6ggz1:hover,.transport-icon-button.active.svelte-q6ggz1{color:#0369a1;background:#e0f2fe}.volume-popover.svelte-q6ggz1{z-index:3;background:#fff;border:1px solid #cbd5e1;border-radius:10px;place-items:center;width:38px;height:118px;padding:10px 0;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0f172a24}.volume-popover.svelte-q6ggz1:after{content:"";background:#fff;border-bottom:1px solid #cbd5e1;border-right:1px solid #cbd5e1;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.volume-slider.svelte-q6ggz1{transform-origin:50%;width:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}audio.svelte-q6ggz1{display:none}@media (width<=820px){.music-player.svelte-q6ggz1{grid-template-columns:1fr;align-items:stretch}.music-player-main.svelte-q6ggz1{display:block}.music-transport.svelte-q6ggz1{grid-template-columns:auto minmax(120px,1fr) auto}.volume-popover-wrap.svelte-q6ggz1{display:none}.music-player-controls.svelte-q6ggz1{padding-bottom:2px;overflow-x:auto}}.file-badge.svelte-yhy6xg{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.file-badge.compact.svelte-yhy6xg{width:22px;height:22px}.type-icon.svelte-yhy6xg{object-fit:contain;width:100%;height:100%;display:block}.screen.svelte-1hoi6vu{flex-direction:column;min-height:100vh;display:flex}.site-header.svelte-1hoi6vu{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border-bottom:1px solid #0f172a0f;position:sticky;top:0}.site-header-inner.svelte-1hoi6vu{justify-content:space-between;align-items:center;width:min(1180px,100vw - 36px);margin:0 auto;padding:14px 0;display:flex}.site-header-brand.svelte-1hoi6vu{color:var(--text-strong);align-items:center;gap:10px;font-size:.95rem;font-weight:800;text-decoration:none;display:flex}.site-header-logo.svelte-1hoi6vu{background:#fff;border:1px solid #2563eb29;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 20px #2563eb1a}.site-header-logo.svelte-1hoi6vu img:where(.svelte-1hoi6vu){display:block}.site-header-nav.svelte-1hoi6vu{align-items:center;gap:28px;display:flex}.site-footer.svelte-1hoi6vu{background:#f8fafcb3;border-top:1px solid #0f172a0f;margin-top:auto}.site-footer-inner.svelte-1hoi6vu{width:min(1180px,100vw - 36px);color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:20px 0;font-size:.82rem;display:flex}.site-footer-brand.svelte-1hoi6vu{font-weight:600}.site-footer-nav.svelte-1hoi6vu{gap:20px;display:flex}.site-footer-nav.svelte-1hoi6vu a:where(.svelte-1hoi6vu){color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .15s}.site-footer-nav.svelte-1hoi6vu a:where(.svelte-1hoi6vu):hover{color:var(--text-strong)}.site-footer-note.svelte-1hoi6vu{color:var(--text-dim);font-size:.78rem}.landing.svelte-1hoi6vu{height:auto;color:var(--text-base);background:radial-gradient(circle at 8% 4%,#1d4ed81a,#0000 28%),radial-gradient(circle at 92% 12%,#0f766e14,#0000 24%),linear-gradient(#f8fafc 0%,#eef3f8 54%,#f8fafc 100%);justify-content:flex-start;align-items:stretch;overflow:auto}.landing-shell.svelte-1hoi6vu{flex-direction:column;gap:48px;width:min(1180px,100vw - 36px);margin:0 auto;padding:48px 0 64px;display:flex}.landing-hero.svelte-1hoi6vu{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);align-items:center;gap:clamp(24px,4vw,56px);min-height:min(760px,100vh - 68px);display:grid}.landing-copy.svelte-1hoi6vu{flex-direction:column;gap:24px;min-width:0;display:flex}.hero-copy.svelte-1hoi6vu{flex-direction:column;gap:12px;display:flex}.eyebrow.svelte-1hoi6vu{color:#1d4ed8;font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.hero-copy.svelte-1hoi6vu h1:where(.svelte-1hoi6vu),.section-heading.svelte-1hoi6vu h2:where(.svelte-1hoi6vu){color:var(--text-strong);letter-spacing:0;margin:0}.hero-copy.svelte-1hoi6vu h1:where(.svelte-1hoi6vu){max-width:620px;font-size:clamp(2.45rem,6vw,5.1rem);line-height:1.08}.hero-subtitle.svelte-1hoi6vu{max-width:620px;color:var(--text-base);margin:0;font-size:clamp(1.02rem,1.55vw,1.22rem);line-height:1.55}.trust-pills.svelte-1hoi6vu{flex-wrap:wrap;gap:8px;display:flex}.trust-pills.svelte-1hoi6vu span:where(.svelte-1hoi6vu){color:#1e3a8a;background:#ffffffb3;border:1px solid #1d4ed824;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:700}.trust-pills.svelte-1hoi6vu span:where(.svelte-1hoi6vu):first-child{color:#0f766e;border-color:#0f766e2e}.dropzone.svelte-1hoi6vu{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--surface-strong) 88%, transparent);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:228px;padding:26px;transition:border-color .12s,transform .12s,background .12s;display:flex;box-shadow:0 18px 46px #0f172a14}.dropzone.dragover.svelte-1hoi6vu{background:color-mix(in srgb, var(--surface-strong) 96%, transparent);border-color:#1d4ed847;transform:translateY(-2px)}.dropzone.svelte-1hoi6vu strong:where(.svelte-1hoi6vu){color:var(--text-strong);font-size:1.1rem}.dropzone.svelte-1hoi6vu span:where(.svelte-1hoi6vu){color:var(--text-muted)}.dropzone-icon.svelte-1hoi6vu{width:58px;height:58px;color:var(--accent);background:#1d4ed814;border-radius:16px;place-items:center;display:grid}.loading-stack.svelte-1hoi6vu{flex-direction:column;align-items:center;gap:9px;display:flex}.spinner.svelte-1hoi6vu{border:3px solid #bfdbfe;border-top-color:var(--accent);border-radius:999px;width:28px;height:28px;animation:.8s linear infinite svelte-1hoi6vu-landing-spin}@keyframes svelte-1hoi6vu-landing-spin{to{transform:rotate(360deg)}}.primary-button.svelte-1hoi6vu,.secondary-button.svelte-1hoi6vu{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-weight:700}.primary-button.svelte-1hoi6vu{background:var(--accent);color:#f8fbff;box-shadow:0 16px 32px #1d4ed833}.primary-button.svelte-1hoi6vu:hover:not(:disabled){background:#1e40af}.primary-button.svelte-1hoi6vu:disabled{opacity:.4;cursor:not-allowed}.secondary-button.svelte-1hoi6vu{background:var(--surface-2);color:var(--text-base);border:1px solid var(--line-soft)}.error-banner.svelte-1hoi6vu,.warning-banner.svelte-1hoi6vu,.format-line.svelte-1hoi6vu{font-size:.85rem}.error-banner.svelte-1hoi6vu{color:#b91c1c;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px}.warning-banner.svelte-1hoi6vu{color:#8a5a12;text-align:left;background:#fff8dcdb;border:1px solid #b4530933;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.password-panel.svelte-1hoi6vu{color:#334155;text-align:left;background:#fff;border:1px solid #dbe3ee;border-radius:12px;flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px;display:flex;box-shadow:0 12px 32px #0f172a0f}.password-actions.svelte-1hoi6vu{align-items:center;gap:10px;width:100%;display:flex}.password-input.svelte-1hoi6vu{border:1px solid var(--line-soft);background:var(--surface-2);width:100%;min-width:0;color:var(--text-strong);border-radius:10px;padding:10px 12px}.password-input.svelte-1hoi6vu::placeholder{color:var(--text-muted)}.password-input-attention.svelte-1hoi6vu{animation:.4s ease-in-out 3 svelte-1hoi6vu-password-input-attention-pulse}@keyframes svelte-1hoi6vu-password-input-attention-pulse{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.format-line.svelte-1hoi6vu{text-align:left;color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.format-line.svelte-1hoi6vu span:where(.svelte-1hoi6vu){color:var(--text-base);font-weight:700}.format-line.svelte-1hoi6vu strong:where(.svelte-1hoi6vu){color:var(--text-strong);letter-spacing:.02em;font-weight:800}.product-shot.svelte-1hoi6vu{background:#ffffffe0;border:1px solid #94a3b847;border-radius:18px;min-width:0;overflow:hidden;box-shadow:0 28px 80px #0f172a24}.browser-shot.svelte-1hoi6vu{transform:translateY(8px)}.shot-topbar.svelte-1hoi6vu,.shot-meta.svelte-1hoi6vu,.shot-footer.svelte-1hoi6vu{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;height:48px;padding:0 14px;display:flex}.shot-topbar.svelte-1hoi6vu{background:#fff;justify-content:space-between}.shot-title.svelte-1hoi6vu{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:700;overflow:hidden}.shot-topbar-actions.svelte-1hoi6vu{flex-shrink:0;align-items:center;gap:4px;display:flex}.shot-icon-btn.svelte-1hoi6vu{color:#64748b;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.shot-view-switcher.svelte-1hoi6vu{background:#f1f5f9;border-radius:8px;gap:1px;padding:2px;display:inline-flex}.shot-view-btn.svelte-1hoi6vu{color:#94a3b8;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.shot-view-btn.active.svelte-1hoi6vu{color:var(--accent);background:#fff;box-shadow:0 1px 3px #00000014}.shot-meta.svelte-1hoi6vu{background:#fff;font-size:.8rem}.shot-search-bar.svelte-1hoi6vu{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;height:34px;margin:8px 14px;padding:0 12px;font-size:.8rem;display:flex}.shot-meta-name.svelte-1hoi6vu{color:var(--accent);font-weight:700}.shot-meta-count.svelte-1hoi6vu{color:var(--text-muted)}.shot-meta-date.svelte-1hoi6vu,.shot-meta-size.svelte-1hoi6vu{color:var(--text-muted);font-family:var(--font-mono);margin-left:auto;font-size:.74rem}.shot-meta-size.svelte-1hoi6vu{text-align:right;width:60px;margin-left:0}.shot-file-list.svelte-1hoi6vu{padding:0}.shot-row.svelte-1hoi6vu{height:40px;color:var(--text-base);border-bottom:1px solid #0000000d;grid-template-columns:minmax(0,1fr) 90px 60px 36px;align-items:center;gap:8px;padding:0 14px;font-size:.82rem;display:grid}.shot-row.selected.svelte-1hoi6vu{background:#eff6ff}.shot-row-name.svelte-1hoi6vu{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.shot-row-date.svelte-1hoi6vu{color:var(--text-muted);font-family:var(--font-mono);font-size:.73rem}.shot-row-size.svelte-1hoi6vu{color:var(--text-muted);font-family:var(--font-mono);text-align:right;font-size:.73rem}.shot-row-check.svelte-1hoi6vu{justify-content:flex-end;display:flex}.shot-row-check.svelte-1hoi6vu input:where(.svelte-1hoi6vu){width:15px;height:15px;accent-color:var(--accent);pointer-events:none}.shot-footer.svelte-1hoi6vu{color:var(--text-muted);border-top:1px solid #e2e8f0;border-bottom:none;justify-content:space-between;font-size:.8rem}.shot-footer-btn.svelte-1hoi6vu{background:var(--accent);color:#fff;border-radius:8px;padding:7px 14px;font-size:.78rem;font-weight:700}.landing-content.svelte-1hoi6vu{flex-direction:column;gap:36px;display:flex}.content-section.svelte-1hoi6vu{background:#ffffffc7;border:1px solid #94a3b833;border-radius:20px;padding:clamp(28px,4vw,44px);box-shadow:0 16px 50px #0f172a0f}.section-heading.svelte-1hoi6vu{flex-direction:column;gap:12px;max-width:720px;display:flex}.section-heading.svelte-1hoi6vu h2:where(.svelte-1hoi6vu){font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.08}.section-heading.svelte-1hoi6vu p:where(.svelte-1hoi6vu):not(.eyebrow){color:var(--text-base);margin:0;line-height:1.55}.feature-grid.svelte-1hoi6vu,.privacy-grid.svelte-1hoi6vu,.format-groups.svelte-1hoi6vu,.preview-groups.svelte-1hoi6vu{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.feature-grid.svelte-1hoi6vu div:where(.svelte-1hoi6vu),.privacy-grid.svelte-1hoi6vu div:where(.svelte-1hoi6vu),.format-groups.svelte-1hoi6vu div:where(.svelte-1hoi6vu),.preview-groups.svelte-1hoi6vu div:where(.svelte-1hoi6vu){background:#fff;border:1px solid #e2e8f0f2;border-radius:14px;min-width:0;padding:20px}.feature-grid.svelte-1hoi6vu strong:where(.svelte-1hoi6vu),.privacy-grid.svelte-1hoi6vu strong:where(.svelte-1hoi6vu),.format-groups.svelte-1hoi6vu strong:where(.svelte-1hoi6vu),.preview-groups.svelte-1hoi6vu strong:where(.svelte-1hoi6vu){color:var(--text-strong);margin-bottom:8px;display:block}.feature-grid.svelte-1hoi6vu span:where(.svelte-1hoi6vu),.privacy-grid.svelte-1hoi6vu span:where(.svelte-1hoi6vu),.format-groups.svelte-1hoi6vu span:where(.svelte-1hoi6vu),.preview-groups.svelte-1hoi6vu span:where(.svelte-1hoi6vu){color:var(--text-muted);font-size:.9rem;line-height:1.45}.preview-groups.svelte-1hoi6vu{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-section.svelte-1hoi6vu{grid-template-columns:minmax(0,.72fr) minmax(390px,1fr);align-items:center;gap:26px;display:grid}.landing-preview-body.svelte-1hoi6vu{grid-template-columns:minmax(0,1fr) 150px;gap:0;min-height:246px;display:grid}.code-pane.svelte-1hoi6vu{color:#dbeafe;font-family:var(--font-mono);background:#0f172a;padding:18px;font-size:.8rem;line-height:1.9;overflow:hidden}.code-pane.svelte-1hoi6vu span:where(.svelte-1hoi6vu){white-space:nowrap;display:block}.code-pane.svelte-1hoi6vu b:where(.svelte-1hoi6vu){color:#64748b;font-weight:500}.landing-preview-body.svelte-1hoi6vu aside:where(.svelte-1hoi6vu){color:var(--text-muted);background:#f8fafc;flex-direction:column;gap:10px;padding:18px;font-size:.86rem;display:flex}.landing-preview-body.svelte-1hoi6vu aside:where(.svelte-1hoi6vu) strong:where(.svelte-1hoi6vu){color:var(--text-strong)}.landing-preview-body.svelte-1hoi6vu button:where(.svelte-1hoi6vu){color:#fff;font:inherit;background:#1d4ed8;border:none;border-radius:10px;margin-top:auto;padding:9px 10px;font-weight:800}.steps-faq-section.svelte-1hoi6vu{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:24px;display:grid}.step-list.svelte-1hoi6vu{color:var(--text-base);margin:20px 0 0;padding-left:22px;line-height:1.75}.faq-list.svelte-1hoi6vu{flex-direction:column;gap:8px;margin-top:18px;display:flex}.faq-list.svelte-1hoi6vu details:where(.svelte-1hoi6vu){background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px}.faq-list.svelte-1hoi6vu summary:where(.svelte-1hoi6vu){color:var(--text-strong);cursor:pointer;font-weight:800}.faq-list.svelte-1hoi6vu p:where(.svelte-1hoi6vu){color:var(--text-muted);margin:8px 0 0;line-height:1.45}@media (width<=980px){.site-header-inner.svelte-1hoi6vu{width:min(720px,100vw - 28px)}.site-footer-inner.svelte-1hoi6vu{flex-wrap:wrap;width:min(720px,100vw - 28px)}.landing-shell.svelte-1hoi6vu{width:min(720px,100vw - 28px);padding:24px 0 40px}.landing-hero.svelte-1hoi6vu,.preview-section.svelte-1hoi6vu,.steps-faq-section.svelte-1hoi6vu{grid-template-columns:1fr;min-height:0}.browser-shot.svelte-1hoi6vu{transform:none}.feature-grid.svelte-1hoi6vu,.privacy-grid.svelte-1hoi6vu,.format-groups.svelte-1hoi6vu,.preview-groups.svelte-1hoi6vu{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.site-header-inner.svelte-1hoi6vu{width:min(100% - 20px,420px)}.site-header-nav.svelte-1hoi6vu{gap:16px}.site-footer-inner.svelte-1hoi6vu{flex-direction:column;align-items:flex-start;gap:10px;width:min(100% - 20px,420px)}.landing-shell.svelte-1hoi6vu{gap:18px;width:min(100% - 20px,420px);padding:14px 0 28px}.landing-copy.svelte-1hoi6vu{gap:14px}.hero-copy.svelte-1hoi6vu h1:where(.svelte-1hoi6vu){font-size:2.45rem;line-height:1}.hero-subtitle.svelte-1hoi6vu{font-size:.98rem;line-height:1.5}.trust-pills.svelte-1hoi6vu span:where(.svelte-1hoi6vu){padding:6px 9px;font-size:.78rem}.dropzone.svelte-1hoi6vu{min-height:210px;padding:22px 18px}.password-actions.svelte-1hoi6vu{flex-direction:column;align-items:stretch}.shot-meta.svelte-1hoi6vu{flex-wrap:wrap}.shot-row.svelte-1hoi6vu{grid-template-columns:minmax(0,1fr) 58px 24px;gap:6px}.shot-row-date.svelte-1hoi6vu{display:none}.feature-grid.svelte-1hoi6vu,.privacy-grid.svelte-1hoi6vu,.format-groups.svelte-1hoi6vu,.preview-groups.svelte-1hoi6vu,.landing-preview-body.svelte-1hoi6vu{grid-template-columns:1fr}.landing-preview-body.svelte-1hoi6vu aside:where(.svelte-1hoi6vu){border-top:1px solid #e2e8f0}.content-section.svelte-1hoi6vu{border-radius:16px}}body{background:#fff}:root{--archive-date-col-width:120px;--archive-size-col-width:72px;--archive-check-col-width:40px;--archive-row-padding-y:9px;--archive-row-padding-x:14px;--archive-row-gap:8px;--archive-check-hitbox-size:32px;--preview-shell-bar-height:58px;--preview-shell-bar-padding-x:16px}.screen{flex-direction:column;height:100vh;display:flex;overflow:hidden}.primary-button,.secondary-button,.icon-button,.view-switcher button,.menu-panel button,.list-row,.grid-card{font:inherit}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-weight:700}.primary-button{background:var(--accent);color:#fff}.primary-button:disabled{opacity:.4;cursor:not-allowed}.secondary-button{color:#475569;background:#f8fafc;border:1px solid #dbe3ee}.error-banner,.warning-banner{text-align:center;font-size:.85rem}.error-banner{color:#fecaca;background:#7f1d1d38;border:1px solid #f871714d;border-radius:12px;padding:12px 14px}.warning-banner{color:#fde68a;text-align:left;background:#78350f2e;border:1px solid #fbbf244d;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.extract-inline-progress{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.extract-inline-progress-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.extract-inline-progress-label{color:#1d4ed8;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.extract-inline-progress-counter{color:#1e40af;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.78rem}.extract-inline-progress-track{background:#bfdbfe;border-radius:9999px;height:4px;overflow:hidden}.extract-inline-progress-fill{background:#2563eb;border-radius:9999px;height:100%;transition:width .15s}.extract-inline-progress-detail{color:#3b82f6;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.password-actions{align-items:center;gap:10px;width:100%;display:flex}.password-input{color:#0f172a;background:#f8fafc;border:1px solid #dbe3ee;border-radius:10px;width:100%;min-width:0;padding:10px 12px}.password-input::placeholder{color:#64748b}.shell-screen{color:#334155;background:#fff}.topbar{height:var(--preview-shell-bar-height);padding:0 var(--preview-shell-bar-padding-x);background:#fff;border-bottom:1px solid #dbe3ee;align-items:center;gap:8px;display:flex}.icon-button,.view-switcher button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;min-width:34px;height:34px}.icon-button:hover,.view-switcher button:hover,.view-switcher button.active,.icon-button.active{color:#1e293b;background:#edf2f7}.icon-button:disabled{opacity:.35;cursor:not-allowed}.title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;font-weight:700;overflow:hidden}.topbar-actions{align-items:center;gap:6px;display:flex}.view-switcher{background:#f1f5f9;border-radius:10px;gap:2px;padding:2px;display:flex}.view-switcher button.active{color:var(--accent)}.extract-more-wrap{flex-shrink:0;margin-left:auto;position:relative}.close-button{opacity:.75}.close-button:hover{opacity:1}.menu-backdrop{z-index:9;background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0}.menu-panel{z-index:10;background:#fff;border:1px solid #dbe3ee;border-radius:12px;min-width:220px;max-width:min(280px,100vw - 24px);padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #00000059}.menu-panel button{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 12px;line-height:1.35}.menu-item-wrap{display:block}.menu-action-button{align-items:flex-start;gap:10px;display:flex}.menu-item-icon{text-align:center;color:#64748b;flex:0 0 18px;width:18px;margin-top:1px;line-height:1.2}.menu-item-label{white-space:normal;word-break:break-word;flex:auto;min-width:0}.menu-panel button:disabled{color:#94a3b8;opacity:.5;cursor:not-allowed;background:#f8fafc}.menu-panel button:hover{background:#f8fafc}.menu-panel button:disabled .menu-item-icon{color:inherit}.menu-panel button:disabled:hover{background:0 0}.search-summary-row,.password-error-strip,.meta-row,.extract-row,.password-banner,.footer-bar{flex-shrink:0}.password-error-strip{padding:8px calc(12px + var(--content-scrollbar-width,0px)) 8px 12px;color:#dc2626;background:#fff6d8;border-bottom:1px solid #f0dfaa;align-items:center;gap:10px;display:flex}.password-error-icon{flex:none;font-size:.95rem;line-height:1}.password-error-copy{flex-direction:column;gap:2px;min-width:0;font-size:.82rem;line-height:1.15;display:flex}.password-error-copy strong{font-size:.95rem;font-weight:600}.password-error-dismiss{color:#b91c1c;width:28px;min-width:28px;height:28px;margin-left:auto}.extract-search-wrap{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.extract-inline-password{background:0 0;border:none;flex:1;gap:8px;min-width:0;padding:0}.extract-search-wrap input{box-sizing:border-box;color:#0f172a;background:#f1f5f9;border:1px solid #dbe3ee;border-radius:999px;flex:1;width:100%;min-width:0;height:34px;padding:0 14px}.search-summary-row{padding:11px calc(16px + var(--content-scrollbar-width,0px)) 11px 16px;color:#8a5a12;background:#fff8d8;border-bottom:1px solid #eadca6;align-items:center;gap:10px;font-size:.84rem;display:flex}.search-summary-icon{color:#7c8aa0;font-size:1rem;line-height:1}.search-summary-clear{margin-left:auto}.search-action-button{width:38px;min-width:38px;height:34px;padding:0;font-size:1.35rem;line-height:1}.search-select-button{white-space:nowrap}.meta-row,.extract-row{min-height:var(--preview-shell-bar-height);padding:0 calc(var(--preview-shell-bar-padding-x) + var(--content-scrollbar-width,0px)) 0 var(--preview-shell-bar-padding-x);background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;font-size:.8rem;display:flex}.extract-row{z-index:3;position:relative}.meta-row{grid-template-columns:minmax(0, 1fr) var(--archive-date-col-width) var(--archive-size-col-width) var(--archive-check-col-width);align-items:center;gap:10px;display:grid}.meta-primary{align-items:baseline;gap:10px;min-width:0;display:flex;overflow:hidden}.meta-name{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.meta-muted{color:#64748b}.meta-count,.meta-date,.meta-size{white-space:nowrap}.meta-size{text-align:right}.meta-checkbox{flex:none}.extract-pill{color:#475569;background:#f8fafc;border:1px solid #dbe3ee;border-radius:999px;padding:4px 10px}.content-area{flex:1;min-height:0;overflow:auto}.empty-panel{text-align:center;color:#64748b;place-items:center;gap:10px;min-height:280px;padding:32px;display:grid}.details-tree{width:100%}.details-row{grid-template-columns:minmax(0, 1fr) var(--archive-date-col-width) var(--archive-size-col-width) var(--archive-check-col-width);align-items:center;gap:var(--archive-row-gap);padding:var(--archive-row-padding-y) var(--archive-row-padding-x);cursor:pointer;box-sizing:border-box;border-bottom:1px solid #00000012;height:40px;font-size:.82rem;transition:background 80ms,box-shadow 80ms;display:grid}.virtual-spacer{pointer-events:none;flex:none}.virtual-grid-spacer{grid-column:1/-1}.details-cell{text-align:left;font-size:inherit;min-width:0;padding:0}.cb-col{width:var(--archive-check-col-width)}.cb-col,.list-checkbox-cell,.grid-checkbox,.meta-checkbox{cursor:default;place-items:center;display:grid}.checkbox-guard{cursor:default;place-items:center;width:100%;height:100%;min-height:100%;display:grid}.cb-col,.list-checkbox-cell,.meta-checkbox{justify-items:end}.checkbox-hitbox{width:var(--archive-check-hitbox-size);height:var(--archive-check-hitbox-size);margin:calc((var(--archive-check-hitbox-size) - 28px) / -2) 0;cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border-radius:999px;place-items:center;display:grid}.checkbox-hitbox:hover{background:#94a3b829}.checkbox-hitbox:focus-within{outline-offset:1px;outline:2px solid #93c5fd}.checkbox-hitbox input{cursor:default;margin:0}.size-col{width:var(--archive-size-col-width);text-align:right;color:#a1afc0;font-size:.72rem}.date-col{width:var(--archive-date-col-width);white-space:nowrap;color:#a1afc0;font-size:.72rem}.details-cell.size-col{text-align:right}.details-row:hover,.list-row:hover{background:#f0f4ff;box-shadow:inset 3px 0 #2563eb}.grid-card:hover{background:#f8fbff}.details-row.audio-playing,.list-row.audio-playing,.grid-card.audio-playing{background:#e0f2fe;box-shadow:inset 3px 0 #0284c7}.grid-card.audio-playing{border-color:#7dd3fc}.details-row.blocked{opacity:.72}.icon{flex:none;margin-right:8px}.tree-label{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.entry-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;max-width:none;font-weight:500;display:block;overflow:hidden}.unselected-name{color:#94a3b8;text-decoration:line-through;text-decoration-thickness:1px}.tag{color:#dc2626;background:#f8717129;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.7rem}.list-view{flex-direction:column;display:flex}.list-header{grid-template-columns:minmax(0, 1fr) var(--archive-date-col-width) var(--archive-size-col-width) var(--archive-check-col-width);align-items:center;gap:var(--archive-row-gap);z-index:2;padding:8px var(--archive-row-padding-x);color:#8b97aa;text-transform:uppercase;letter-spacing:.04em;box-sizing:border-box;background:#f8fafc;border-bottom:1px solid #e2e8f0;height:34px;font-size:.7rem;font-weight:700;display:grid;position:sticky;top:0}.list-header-button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.list-header-name{min-width:0}.list-header-date{white-space:nowrap}.list-header-size{text-align:right;white-space:nowrap}.list-checkbox-cell{width:var(--archive-check-col-width)}.list-row{grid-template-columns:minmax(0, 1fr) var(--archive-date-col-width) var(--archive-size-col-width) var(--archive-check-col-width);align-items:center;gap:var(--archive-row-gap);width:100%;color:inherit;font:inherit;text-align:left;padding:var(--archive-row-padding-y) var(--archive-row-padding-x);box-sizing:border-box;background:0 0;border:none;border-bottom:1px solid #00000012;height:40px;font-size:.82rem;transition:background 80ms,box-shadow 80ms;display:grid}.list-row-action{grid-column:1/4;grid-template-columns:minmax(0, 1fr) var(--archive-date-col-width) var(--archive-size-col-width);align-items:center;gap:var(--archive-row-gap);cursor:pointer;border-radius:6px;min-width:0;display:grid}.list-row-action:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.size-label{color:#a1afc0;white-space:nowrap;text-align:right;font-size:.72rem}.date-label{color:#a1afc0;white-space:nowrap;font-size:.72rem}.grid-view{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:14px;padding:12px;display:grid}.grid-card{color:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.grid-card-action{flex-direction:column;flex:auto;min-height:0;display:flex}.grid-card-action:focus-visible{outline-offset:-3px;border-radius:14px;outline:2px solid #93c5fd}.grid-header{align-items:center;gap:8px;min-width:0;padding:10px 10px 6px;display:flex}.grid-header-icon{color:#94a3b8;flex:none;line-height:1}.grid-title{color:#334155;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.78rem;font-weight:500;overflow:hidden}.grid-checkbox{place-items:center;display:grid;position:absolute;top:7px;right:7px}.grid-thumb{aspect-ratio:1;background:linear-gradient(#f8fafc,#eff6ff);border-radius:12px;place-items:center;width:auto;margin:0 10px 10px;display:grid;overflow:hidden}.grid-thumb img{object-fit:cover;width:100%;height:100%}.grid-text-thumb{box-sizing:border-box;color:#334155;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #e2e8f0;width:100%;height:100%;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.68rem;line-height:1.45;overflow:hidden}.grid-icon{aspect-ratio:1;place-items:center;width:min(44%,96px);display:grid}.grid-icon .file-badge{width:100%;height:100%}.footer-bar{background:#fff;border-top:none;justify-content:flex-end;align-items:center;gap:10px;min-width:0;padding:14px 16px;display:flex;box-shadow:0 -1px #0f172a0f,0 -4px 12px #0f172a08}.footer-bar .meta-muted{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin-right:auto;display:block;overflow:hidden}.filelist-footer{justify-content:space-between}.filelist-footer .meta-muted{flex:auto;min-width:0;margin-right:12px}.filelist-footer .primary-button{letter-spacing:.01em;color:#fff;background:#1d4ed8;border-radius:8px;flex:none;padding:10px 20px;font-size:.84rem;font-weight:600;transition:background .12s,box-shadow .12s,transform 80ms;box-shadow:0 1px 2px #1d4ed82e,0 4px 12px #1d4ed81a}.filelist-footer .primary-button:hover:not(:disabled){background:#1e40af;transform:translateY(-.5px);box-shadow:0 2px 4px #1d4ed838,0 6px 16px #1d4ed824}.filelist-footer .primary-button:active:not(:disabled){background:#1e3a8a;transform:translateY(0);box-shadow:0 1px 2px #1d4ed81f}.filelist-footer .primary-button:disabled{color:#ffffffb3;box-shadow:none;opacity:1;background:#93c5fd}.preview-footer .primary-button{flex:none}.preview-screen .topbar{color:#0f172a;background:#fff;border-bottom:1px solid #dbe3ee;gap:10px}.preview-screen .title{color:#0f172a}.preview-screen .icon-button{color:#64748b}.preview-screen .icon-button:hover{color:#1e293b;background:#edf2f7}.filelist-screen{color:#334155;background:#f6f8fb}.filelist-screen .topbar{color:#0f172a;background:#fff;border-bottom:1px solid #dbe3ee}.filelist-screen .icon-button,.filelist-screen .view-switcher button{color:#64748b}.filelist-screen .icon-button:hover,.filelist-screen .view-switcher button:hover,.filelist-screen .view-switcher button.active,.filelist-screen .icon-button.active{color:#1e293b;background:#edf2f7}.filelist-screen .title{color:#0f172a}.filelist-screen .view-switcher{background:#f1f5f9}.filelist-screen .view-switcher button.active{color:#2563eb}.filelist-screen .menu-panel{background:#fff;border:1px solid #dbe3ee;box-shadow:0 16px 40px #0f172a1f}.filelist-screen .menu-panel button{color:#334155}.filelist-screen .menu-panel button:hover{background:#f8fafc}.filelist-screen .extract-search-wrap input{color:#0f172a;background:#f1f5f9;border:1px solid #dbe3ee}.filelist-screen .extract-search-wrap input::placeholder{color:#94a3b8}.filelist-screen .secondary-button{color:#475569;background:#f8fafc;border:1px solid #dbe3ee}.filelist-screen .meta-row,.filelist-screen .extract-row,.filelist-screen .password-banner,.filelist-screen .footer-bar{background:#fff;border-bottom:1px solid #e2e8f0}.filelist-screen .extract-row .extract-inline-password{background:0 0;border-bottom:none;align-self:center;min-height:34px;padding:0}.filelist-screen .extract-row .extract-inline-password.hint-banner{background:0 0;border-bottom:none}.filelist-screen .footer-bar{border-top:none;border-bottom:none;box-shadow:0 -1px #0f172a0f,0 -4px 12px #0f172a08}.filelist-screen .meta-name{color:#2563eb}.filelist-screen .meta-muted{color:#64748b}.filelist-screen .extract-pill{color:#475569;background:#f8fafc;border:1px solid #dbe3ee}.filelist-screen .content-area{background:#fff}.filelist-screen .empty-panel{color:#64748b}.filelist-screen .warning-banner{color:#8a5a12;background:#fff8d8;border:1px solid #eadca6}.filelist-screen .error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.filelist-screen .details-tree{background:#fff}.filelist-screen .details-cell{color:#334155}.filelist-screen .details-row{border-bottom:1px solid #00000012}.filelist-screen .details-row:hover,.filelist-screen .list-row:hover{background:#eef3ff;box-shadow:inset 3px 0 #2563eb}.filelist-screen .grid-card:hover{background:#f8fbff}.filelist-screen .date-col,.filelist-screen .date-label,.filelist-screen .size-label{color:#a1afc0}.filelist-screen .list-header{color:#8b97aa}.filelist-screen .grid-title{color:#334155}.filelist-screen .tag{color:#dc2626;background:#fef2f2}.filelist-screen .unselected-name{color:#94a3b8}.filelist-screen .list-header{background:#f9fafb;border-bottom:1px solid #e8ecf0}.filelist-screen .list-row{color:#334155;border-bottom:1px solid #00000012}.filelist-screen .grid-card{background:#fff;border:1px solid #e2e8f0}.filelist-screen .grid-header-icon{color:#60a5fa}.filelist-screen .grid-thumb{background:linear-gradient(#f8fafc,#eff6ff)}.preview-host{background:#fff;flex:1;min-height:0;position:relative;overflow:hidden}.preview-side-nav{z-index:2;color:#ffffffb8;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.02;pointer-events:none;background:#0f172a1a;border:none;border-radius:999px;place-items:center;width:44px;height:44px;font-size:1.05rem;transition:opacity .16s,background-color .16s,color .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.preview-host:hover .preview-side-nav,.preview-side-nav:focus-visible{opacity:.48;pointer-events:auto}.preview-side-nav:hover:not(:disabled){color:#fffffff0;opacity:.8;background:#0f172a38}.preview-side-nav:disabled{opacity:.12;cursor:not-allowed}.preview-host:hover .preview-side-nav:disabled,.preview-side-nav:disabled:focus-visible{opacity:.18}.preview-side-nav-left{left:10px}.preview-side-nav-right{right:10px}.preview-footer{justify-content:space-between}@media (width<=700px){:root{--archive-size-col-width:84px;--archive-check-col-width:40px;--archive-row-padding-y:6px;--archive-row-gap:6px;--archive-check-hitbox-size:34px}.grid-view{grid-template-columns:minmax(0,1fr)}.preview-side-nav{display:none}.meta-row,.details-row,.list-header,.list-row{grid-template-columns:minmax(0, 1fr) var(--archive-size-col-width) var(--archive-check-col-width)}.list-row-action{grid-column:1/3;grid-template-columns:minmax(0, 1fr) var(--archive-size-col-width)}.meta-date,.details-cell.date-col,.list-header-date,.list-row-action .date-label{display:none}.meta-row,.meta-primary{gap:8px}.meta-size,.size-col,.size-label,.list-header-size{text-align:right;display:block}.entry-name{max-width:100%}.footer-bar{flex-wrap:wrap}.footer-bar .meta-muted{width:100%}.preview-footer{flex-wrap:nowrap;gap:8px}.preview-footer .meta-muted{text-overflow:ellipsis;white-space:nowrap;flex:auto;width:auto;min-width:0;margin-right:auto;font-size:.9rem;overflow:hidden}.preview-footer .primary-button{white-space:nowrap;flex:none;min-width:0;padding-inline:14px}.filelist-footer{flex-wrap:nowrap;gap:8px}.filelist-footer .meta-muted{white-space:nowrap;width:auto;margin-right:auto;font-size:.9rem}.filelist-footer .primary-button{white-space:nowrap;min-width:0;padding-inline:14px;font-size:.95rem}.extract-search-wrap input{width:100%}.search-select-button{flex:1;justify-content:center}}@keyframes password-input-attention-pulse{0%{color:#0f172a;box-shadow:none;background:#f1f5f9;border-color:#dbe3ee}18%{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 0 0 3px #dc262638}62%{color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 0 0 3px #dc26262e}to{color:#0f172a;box-shadow:none;background:#f1f5f9;border-color:#dbe3ee}}.password-input-attention{animation:.4s ease-in-out 3 password-input-attention-pulse}.password-banner{background:#fffef0;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:10px 16px;display:flex}.password-banner-key{flex-shrink:0;font-size:1rem;line-height:1}.password-banner-input-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.password-banner-input{box-sizing:border-box;color:#0f172a;width:100%;min-width:0;height:34px;font:inherit;background:#f8fafc;border:1px solid #dbe3ee;border-radius:8px;padding:8px 36px 8px 10px;font-size:.875rem}.password-reveal-btn{cursor:pointer;background:0 0;border:none;place-items:center;min-width:28px;height:28px;padding:0;font-size:.85rem;line-height:1;display:grid;position:absolute;right:4px}.password-check-btn{white-space:nowrap;color:#475569;height:34px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;padding:0 14px;font-size:.875rem;font-weight:600}.password-check-btn:disabled{opacity:.4;cursor:not-allowed}.extract-inline-password .password-banner-input{background:#f1f5f9;border-radius:999px;padding:0 38px 0 14px}.extract-inline-password .password-check-btn{border-radius:999px}.hint-banner{background:#f8fafc;border-color:#e2e8f0}.lock-icon{color:#94a3b8;width:var(--archive-check-hitbox-size,32px);height:var(--archive-check-hitbox-size,32px);place-items:center;font-size:.85rem;display:grid}.meta-lock-col{color:#94a3b8;width:var(--archive-check-col-width,40px);place-items:center;font-size:.9rem;display:grid}@keyframes indeterminate-slide{0%{background-position:-200% 0}to{background-position:200% 0}}.indeterminate-bar{background:linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);background-size:200% 100%;border-radius:999px;height:3px;animation:1.4s linear infinite indeterminate-slide}.topbar,.meta-row,.extract-row,.footer-bar,.password-banner,.filelist-screen .content-area,.preview-host{background:color-mix(in srgb, var(--surface-strong) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar{border-bottom-color:var(--line-soft);height:58px;padding-inline:14px;box-shadow:inset 0 -1px #ffffffb3}.title,.preview-screen .title,.filelist-screen .title{letter-spacing:-.01em;color:var(--text-strong);font-size:.92rem}.icon-button,.view-switcher button{color:var(--text-muted);background:0 0;border:1px solid #0000;transition:background .14s,color .14s,border-color .14s,transform .14s}.icon-button:hover,.view-switcher button:hover,.view-switcher button.active,.icon-button.active{background:var(--surface-2);color:var(--text-strong);border-color:var(--line-soft);transform:translateY(-1px)}.view-switcher{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:12px;align-items:center;padding:3px;display:inline-flex}.view-switcher button.active,.filelist-screen .view-switcher button.active{color:var(--accent);background:#1d4ed814;border-color:#1d4ed81f}.meta-row,.extract-row{border-bottom-color:var(--line-soft);min-height:56px}.meta-name{color:var(--text-strong)}.meta-count,.meta-date,.meta-size,.date-col,.date-label,.size-label,.extract-pill,.preview-footer .meta-muted,.filelist-footer .meta-muted{font-family:var(--font-mono);letter-spacing:-.01em}.details-row,.list-row{border-bottom-color:#0f172a0d}.details-row:hover,.list-row:hover,.grid-card:hover,.filelist-screen .details-row:hover,.filelist-screen .list-row:hover,.filelist-screen .grid-card:hover{background:#1d4ed80a}.icon,.grid-header-icon,.grid-icon{justify-content:center;align-items:center;display:inline-flex}.grid-card{border-color:var(--line-soft);transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 10px 24px #0f172a0a}.grid-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 18px 40px #0f172a14}.grid-thumb{background:linear-gradient(#f1f5f9f0,#e6ecf4e6)}.grid-title,.entry-name{color:var(--text-strong)}.unselected-name{color:var(--text-dim)}.menu-item-icon,.password-banner-key,.search-summary-icon,.password-error-icon,.inline-status-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.password-banner-input,.extract-search-wrap input,.password-input{border-color:var(--line-soft);background:var(--surface-2);color:var(--text-strong)}.password-reveal-btn,.password-check-btn{color:var(--text-base)}.password-check-btn{border-color:var(--line-soft);background:var(--surface-2);align-items:center;gap:6px;display:inline-flex}.password-check-btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-strong)}.lock-icon,.meta-lock-col{color:var(--warning)}.search-summary-row,.password-error-strip,.warning-banner{color:#8a5a12;background:#fff8dcdb;border-color:#b4530933}.password-error-strip{color:var(--danger);background:#fef2f2e0;border-color:#b423182e}.password-error-dismiss:hover{color:var(--danger);background:#b4231814}.preview-side-nav{color:#ffffffd6;opacity:.06;background:#0f172a94;border:1px solid #fff3}.preview-host:hover .preview-side-nav,.preview-side-nav:focus-visible{opacity:.66}.preview-side-nav:hover:not(:disabled){background:#0f172ac2}.primary-button{background:var(--accent);color:#f8fbff;box-shadow:0 16px 32px #1d4ed833}.primary-button:hover:not(:disabled){background:#1e40af}.secondary-button{background:var(--surface-2);color:var(--text-base);border:1px solid var(--line-soft)}