@layer component{.kDLpkq_PageThumbnail{aspect-ratio:1;inline-size:100%;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-surface);place-items:center;display:grid;overflow:hidden}.kDLpkq_PageThumbnail canvas{background:var(--color-bg-raised);max-block-size:100%;max-inline-size:100%;box-shadow:0 0 0 1px var(--color-border-subtle);transition:rotate var(--motion-fast)}.kDLpkq_PageThumbnail canvas[data-rotation="90"]{rotate:90deg}.kDLpkq_PageThumbnail canvas[data-rotation="180"]{rotate:180deg}.kDLpkq_PageThumbnail canvas[data-rotation="270"]{rotate:270deg}.kDLpkq_PageThumbnail[data-state=waiting] canvas{block-size:100%;inline-size:70%}.kDLpkq_placeholder{color:var(--color-text-tertiary);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.kDLpkq_PageThumbnail canvas{transition:none}}}