:root,dialog[data-image-view]{--riv-chrome:#fff;--riv-stage:#f2f4f8;--riv-line:#dee1e8;--riv-ink:#14171f;--riv-ink-muted:#565e70;--riv-hover:#eceef4;--riv-accent:#3d4e8f;--riv-accent-surface:#e9ebf5;--riv-radius:6px;--riv-radius-toolbar:11px}@media (prefers-color-scheme:dark){:root:not([data-riv-theme=light]),dialog[data-image-view]:not([data-riv-theme=light]){--riv-chrome:#1b1d24;--riv-stage:#121419;--riv-line:#2a2e3a;--riv-ink:#e5e7ee;--riv-ink-muted:#959bae;--riv-hover:#262a35;--riv-accent:#8e9bdb;--riv-accent-surface:#242840}}dialog[data-image-view]{background:var(--riv-chrome);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--riv-ink);border:0;margin:0;padding:0;overflow:hidden}dialog[data-image-view]::backdrop{background:rgb(0 0 0/calc(.32 * var(--riv-dismiss,1)))}dialog[data-image-view][data-closing],dialog[data-image-view][data-closing]>*,dialog[data-image-view][data-closing] [data-image-view-stage],dialog[data-image-view][data-closing] [data-image-view-viewport],dialog[data-image-view][data-closing] [data-image-view-slide]{box-shadow:none;pointer-events:none;background:0 0}dialog[data-image-view][data-closing] [data-image-view-slide]:not([data-current]){visibility:hidden}dialog[data-image-view][data-closing] [data-image-view-region],dialog[data-image-view][data-closing] [data-image-view-control=prev],dialog[data-image-view][data-closing] [data-image-view-control=next],dialog[data-image-view][data-closing] [data-image-view-loading],dialog[data-image-view][data-closing] [data-image-view-error]{display:none}dialog[data-image-view][data-closing]::backdrop{background:0 0}[data-image-view-region=header]{background:var(--riv-chrome);border-bottom:1px solid var(--riv-line);flex:none;align-items:center;gap:12px;height:48px;padding:0 12px 0 8px;display:flex;overflow:hidden}[data-image-view-title]{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;font-weight:500;overflow:hidden}[data-image-view-counter]{color:var(--riv-ink-muted);font-variant-numeric:tabular-nums;flex:none;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px}.riv-spacer{flex:1;min-width:8px}.riv-sep{background:var(--riv-line);flex:none;width:1px;height:18px}[data-image-view-control=close]{border-radius:var(--riv-radius);height:32px;color:var(--riv-ink);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 11px 0 9px;font-size:13px;display:flex}[data-image-view-control=close]:hover{background:var(--riv-hover)}[data-image-view-control=download]{border:1px solid var(--riv-line);background:var(--riv-chrome);border-radius:var(--riv-radius);height:32px;color:var(--riv-ink);font:inherit;cursor:pointer;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:13px;text-decoration:none;display:flex}[data-image-view-control=download]:hover{background:var(--riv-hover)}[data-image-view-stage]{background:var(--riv-stage);flex:1;min-height:0;position:relative}[data-image-view-control=prev],[data-image-view-control=next]{width:56px;height:96px;color:var(--riv-ink-muted);cursor:pointer;z-index:1;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}[data-image-view-control=prev]{left:10px}[data-image-view-control=next]{right:10px}[data-image-view-control=prev]:hover,[data-image-view-control=next]:hover{background:color-mix(in srgb, var(--riv-chrome) 74%, transparent);color:var(--riv-ink)}[data-image-view-control=prev][data-boundary],[data-image-view-control=next][data-boundary]{display:none}[data-image-view-loading],[data-image-view-error]{text-align:center;color:var(--riv-ink-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}[data-image-view-error]{color:var(--riv-ink);flex-direction:row;gap:10px}.riv-error-title{font-size:14px;font-weight:500}[data-image-view-error] [data-image-view-control=retry]{border:1px solid var(--riv-line);background:var(--riv-chrome);width:34px;height:34px;color:var(--riv-ink);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0;display:flex}[data-image-view-error] [data-image-view-control=retry]:hover{background:var(--riv-hover)}.riv-spinner{width:26px;height:26px;animation:.9s linear infinite riv-spin}@media (prefers-reduced-motion:reduce){.riv-spinner{animation-duration:2.4s}}@keyframes riv-spin{to{transform:rotate(360deg)}}[data-image-view-region=toolbar]{background:var(--riv-chrome);border:1px solid var(--riv-line);border-radius:var(--riv-radius-toolbar);z-index:1;align-items:center;gap:4px;height:44px;padding:0 7px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #141a200d,0 14px 34px -16px #141a2057}@media (prefers-color-scheme:dark){:root:not([data-riv-theme=light]) [data-image-view-region=toolbar]{box-shadow:0 18px 40px -18px #000000e6}}:root[data-riv-theme=dark] [data-image-view-region=toolbar]{box-shadow:0 18px 40px -18px #000000e6}[data-image-view-region=toolbar] .riv-tbsep{background:var(--riv-line);flex:none;width:1px;height:22px;margin:0 4px}[data-image-view-control]{border-radius:var(--riv-radius);min-width:32px;height:32px;color:var(--riv-ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 7px;display:flex}[data-image-view-region=toolbar] [data-image-view-control]:hover{background:var(--riv-hover)}[data-image-view-region=toolbar] [data-image-view-control][data-active]{background:var(--riv-accent-surface);color:var(--riv-accent)}[data-image-view-control]:disabled{color:var(--riv-ink-muted);opacity:.5;cursor:default}[data-image-view-control]:focus-visible{outline:2px solid var(--riv-accent);outline-offset:2px}@media (pointer:coarse){[data-image-view-control=prev],[data-image-view-control=next]{width:64px}}[data-image-view-thumbnails]{background:var(--riv-chrome);border-top:1px solid var(--riv-line);scrollbar-width:thin;flex:none;gap:8px;padding:10px 12px;display:flex;overflow-x:auto}@media (width<=640px){[data-image-view-thumbnails][data-mode=auto]{display:none}}[data-image-view-thumb]{background:var(--riv-hover);cursor:pointer;opacity:.6;border:2px solid #0000;border-radius:6px;flex:none;width:52px;height:52px;padding:0;overflow:hidden}[data-image-view-thumb] img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}[data-image-view-thumb]:hover{opacity:.85}[data-image-view-thumb][data-active]{opacity:1;border-color:var(--riv-accent)}[data-image-view-thumb]:focus-visible{outline:2px solid var(--riv-accent);outline-offset:1px}