.bar.svelte-6gky6k{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.link.svelte-6gky6k{font:400 12.5px var(--font-mono);color:var(--color-soft);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;border-radius:6px;padding:4px 6px;text-decoration:underline;&:disabled{opacity:.4;cursor:default}}.grid-pages.svelte-6gky6k{grid-template-columns:repeat(auto-fill, minmax(min(var(--thumb), calc(50% - 6px)), 1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid;position:relative}.dragging.svelte-6gky6k{cursor:grabbing;user-select:none}.tile.svelte-6gky6k{-webkit-touch-callout:none;user-select:none;gap:6px;display:grid;position:relative}.face.svelte-6gky6k{width:100%;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:14px;padding:0;display:block}.frame.svelte-6gky6k{aspect-ratio:1;background:var(--color-panel-2);border:1px solid var(--color-line);border-radius:14px;place-items:center;padding:12px;transition:border-color .2s,background-color .2s;display:grid;position:relative;overflow:hidden}.face.svelte-6gky6k:hover .frame:where(.svelte-6gky6k){border-color:var(--color-line-2)}.on.svelte-6gky6k .frame:where(.svelte-6gky6k){border-color:var(--color-sun);box-shadow:0 0 0 1px var(--color-sun);background:#ffd25e0f}.tone-bad.svelte-6gky6k .on:where(.svelte-6gky6k) .frame:where(.svelte-6gky6k){border-color:var(--color-bad);box-shadow:0 0 0 1px var(--color-bad);background:#ff7a6b10}.stripe.svelte-6gky6k{height:3px;position:absolute;inset:0 0 auto}.frame.svelte-6gky6k img:where(.svelte-6gky6k),.sheet.svelte-6gky6k{max-width:100%;max-height:100%;transition:transform .45s var(--ease-spring), opacity .2s, filter .2s;background:#fff;border-radius:2px;box-shadow:0 1px 2px #0006,0 6px 18px -6px #000a}.frame.svelte-6gky6k img:where(.svelte-6gky6k){object-fit:contain;width:auto;height:auto;animation:.35s ease-out svelte-6gky6k-arrive}.tone-bad.svelte-6gky6k .on:where(.svelte-6gky6k) img:where(.svelte-6gky6k){opacity:.35;filter:grayscale()}@keyframes svelte-6gky6k-arrive{0%{opacity:0;transform:translateY(4px)scale(.98)}}.sheet.svelte-6gky6k{aspect-ratio:1/1.414;background:linear-gradient(100deg,#2a2926 30%,#34332f 50%,#2a2926 70%) 0 0/300% 100%;place-items:center;height:100%;animation:1.4s linear infinite svelte-6gky6k-shimmer;display:grid}.broken.svelte-6gky6k{background:var(--color-panel);color:var(--color-bad);font-size:11px;animation:none}@keyframes svelte-6gky6k-shimmer{to{background-position:-150% 0}}.check.svelte-6gky6k{width:22px;height:22px;transition:transform .25s var(--ease-spring), background .15s;background:#131211aa;border:1.5px solid #f2ede499;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;left:8px;& svg:where(.svelte-6gky6k){fill:none;width:14px;height:14px;stroke:var(--color-bg);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;opacity:0}}.on.svelte-6gky6k .check:where(.svelte-6gky6k){border-color:var(--color-sun);background:var(--color-sun);transform:scale(1.08);& svg:where(.svelte-6gky6k){opacity:1}}.tone-bad.svelte-6gky6k .on:where(.svelte-6gky6k) .check:where(.svelte-6gky6k){border-color:var(--color-bad);background:var(--color-bad)}.actions.svelte-6gky6k{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px;& button:where(.svelte-6gky6k){border:1px solid var(--color-line-2);width:28px;height:28px;color:var(--color-chalk);cursor:pointer;background:#131211e6;border-radius:8px;place-items:center;display:grid;&:hover{border-color:var(--color-sun);color:var(--color-sun)}&.del:hover{border-color:var(--color-bad);color:var(--color-bad)}}& svg:where(.svelte-6gky6k){fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}}.tile.svelte-6gky6k:hover .actions:where(.svelte-6gky6k),.tile.svelte-6gky6k:focus-within .actions:where(.svelte-6gky6k){opacity:1}.caption.svelte-6gky6k{justify-content:center;align-items:center;gap:4px;min-height:24px;display:flex}.num.svelte-6gky6k{text-overflow:ellipsis;white-space:nowrap;color:var(--color-soft);overflow:hidden}.on.svelte-6gky6k .num:where(.svelte-6gky6k){color:var(--color-sun)}.tone-bad.svelte-6gky6k .on:where(.svelte-6gky6k) .num:where(.svelte-6gky6k){color:var(--color-bad);text-decoration:line-through}.nudge.svelte-6gky6k{width:24px;height:24px;color:var(--color-muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;flex:none;font-size:17px;line-height:1;transition:opacity .15s;&:hover:not(:disabled){color:var(--color-sun);background:var(--color-panel-2)}&:disabled{visibility:hidden}}.tile.svelte-6gky6k:hover .nudge:where(.svelte-6gky6k),.tile.svelte-6gky6k:focus-within .nudge:where(.svelte-6gky6k){opacity:1}@media (hover:none){.actions.svelte-6gky6k,.nudge.svelte-6gky6k{opacity:1}}.ghosted.svelte-6gky6k .frame:where(.svelte-6gky6k){border-style:dashed;border-color:var(--color-sun);background:#ffd25e0a}.ghosted.svelte-6gky6k .frame:where(.svelte-6gky6k)>:where(.svelte-6gky6k):not(.stripe){opacity:.2}.ghost.svelte-6gky6k{z-index:50;pointer-events:none;filter:drop-shadow(0 18px 30px #000c);position:fixed;transform:rotate(-2.5deg)scale(1.04);& .frame:where(.svelte-6gky6k){border-color:var(--color-sun)}}.pv.svelte-6gky6k{width:min(1000px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);color:var(--color-chalk);background:var(--color-panel);border:1px solid var(--color-line-2);border-radius:18px;margin:auto;padding:14px;&::backdrop{backdrop-filter:blur(3px);background:#0b0a09d9}&[open]{animation:svelte-6gky6k-pop .25s var(--ease-spring)}}@keyframes svelte-6gky6k-pop{0%{opacity:0;transform:scale(.96)}}.pv-head.svelte-6gky6k{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.pv-close.svelte-6gky6k{padding:8px 12px}.pv-stage.svelte-6gky6k{place-items:center;min-height:200px;transition:opacity .2s;display:grid;&.busy{opacity:.5}& .pv-canvas{background:#fff;border-radius:3px;max-width:100%;height:auto;box-shadow:0 10px 40px -10px #000}}.pv-nav.svelte-6gky6k{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.err.svelte-6gky6k{color:var(--color-bad);text-align:center}