.pdf-preview{color:var(--ink)}.pdf-preview__hint{color:var(--ink-2);font:14px/1.6 var(--font-body);margin:0 0 18px}.pdf-preview__pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:780px;display:grid}.pdf-preview__page{text-align:left;border:1px solid var(--border-hair-hi);background:var(--paper);width:100%;color:var(--ink);cursor:zoom-in;box-shadow:var(--shadow-riso-sm);border-radius:8px;padding:0;display:block;overflow:hidden}.pdf-preview__page img{width:100%;height:auto;display:block}.pdf-preview__page>span{border-top:1px solid var(--border-hair);font:500 13px/1.4 var(--font-body);justify-content:space-between;gap:10px;padding:13px 16px;display:flex}.pdf-preview button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.pdf-preview__dialog{border:1px solid var(--ink);background:var(--paper);width:min(960px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);overscroll-behavior:contain;border-radius:12px;padding:0;overflow-y:auto}.pdf-preview__dialog::backdrop{background:rgba(var(--ink-rgb), .8)}.pdf-preview__reader{min-width:0}.pdf-preview__toolbar{z-index:1;border-bottom:1px solid var(--border-hair-hi);background:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.pdf-preview__toolbar h3{font:600 15px/1.4 var(--font-body);margin:0}.pdf-preview__toolbar button,.pdf-preview__controls button{border:1px solid var(--border-hair-hi);background:var(--paper);min-height:44px;color:var(--ink);font:500 14px/1.4 var(--font-body);cursor:pointer;border-radius:6px;padding:9px 14px}.pdf-preview__toolbar button span{padding-left:6px;font-size:20px}.pdf-preview__reader-hint{font:12px/1.5 var(--font-body);color:var(--ink-2);margin:0;padding:12px 18px}.pdf-preview__image{padding:0 12px;overflow-x:auto}.pdf-preview__image img{width:100%;min-width:640px;height:auto;display:block}.pdf-preview__controls{justify-content:space-between;gap:12px;padding:16px;display:flex}.pdf-preview__controls button:disabled{opacity:.45;cursor:default}body:has(.pdf-preview__dialog[open]) .buybar{visibility:hidden}@media (max-width:600px){.pdf-preview__pages{gap:12px}.pdf-preview__page>span{padding:12px 10px;font-size:11px}.pdf-preview__dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.pdf-preview__toolbar{padding-inline:10px}}