.media.svelte-f861x4{position:relative;display:block}.media.svelte-f861x4 img:where(.svelte-f861x4),.preview.svelte-f861x4,.far.svelte-f861x4{width:100%;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;background:var(--color-surface-2);display:block;opacity:0;transition:opacity var(--ease-base)}.media.ready.svelte-f861x4 img:where(.svelte-f861x4),.media.ready.svelte-f861x4 .preview:where(.svelte-f861x4){opacity:1}.preview.svelte-f861x4{display:flex;align-items:center;justify-content:center}.svg-icon.svelte-f861x4{width:56%;height:56%;background:var(--color-text);-webkit-mask:var(--icon-src) center / contain no-repeat;mask:var(--icon-src) center / contain no-repeat}.skeleton.svelte-f861x4{position:absolute;inset:0;overflow:hidden;background:var(--color-surface-2)}.skeleton.svelte-f861x4:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,var(--color-fill-subtle-hover) 50%,transparent 70%);transform:translate3d(-100%,0,0);animation:svelte-f861x4-skeleton-sweep 1.4s linear infinite;will-change:transform}@keyframes svelte-f861x4-skeleton-sweep{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.skeleton.svelte-f861x4:after{animation:none}}.play.svelte-f861x4{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000008c;color:#fff;pointer-events:none}.play.svelte-f861x4 svg:where(.svelte-f861x4){width:22px;height:22px;fill:currentColor}.duration.svelte-f861x4{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:var(--radius-sm);background:#000000a6;color:#fff;font-family:var(--font-mono);font-size:.68rem;font-variant-numeric:tabular-nums;pointer-events:none}.no-preview.svelte-f861x4{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-text-dim);background:var(--color-surface-2);padding:8px;word-break:break-all;text-align:center}.audio-tile.svelte-9ntynm{position:relative;flex:1;aspect-ratio:1;container-type:inline-size;background:linear-gradient(160deg,var(--color-accent-soft),var(--color-surface-2) 70%)}.card.svelte-9ntynm{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;margin:0;background:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:8px;width:100%;height:100%;padding:12px;text-align:left;color:var(--color-text-muted)}.name.svelte-9ntynm{padding-right:22px;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wave.svelte-9ntynm{position:relative;flex:1;min-height:0}.wave.svelte-9ntynm svg:where(.svelte-9ntynm){position:absolute;inset:0;width:100%;height:100%}.wave.svelte-9ntynm svg:where(.svelte-9ntynm)+svg:where(.svelte-9ntynm){transition:clip-path .25s linear}.wave.svelte-9ntynm path:where(.svelte-9ntynm){fill:none;stroke-width:.9cqw;stroke-linecap:round;vector-effect:non-scaling-stroke}.base.svelte-9ntynm{stroke:color-mix(in srgb,var(--color-text-dim) 60%,transparent)}.played.svelte-9ntynm{stroke:var(--color-accent)}.controls.svelte-9ntynm{display:flex;align-items:center;gap:8px}.play.svelte-9ntynm{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent);color:#fff;transition:transform var(--ease-fast)}.card.svelte-9ntynm:hover .play:where(.svelte-9ntynm){transform:scale(1.08)}.play.svelte-9ntynm svg:where(.svelte-9ntynm){width:18px;height:18px;fill:currentColor}.time.svelte-9ntynm{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim);font-variant-numeric:tabular-nums}.actions.svelte-9ntynm{position:absolute;right:8px;bottom:8px;display:flex;gap:4px;opacity:0;transition:opacity var(--ease-fast)}.audio-tile.svelte-9ntynm:hover .actions:where(.svelte-9ntynm),.audio-tile.svelte-9ntynm:focus-within .actions:where(.svelte-9ntynm){opacity:1}@media(hover:none){.actions.svelte-9ntynm{opacity:1}}.actions.svelte-9ntynm button:where(.svelte-9ntynm){width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:color var(--ease-fast),border-color var(--ease-fast)}.actions.svelte-9ntynm button:where(.svelte-9ntynm):hover{color:var(--color-text);border-color:var(--color-accent-line)}.actions.svelte-9ntynm .material-symbols-outlined:where(.svelte-9ntynm){font-size:1rem}@media(prefers-reduced-motion:reduce){.wave.svelte-9ntynm svg:where(.svelte-9ntynm)+svg:where(.svelte-9ntynm),.play.svelte-9ntynm{transition:none}}.viewer.svelte-3x0t8e{display:flex;flex-direction:column;gap:24px}.drop-zone.svelte-3x0t8e{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:40px 24px;text-align:center;transition:border-color var(--ease-base),background var(--ease-base)}.drop-zone.svelte-3x0t8e:has(.drop-label:where(.svelte-3x0t8e):hover){border-color:var(--color-accent);background:#5081f50a}.drop-zone.drag-active.svelte-3x0t8e{border-color:var(--color-accent);background:#5081f514;transform:scale(1.01)}.sr-only.svelte-3x0t8e{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.drop-label.svelte-3x0t8e{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:var(--color-text-muted);font-size:.95rem}.drop-icon.svelte-3x0t8e{font-size:2rem;line-height:1;color:var(--color-text-dim)}.drop-sub.svelte-3x0t8e{font-size:.78rem;color:var(--color-text-dim)}.progress-section.svelte-3x0t8e{display:flex;flex-direction:column;gap:6px}.progress-label.svelte-3x0t8e{display:flex;justify-content:space-between;font-size:.82rem;color:var(--color-text-muted)}.progress-bar.svelte-3x0t8e{height:4px;background:var(--color-border-strong);border-radius:var(--radius-full);overflow:hidden}.progress-fill.svelte-3x0t8e{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.progress-fill.accent.svelte-3x0t8e{background:var(--color-accent)}.progress-fill.warm.svelte-3x0t8e{background:var(--color-warm)}.progress-fill.buffered.svelte-3x0t8e{background:color-mix(in srgb,var(--color-warm) 35%,transparent)}.progress-bar.layered.svelte-3x0t8e{position:relative}.progress-bar.layered.svelte-3x0t8e .progress-fill:where(.svelte-3x0t8e){position:absolute;top:0;left:0}.progress-bar.indeterminate.svelte-3x0t8e:after{content:"";position:absolute;inset:0;width:30%;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-warm) 60%,transparent);animation:svelte-3x0t8e-progress-sweep 1.2s ease-in-out infinite}@keyframes svelte-3x0t8e-progress-sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media(prefers-reduced-motion:reduce){.progress-bar.indeterminate.svelte-3x0t8e:after{animation:none}}.progress-sub.svelte-3x0t8e{font-size:.75rem;color:var(--color-text-dim);font-variant-numeric:tabular-nums}.progress-file.svelte-3x0t8e{font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-row.svelte-3x0t8e{display:flex;gap:10px;align-items:center}.search-input.svelte-3x0t8e{flex:1;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:10px 14px;color:var(--color-text);font-size:.95rem;outline:none;transition:border-color var(--ease-fast)}.search-input.svelte-3x0t8e:focus{border-color:var(--color-accent-line)}.search-input.svelte-3x0t8e:disabled{opacity:.6;cursor:default}.locked-note.svelte-3x0t8e{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--color-warm);background:#e6aa3c14;font-size:.85rem;line-height:1.5;color:var(--color-text-muted)}.note-links.svelte-3x0t8e{display:flex;gap:14px;flex-shrink:0}.nudge.svelte-3x0t8e{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--color-text-dim)}.nudge.svelte-3x0t8e a:where(.svelte-3x0t8e){color:var(--color-accent);text-decoration:none}.nudge.svelte-3x0t8e a:where(.svelte-3x0t8e):hover{text-decoration:underline}.skipped.svelte-3x0t8e{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}.skipped.svelte-3x0t8e strong:where(.svelte-3x0t8e){color:var(--color-text)}.dismiss.svelte-3x0t8e{flex-shrink:0;border:none;background:none;color:var(--color-warm);font-size:.85rem;font-weight:600;cursor:pointer}.dismiss.svelte-3x0t8e:hover{text-decoration:underline}.locked-note.svelte-3x0t8e a:where(.svelte-3x0t8e){color:var(--color-warm);text-decoration:none}.locked-note.svelte-3x0t8e a.primary:where(.svelte-3x0t8e){font-weight:600}.locked-note.svelte-3x0t8e a:where(.svelte-3x0t8e):hover{text-decoration:underline}.btn-search.svelte-3x0t8e{padding:10px 18px;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:opacity var(--ease-fast);background:var(--color-accent);color:#fff}.btn-search.svelte-3x0t8e:disabled{opacity:.5;cursor:default}.meta-row.svelte-3x0t8e{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-12px}.status-slot.svelte-3x0t8e{flex:1;min-width:0}.sort-time.svelte-3x0t8e{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim)}.preload-hint.svelte-3x0t8e{display:flex;align-items:center;gap:7px;font-size:.75rem;color:var(--color-text-dim)}.preload-hint.svelte-3x0t8e .dot:where(.svelte-3x0t8e){width:6px;height:6px;border-radius:50%}.preload-hint.svelte-3x0t8e .dot.pulsing:where(.svelte-3x0t8e){background:var(--color-warm);animation:blink 1.1s ease-in-out infinite}.preload-hint.svelte-3x0t8e .dot.ready:where(.svelte-3x0t8e){background:var(--color-accent);box-shadow:0 0 6px var(--color-accent)}.per-page.svelte-3x0t8e{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--color-text-dim)}.per-page.svelte-3x0t8e select:where(.svelte-3x0t8e){background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);padding:4px 8px;font-size:.78rem;cursor:pointer;outline:none}.error.svelte-3x0t8e{font-size:.82rem;color:#ef4444}.image-grid.svelte-3x0t8e{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:12px}.image-grid.size-small.svelte-3x0t8e{--cols: 7}.image-grid.size-medium.svelte-3x0t8e{--cols: 5}.image-grid.size-large.svelte-3x0t8e{--cols: 3}@media(max-width:900px){.image-grid.size-small.svelte-3x0t8e{--cols: 5}.image-grid.size-medium.svelte-3x0t8e{--cols: 4}.image-grid.size-large.svelte-3x0t8e{--cols: 2}}@media(max-width:640px){.image-grid.svelte-3x0t8e{gap:10px}.image-grid.size-small.svelte-3x0t8e{--cols: 4}.image-grid.size-medium.svelte-3x0t8e{--cols: 3}.image-grid.size-large.svelte-3x0t8e{--cols: 2}}.image-tile.svelte-3x0t8e{position:relative;display:flex;flex-direction:column;gap:4px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);animation:svelte-3x0t8e-tile-in .32s cubic-bezier(.2,.7,.2,1) both;content-visibility:auto;contain-intrinsic-size:auto 220px}@keyframes svelte-3x0t8e-tile-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.tile-preview.svelte-3x0t8e{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;margin:0;background:none;cursor:pointer;display:block;position:relative}.copied-badge.svelte-3x0t8e{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:#fff;background:#5081f5c7;animation:fade-up .2s ease both}.tile-remove.svelte-3x0t8e{position:absolute;top:6px;right:6px;z-index:2;width:22px;height:22px;border-radius:50%;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 75%,transparent);color:var(--color-text-muted);font-size:.7rem;cursor:pointer;opacity:0;transition:opacity var(--ease-fast),color var(--ease-fast)}.image-tile.svelte-3x0t8e:hover .tile-remove:where(.svelte-3x0t8e){opacity:1}.tile-remove.svelte-3x0t8e:hover{color:#ef4444}.tile-footer.svelte-3x0t8e{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 8px}.pending-media.svelte-3x0t8e{position:relative;aspect-ratio:1;overflow:hidden}.image-tile.pending.svelte-3x0t8e .tile-footer:where(.svelte-3x0t8e){height:32px}.pending-name.svelte-3x0t8e{width:60%;height:8px;border-radius:var(--radius-full);background:var(--color-surface-2)}.tile-actions.svelte-3x0t8e{display:flex;gap:4px;flex-shrink:0}.tile-actions.svelte-3x0t8e button:where(.svelte-3x0t8e){width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);font-size:.8rem;cursor:pointer;transition:color var(--ease-fast),border-color var(--ease-fast)}.tile-actions.svelte-3x0t8e button:where(.svelte-3x0t8e):hover{color:var(--color-text);border-color:var(--color-accent-line)}.svg-icon.svelte-3x0t8e{width:56%;height:56%;background:var(--color-text);-webkit-mask:var(--icon-src) center / contain no-repeat;mask:var(--icon-src) center / contain no-repeat}.no-preview.svelte-3x0t8e{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-text-dim);background:var(--color-surface-2);padding:8px;word-break:break-all;text-align:center}.tile-name.svelte-3x0t8e{flex:1;min-width:0;font-size:.7rem;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-sentinel.svelte-3x0t8e{height:1px}.empty.svelte-3x0t8e{text-align:center;font-size:.9rem;color:var(--color-text-dim)}.modal-backdrop.svelte-3x0t8e{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#05060ac7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-up .18s ease both}.modal.svelte-3x0t8e{position:relative;display:flex;flex-direction:column;gap:16px;max-width:min(720px,92vw);max-height:88vh;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:20px}.modal-close.svelte-3x0t8e{position:absolute;top:12px;right:12px;z-index:1;width:30px;height:30px;border-radius:50%;border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text-muted);cursor:pointer;font-size:.85rem}.modal-close.svelte-3x0t8e:hover{color:var(--color-text)}.modal-image.svelte-3x0t8e{position:relative;display:flex;align-items:center;justify-content:center;max-height:64vh;background:var(--color-surface-2);border-radius:var(--radius-md);overflow:hidden}.modal-image.svelte-3x0t8e:not(.sized){min-width:min(320px,80vw);min-height:200px}.modal-image.svelte-3x0t8e img:where(.svelte-3x0t8e),.modal-image.svelte-3x0t8e video:where(.svelte-3x0t8e){max-width:100%;max-height:64vh;-o-object-fit:contain;object-fit:contain}.modal-image.svelte-3x0t8e video:where(.svelte-3x0t8e){width:100%}.modal-image.sized.svelte-3x0t8e img:where(.svelte-3x0t8e),.modal-image.sized.svelte-3x0t8e video:where(.svelte-3x0t8e){max-height:100%}.modal-image.svelte-3x0t8e img:where(.svelte-3x0t8e),.modal-image.svelte-3x0t8e video:where(.svelte-3x0t8e),.modal-image.svelte-3x0t8e .svg-icon:where(.svelte-3x0t8e){opacity:0;transition:opacity var(--ease-base)}.modal-image.ready.svelte-3x0t8e img:where(.svelte-3x0t8e),.modal-image.ready.svelte-3x0t8e video:where(.svelte-3x0t8e),.modal-image.ready.svelte-3x0t8e .svg-icon:where(.svelte-3x0t8e){opacity:1}.skeleton.svelte-3x0t8e{position:absolute;inset:0;overflow:hidden;background:var(--color-surface-2)}.skeleton.svelte-3x0t8e:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,var(--color-fill-subtle-hover) 50%,transparent 70%);transform:translate3d(-100%,0,0);animation:svelte-3x0t8e-skeleton-sweep 1.4s linear infinite;will-change:transform}@keyframes svelte-3x0t8e-skeleton-sweep{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.skeleton.svelte-3x0t8e:after{animation:none}}.svg-icon.big.svelte-3x0t8e{width:clamp(120px,36vh,320px);height:clamp(120px,36vh,320px)}.modal-bar.svelte-3x0t8e{display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-name.svelte-3x0t8e{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-actions.svelte-3x0t8e{display:flex;gap:8px;flex-shrink:0}.modal-actions.svelte-3x0t8e button:where(.svelte-3x0t8e){display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color var(--ease-fast)}.modal-actions.svelte-3x0t8e button:where(.svelte-3x0t8e):hover{border-color:var(--color-accent-line)}.modal-actions.svelte-3x0t8e button:where(.svelte-3x0t8e):disabled{opacity:.5;cursor:default}.modal-actions.svelte-3x0t8e .material-symbols-outlined:where(.svelte-3x0t8e){font-size:1.1rem}