#real-preview.sft-viewer{padding:0!important;border:1px solid #d9dedb;border-radius:16px;background:#eef0ef;overflow:hidden;min-width:0;margin:22px 0;color:#293b32}
.sft-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#fff;border-bottom:1px solid #d9dedb}.sft-viewer-heading strong{font-size:16px}.sft-viewer #open-real-preview{padding:0;min-height:32px;font-size:14px}
.sft-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 14px;background:#fafbf9;border-bottom:1px solid #d9dedb}.sft-viewer-toolbar>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sft-viewer-toolbar button{font:inherit;font-size:13px;font-weight:600;background:white;color:#244e3c;border:1px solid #cbd5ce;border-radius:7px;min-height:40px;padding:7px 11px;cursor:pointer}.sft-viewer-toolbar button:hover{background:#e8f0e8}.sft-viewer-toolbar button:disabled{opacity:.4;cursor:default}.sft-viewer-toolbar button:focus-visible,.sft-viewer-thumbs button:focus-visible,.sft-viewer-stage:focus-visible{outline:3px solid #699d66;outline-offset:-3px}.sft-viewer-nav label{font-size:13px;display:flex;gap:6px;align-items:center}.sft-viewer-nav input{width:48px;min-height:38px;margin:0;padding:5px;border:1px solid #cbd5ce;border-radius:6px;background:white;color:#293b32;font:inherit;box-sizing:border-box}.sft-viewer-nav span,.sft-viewer-zoom output{font-size:13px;white-space:nowrap}.sft-viewer-zoom output{min-width:56px;text-align:center}
.sft-viewer-layout{display:grid;grid-template-columns:112px minmax(0,1fr);height:clamp(420px,68vh,820px)}.sft-viewer-thumbs{overflow:auto;padding:14px 12px;background:#e4e8e5;border-right:1px solid #d1d8d2;display:flex;flex-direction:column;gap:12px}.sft-viewer-thumbs button{flex-shrink:0;display:block;padding:5px;background:#f8faf7;border:2px solid transparent;border-radius:6px;cursor:pointer;color:#34513d}.sft-viewer-thumbs button[aria-current="page"]{border-color:#1a5840;background:#fff}.sft-viewer-thumbs img{width:100%;height:auto;display:block}.sft-viewer-thumbs span{font-size:12px;display:block;padding-top:4px}.sft-viewer-stage{overflow:auto;min-width:0;position:relative;padding:16px 20px;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#e9ecea}
.sft-viewer #real-preview-pages{display:block;max-width:none!important;width:max-content;min-width:100%;margin:0!important}.sft-viewer #real-preview-pages figure{margin:0 auto 24px!important;max-width:none!important}.sft-viewer #real-preview-pages figcaption{font-size:11px;margin:0 0 6px;color:#5b6c61}.sft-viewer #real-preview-pages img{width:100%!important;max-width:none!important;height:auto!important;display:block;background:white;border:1px solid #d7dcd8;border-radius:2px;box-shadow:0 3px 14px #1f37221a;box-sizing:border-box}.sft-viewer #preview-page-count{padding:10px 16px;margin:0!important;background:#fafbf9;border-top:1px solid #d9dedb;font-size:12px;line-height:1.5}
.sft-viewer-dialog{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding:0;border:0;margin:0;background:#eef0ef;overflow:hidden}.sft-viewer-dialog::backdrop{background:#172b21cc}.sft-viewer-dialog #real-preview{height:100%;margin:0;border:0;border-radius:0;display:flex;flex-direction:column}.sft-viewer-dialog .sft-viewer-layout{flex:1;min-height:0;height:auto}.sft-viewer-open{overflow:hidden}
@media(max-width:700px){.sft-viewer-layout{grid-template-columns:minmax(0,1fr);height:65vh;height:65dvh;min-height:340px}.sft-viewer-thumbs{display:none}.sft-viewer-stage{padding:12px 10px}.sft-viewer-toolbar{padding:8px;gap:8px}.sft-viewer-heading{padding:10px 12px}.sft-viewer-toolbar button{min-height:44px;padding:7px 10px}.sft-viewer-toolbar .sft-viewer-actions{width:100%;justify-content:space-between}.sft-viewer #preview-page-count{font-size:11px;padding:8px 12px}.sft-viewer-dialog .sft-viewer-layout{min-height:0}.sft-viewer-dialog .sft-viewer-heading{padding-top:max(10px,env(safe-area-inset-top))}}
@media(prefers-reduced-motion:reduce){.sft-viewer-stage{scroll-behavior:auto}}