.doc-slide-navigator{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent;gap:12px;margin:0 -3px 10px;padding:4px 3px 12px;display:flex;position:relative;overflow-x:auto}.doc-nav-slide{min-width:0;color:var(--ink-2);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;flex:0 0 120px;padding:0}.doc-nav-slide:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.doc-nav-slide:disabled{opacity:.5;cursor:not-allowed}.doc-nav-description{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.doc-nav-thumbnail-slot{place-items:center;width:100%;height:67.5px;display:grid}.doc-nav-thumbnail{width:min(100%, calc(67.5px * var(--thumbnail-ratio,1.77778)));aspect-ratio:var(--thumbnail-ratio,16 / 9);border:1px solid var(--hairline-strong);background:var(--bg);box-sizing:border-box;border-radius:5px;transition:border-color .15s,box-shadow .15s;display:block;overflow:hidden}.doc-nav-slide:hover:not(:disabled) .doc-nav-thumbnail{border-color:var(--ink-2)}.doc-nav-slide[aria-pressed=true]{color:var(--ink)}.doc-nav-slide[aria-pressed=true] .doc-nav-thumbnail{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 24%, transparent)}.doc-nav-thumbnail>svg{pointer-events:none;width:100%;height:100%;display:block}.doc-nav-caption{align-items:center;gap:5px;padding-top:7px;font-size:10px;line-height:1.3;display:flex}.doc-nav-number{color:var(--ink-2);font-variant-numeric:tabular-nums;flex-shrink:0}.doc-nav-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.doc-nav-status{background:var(--ink-2);opacity:.55;border-radius:50%;flex-shrink:0;width:5px;height:5px}.doc-nav-status[data-status=ready]{background:var(--accent);opacity:1}.doc-nav-status:is([data-status=failed],[data-status=missing-image]){background:var(--destructive);opacity:1}.doc-nav-status:is([data-status=writing],[data-status=reviewing],[data-status=painting]){background:var(--accent);opacity:1;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent)}.doc-nav-composition{--thumbnail-paper:#101512;--thumbnail-ink:#eef2ef;--thumbnail-accent:#34d399;background:var(--thumbnail-paper);width:100%;height:100%;color:var(--thumbnail-ink);display:flex;position:relative;overflow:hidden}.doc-nav-composition[data-tone=paper]{--thumbnail-paper:#fbfaf8;--thumbnail-ink:#17181a;--thumbnail-accent:#2f6feb}.doc-nav-composition[data-tone=night]{--thumbnail-paper:#0e1526;--thumbnail-ink:#e9eefa;--thumbnail-accent:#5b9cff}.doc-nav-composition[data-tone=ink]{--thumbnail-paper:#171410;--thumbnail-ink:#f2ead9;--thumbnail-accent:#d3a24d}.doc-nav-composition[data-tone=warm]{--thumbnail-paper:#1b120e;--thumbnail-ink:#f7ece3;--thumbnail-accent:#ef8446}.doc-nav-copy{z-index:1;flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;padding:8px 9px;display:flex;position:relative;overflow:hidden}.doc-nav-copy>strong{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font:600 8px/1.15 Arial,sans-serif;display:-webkit-box;overflow:hidden}.doc-nav-kicker{color:var(--thumbnail-accent);text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;max-width:100%;font:600 3.5px/1.3 Arial,sans-serif;overflow:hidden}.doc-nav-body{opacity:.8;-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font:400 4px/1.4 Arial,sans-serif;display:-webkit-box;overflow:hidden}.doc-nav-stat{color:var(--thumbnail-accent);font:600 11px/1.1 Arial,sans-serif}.doc-nav-stat small{color:var(--thumbnail-ink);margin-top:2px;font-size:3.5px;line-height:1.4;display:block}.doc-nav-composition>.doc-nav-foreground{z-index:0;object-fit:cover;width:42%;height:100%;display:block;position:relative}.doc-nav-image-error{color:var(--thumbnail-ink);background:color-mix(in srgb, var(--thumbnail-accent) 9%, var(--thumbnail-paper));text-align:center;flex:0 0 42%;place-items:center;padding:5px;font:400 5px/1.3 Arial,sans-serif;display:grid}.doc-nav-image-error[data-backdrop=true]{z-index:2;border-radius:2px;padding:2px 3px;position:absolute;bottom:3px;left:6%}.doc-nav-composition[data-full-image=true]>.doc-nav-foreground{opacity:.35;width:100%;position:absolute;inset:0}.doc-nav-composition>.doc-nav-backdrop{object-fit:cover;object-position:var(--thumbnail-position,center) center;width:100%;height:100%;display:block;position:absolute;inset:0}.doc-nav-backdrop-shade{background:var(--thumbnail-paper);opacity:var(--thumbnail-overlay,.65);position:absolute;inset:0}.doc-nav-composition[data-background=image]{--thumbnail-ink:#f5f8f6}.doc-nav-composition[data-background=image] .doc-nav-copy{text-shadow:0 1px 2px #0009}.doc-nav-design-mark{pointer-events:none;position:absolute;inset:0}.doc-nav-design-mark:before,.doc-nav-design-mark:after{content:"";display:none;position:absolute}.doc-nav-composition:is([data-background=gradient],[data-design=spotlight]):not([data-background=image]) .doc-nav-design-mark{background:linear-gradient(90deg, transparent 45%, color-mix(in srgb, var(--thumbnail-accent) 8%, transparent) 45%)}.doc-nav-composition[data-design=spotlight] .doc-nav-design-mark:after{border:.5px solid var(--thumbnail-accent);opacity:.25;border-radius:50%;width:25%;height:45%;display:block;top:12%;left:72%}.doc-nav-composition[data-design=editorial] .doc-nav-design-mark:before{background:var(--thumbnail-accent);width:.5%;height:61%;display:block;top:19%;left:2.85%}.doc-nav-composition[data-design=editorial] .doc-nav-copy>strong{font-family:Georgia,Times New Roman,serif;font-weight:400}.doc-nav-composition[data-design=split] .doc-nav-design-mark:before{background:var(--thumbnail-accent);opacity:.1;width:44%;display:block;inset:0 auto 0 0}.doc-slide-navigator[data-layout=grid]{--thumbnail-height:clamp(96px, 21cqw, 144px);overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));align-items:start;gap:12px;max-height:min(520px,55dvh);margin:0 -5px;padding:5px;display:grid;overflow:auto}.doc-slide-navigator[data-layout=grid] .doc-nav-slide{border:1px solid var(--hairline);background:color-mix(in srgb, var(--ink) 2%, transparent);border-radius:12px;width:100%;padding:9px;transition:background-color .15s,border-color .15s}.doc-slide-navigator[data-layout=grid] .doc-nav-slide:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 5%, transparent)}.doc-slide-navigator[data-layout=grid] .doc-nav-slide[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 48%, transparent);background:color-mix(in srgb, var(--accent) 7%, transparent)}.doc-slide-navigator[data-layout=grid] .doc-nav-thumbnail-slot{height:var(--thumbnail-height)}.doc-slide-navigator[data-layout=grid] .doc-nav-thumbnail{width:min(100%, calc(var(--thumbnail-height) * var(--thumbnail-ratio,1.77778)))}.doc-slide-navigator[data-layout=grid] .doc-nav-caption{align-items:baseline;gap:7px;padding-top:11px;font-size:11px;line-height:1.45}.doc-slide-navigator[data-layout=grid] .doc-nav-number{color:var(--ink-2);font-size:10px}.doc-slide-navigator[data-layout=grid] .doc-nav-title{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:2.9em;display:-webkit-box}.doc-nav-empty{width:100%;color:var(--ink-2);text-align:center;font:12px/1.6 var(--font-sans);grid-column:1/-1;margin:0;padding:32px 12px}@media (prefers-reduced-motion:reduce){.doc-nav-thumbnail,.doc-slide-navigator[data-layout=grid] .doc-nav-slide{transition:none}}