.kp-root dialog.kp-flip-dialog{width:min(1160px,calc(100% - 24px));padding:20px 24px;max-height:96dvh}
.kp-root .kp-flip-dialog .kp-dialog-top{top:-20px;margin-bottom:12px;z-index:10}
.kp-root .kp-flip-dialog .kp-dialog-top h2{font-size:clamp(18px,2vw,24px);margin:0}
.kp-root .kp-flip-dialog .kp-dialog-top button{flex-shrink:0}
.kp-root .kp-flip-stage{display:flex;align-items:center;justify-content:center;height:clamp(210px,calc(96dvh - 260px),760px);background:#f3f4ed;overflow:hidden;padding:6px;box-sizing:border-box}
.kp-root .kp-flip-position{position:relative;transition:transform .7s ease;filter:drop-shadow(0 10px 10px #10241826)}
.kp-root .kp-flip-position.kp-flip-cover{transform:translateX(-25%)}
.kp-root .kp-flip-position.kp-flip-back{transform:translateX(25%)}
.kp-root .kp-flip-mount{position:relative;min-width:0!important;min-height:0!important}
.kp-root .kp-flip-page{background:white;overflow:hidden}
.kp-root .kp-flip-page img{display:block;width:100%;height:100%;max-width:none;object-fit:fill;user-select:none;-webkit-user-drag:none}
.kp-root .kp-flip-page::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #0000000a}
.kp-root .kp-flip-page.--left::after{background:linear-gradient(90deg,transparent 94%,#00000016)}
.kp-root .kp-flip-page.--right::after{background:linear-gradient(90deg,#00000016,transparent 6%)}
.kp-root .kp-flip-page-error{display:block;padding:24px;color:#233026;font-size:14px;line-height:1.5}
.kp-root .kp-flip-tools{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;margin-top:8px;font-size:13px}
.kp-root .kp-flip-tools label{display:flex;align-items:center;gap:8px}
.kp-root .kp-flip-tools select{font:inherit;color:inherit;background:white;border:1px solid #a8b1a3;border-radius:0;min-height:44px;min-width:66px;padding:6px}
.kp-root .kp-flip-tools a{display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.kp-root .kp-flip-hint{text-align:center;font-size:12px;margin:4px 0;color:#596354}
.kp-root .kp-flip-dialog .kp-book-controls{padding-top:8px;gap:20px}
.kp-root .kp-flip-dialog .kp-book-controls span{min-width:135px;text-align:center}
.kp-root .kp-flip-dialog .kp-book-fallback{margin-top:4px;min-height:28px;text-align:center}
.kp-root .kp-flip-dialog :is(a,select,button):focus-visible{outline:2px solid #284d32;outline-offset:2px}
@media(max-width:620px){.kp-root dialog.kp-flip-dialog{padding:12px;width:calc(100% - 12px);max-height:98dvh}.kp-root .kp-flip-dialog .kp-dialog-top{top:-12px}.kp-root .kp-flip-tools{gap:16px}.kp-root .kp-flip-stage{height:clamp(210px,calc(98dvh - 260px),700px)}}
@media(prefers-reduced-motion:reduce){.kp-root .kp-flip-position{transition:none}}