.sc-reader{margin:28px 0;color:#302b26}.sc-reader button{padding:10px 14px;border:1px solid #70533b;border-radius:3px;background:#70533b;color:white;cursor:pointer;font:inherit}.sc-reader [hidden]{display:none!important}.sc-reader [data-panel]{padding:16px;border:1px solid #ddd6cc;background:#f7f4ef}.sc-reader-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:12px}.sc-reader-toolbar label{display:flex;flex-direction:column;gap:4px;font-size:14px}.sc-reader input,.sc-reader select{padding:8px;min-height:40px;max-width:100%;background:white;color:#302b26;border:1px solid #aaa}.sc-reader [data-page]{width:85px}.sc-reader-stage{overflow:auto;background:#ddd;min-height:220px;max-height:75vh;padding:12px}.sc-reader canvas{display:block;margin:auto}.sc-reader:fullscreen{background:#f7f4ef;padding:20px;overflow:auto}.sc-reader:fullscreen .sc-reader-stage{max-height:78vh}.sc-reader button:focus-visible,.sc-reader input:focus-visible,.sc-reader select:focus-visible{outline:2px solid #302b26;outline-offset:3px}@media(max-width:600px){.sc-reader [data-panel]{padding:10px}.sc-reader [data-part]{max-width:240px}.sc-reader button{font-size:13px}}
.sc-reader-stage{background:radial-gradient(ellipse,#75634f,#3e342b);padding:24px;perspective:1600px}.sc-book{display:flex;justify-content:center;align-items:start;width:max-content;min-width:100%;filter:drop-shadow(0 12px 15px #0006)}.sc-book canvas{margin:0;background:#fffdf6;backface-visibility:hidden}.sc-book [data-right]{transform-origin:left center;box-shadow:inset 12px 0 18px #0002}.sc-book [data-left]{transform-origin:right center;border-right:1px solid #b7a88e}.sc-reader button:disabled{opacity:.45;cursor:default}.sc-reader:focus-visible{outline:2px solid #70533b;outline-offset:4px}@media(max-width:600px){.sc-reader-stage{padding:12px}}
.sc-reader-toolbar label:has([data-part]){flex:1 1 340px;min-width:260px}.sc-reader [data-part]{width:100%;max-width:none;min-width:260px}.sc-reader-stage{max-height:none;min-height:75vh;padding:20px;overflow:auto}.sc-reader .sc-book{display:block;min-width:0;width:100%;filter:drop-shadow(0 14px 16px #0005)}.sc-reader .sc-book canvas{display:block;width:100%;height:100%;object-fit:contain;box-shadow:none;border:0;transform:none}.sc-flip-page{background:#fffdf6;overflow:hidden}.sc-page-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#75634f;font-size:14px}.sc-painted .sc-page-placeholder{display:none}.sc-reader:fullscreen .sc-reader-stage{max-height:none;min-height:80vh}.sc-reader:fullscreen{padding:12px}@media(max-width:600px){.sc-reader-toolbar label:has([data-part]){flex-basis:100%;min-width:0}.sc-reader [data-part]{min-width:0;max-width:none}.sc-reader-stage{padding:8px;min-height:65vh}}
.sc-reader .sc-reader-stage,.sc-reader:fullscreen .sc-reader-stage{min-height:0;height:auto;padding-bottom:16px}.sc-reader .sc-book{margin-bottom:0}.sc-reader [data-status]:empty{display:none}.sc-reader [data-view]{min-width:150px}.sc-reader [data-panel]>p:last-child{margin:12px 0 0}

.sc-reader .sc-reader-stage{padding:12px;max-height:none}.sc-reader .sc-book canvas{max-width:none!important;max-height:none!important;padding:0!important}.sc-reader .stf__wrapper{padding-bottom:0!important;width:100%;height:100%}

.sc-reader{max-width:100%;min-width:0}.sc-reader [data-panel]{box-sizing:border-box;max-width:100%}.sc-reader .sc-reader-stage{box-sizing:border-box;width:100%;padding:12px;overflow:auto;touch-action:pan-y}.sc-reader .sc-reader-toolbar{align-items:end}.sc-reader .sc-reader-toolbar button{min-height:44px}.sc-reader .sc-book{flex-shrink:0}@media(max-width:700px){.sc-reader [data-panel]{padding:6px}.sc-reader .sc-reader-toolbar{gap:6px}.sc-reader .sc-reader-toolbar label:has([data-part]){flex:1 1 100%;min-width:0}.sc-reader .sc-reader-toolbar label:has([data-view]){flex:1 1 130px}.sc-reader [data-view]{width:100%;min-width:0}.sc-reader .sc-reader-toolbar button{padding:9px 11px}.sc-reader [data-page]{width:58px;box-sizing:border-box}.sc-reader .sc-reader-stage{padding:12px}.sc-reader:fullscreen{padding:4px}}