*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
.ev-body{background:#323232;color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-tap-highlight-color:transparent}
.ev-app{position:relative;width:100%;height:100%;background-color:#323232;background-position:center center;background-size:cover;background-repeat:no-repeat;overflow:hidden}
.ev-topbar{position:absolute;z-index:50;left:0;right:0;top:0;height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 18px;background:rgba(12,17,21,.92);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ev-title-wrap{display:flex;min-width:0;align-items:center;gap:8px}
.ev-title-wrap h1{min-width:0;margin:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-page-status{padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.08);font-size:12px;color:#d9dfe3}
.ev-tools{display:flex;justify-content:flex-end;gap:6px}
.ev-icon-btn{height:36px;min-width:36px;padding:0 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:#eef2f4;font:inherit;font-size:15px;cursor:pointer}
.ev-icon-btn:hover{background:rgba(255,255,255,.12)}
#evZoomReset{font-size:10px;min-width:48px}
.ev-stage{position:absolute;inset:64px 0 48px;overflow:hidden}
.ev-stage.is-zoomed{cursor:grab}
.ev-stage.is-panning{cursor:grabbing}
.ev-stage.is-zoomed .ev-tap-zone{pointer-events:none}
.ev-stage.is-zoomed .ev-nav{pointer-events:none;opacity:.16}
.ev-stage.is-panning .ev-spread{transition:none!important}
.ev-stage.is-panning,.ev-stage.is-panning *{user-select:none;-webkit-user-select:none}
.ev-stage-scroll{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;overscroll-behavior:contain;perspective:2400px;perspective-origin:50% 46%;padding:18px}
.ev-stage-scroll.is-zoomed{overflow:hidden}
.ev-spread{position:relative;display:flex;align-items:center;justify-content:center;transform-origin:50% 50%;transition:transform .18s ease,opacity .2s ease;filter:drop-shadow(0 24px 30px rgba(0,0,0,.34));z-index:5}
.ev-spread.is-turn-arrive{animation:evArrive .28s ease-out both}
.ev-spread.is-mobile-arrive{animation:evMobileArrive .22s ease-out both}
.ev-page-shell{position:relative;flex:none;background:#f7f7f5;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ev-page-shell.is-turning{visibility:hidden}
.ev-page-shell img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;user-select:none;-webkit-user-drag:none}
.ev-page-shell.is-left{border-radius:5px 0 0 5px;box-shadow:inset -20px 0 28px -24px rgba(0,0,0,.74)}
.ev-page-shell.is-right{border-radius:0 5px 5px 0;box-shadow:inset 20px 0 28px -24px rgba(0,0,0,.68)}
.ev-page-shell.is-single{border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.22)}
.ev-spread.is-double:before{content:"";position:absolute;z-index:2;left:50%;top:0;bottom:0;width:30px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.025) 38%,rgba(255,255,255,.12) 51%,rgba(0,0,0,.04) 64%,rgba(0,0,0,.13));pointer-events:none;mix-blend-mode:multiply;opacity:.68}
.ev-spread.is-double:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-1px);background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(255,255,255,.2),rgba(0,0,0,.28));pointer-events:none;z-index:3}
.ev-page-number{position:absolute;right:8px;bottom:6px;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.42);color:#fff;font-size:9px;opacity:.55}
.ev-page-shell.is-left .ev-page-number{right:auto;left:8px}
.ev-flip-layer{position:absolute;inset:0;pointer-events:none;z-index:20;perspective:2400px;perspective-origin:50% 46%;transform-style:preserve-3d}
.ev-flip-page{position:absolute;z-index:5;transform-style:preserve-3d;will-change:transform,left,filter;filter:drop-shadow(0 8px 8px rgba(0,0,0,.14));pointer-events:none}
.ev-flip-page.is-next{transform-origin:0 50%;transform:translate3d(0,0,0) rotateY(0deg)}
.ev-flip-page.is-prev{transform-origin:100% 50%;transform:translate3d(0,0,0) rotateY(0deg)}
.ev-flip-face{position:absolute;inset:0;overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}
.ev-flip-face img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.ev-flip-face:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(0,0,0,.025) 48%,rgba(255,255,255,.08));mix-blend-mode:multiply}
.ev-flip-face.is-back{transform:rotateY(180deg)}
.ev-flip-page .ev-flip-face{box-shadow:inset 0 0 0 1px rgba(0,0,0,.035)}
.ev-flip-page .ev-flip-face img{user-select:none;-webkit-user-drag:none}
.ev-flip-page .ev-flip-face:after{opacity:.42;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,0) 22%,rgba(0,0,0,.018) 54%,rgba(255,255,255,.06))}
.ev-flip-page.is-next .ev-flip-face.is-front{box-shadow:inset 24px 0 34px -32px rgba(0,0,0,.5)}
.ev-flip-page.is-prev .ev-flip-face.is-front{box-shadow:inset -24px 0 34px -32px rgba(0,0,0,.5)}
.ev-fold-edge,.ev-fold-glow,.ev-fold-shade{position:absolute;z-index:8;top:0;bottom:0;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:0;will-change:opacity,width,transform}
.ev-flip-page.is-next .ev-fold-edge{right:0;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.035) 42%,rgba(0,0,0,.2) 74%,rgba(0,0,0,.58))}
.ev-flip-page.is-prev .ev-fold-edge{left:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.2) 26%,rgba(0,0,0,.035) 58%,rgba(0,0,0,0))}
.ev-flip-page.is-next .ev-fold-glow{left:0;background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(255,255,255,.17) 32%,rgba(255,255,255,0))}
.ev-flip-page.is-prev .ev-fold-glow{right:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.17) 68%,rgba(255,255,255,.82))}
.ev-flip-page.is-next .ev-fold-shade{right:0;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.22) 58%,rgba(0,0,0,.48))}
.ev-flip-page.is-prev .ev-fold-shade{left:0;background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.22) 42%,rgba(0,0,0,0))}
.ev-under-page{position:absolute;z-index:2;overflow:hidden;background:#fff;box-shadow:0 8px 16px rgba(0,0,0,.16);transform:scale(.992);filter:brightness(.76);opacity:.72;will-change:transform,filter,opacity}
.ev-under-page img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;user-select:none;-webkit-user-drag:none}
.ev-cast-shadow{position:absolute;z-index:4;pointer-events:none;opacity:0;will-change:transform,opacity,filter;transform-origin:50% 50%;border-radius:50%;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.5),rgba(0,0,0,.08))}
.ev-cast-shadow.is-prev{background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.5),rgba(0,0,0,0))}
.ev-flip-page:after{content:"";position:absolute;z-index:7;inset:0;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:var(--ev-turn-shade,0);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(0,0,0,.36));mix-blend-mode:multiply}
.ev-flip-page.is-prev:after{background:linear-gradient(90deg,rgba(0,0,0,.36),rgba(255,255,255,0))}

@media(min-width:901px){
    .ev-page-shell{transition:transform .17s ease,filter .17s ease,box-shadow .17s ease;transform-style:preserve-3d}
    .ev-page-shell.is-corner-next{transform:perspective(1400px) rotateY(-2.2deg) translateZ(3px);filter:brightness(1.018);cursor:grab}
    .ev-page-shell.is-corner-prev{transform:perspective(1400px) rotateY(2.2deg) translateZ(3px);filter:brightness(1.018);cursor:grab}
    .ev-page-shell.is-corner-next:after,.ev-page-shell.is-corner-prev:after{content:"";position:absolute;z-index:5;top:0;bottom:0;width:18%;pointer-events:none;opacity:.55}
    .ev-page-shell.is-corner-next:after{right:0;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.13))}
    .ev-page-shell.is-corner-prev:after{left:0;background:linear-gradient(90deg,rgba(0,0,0,.13),rgba(0,0,0,0))}
    .ev-stage.is-desktop-dragging{cursor:grabbing}
    .ev-stage.is-desktop-dragging .ev-page-shell{cursor:grabbing!important}
}

.ev-mobile-under{position:absolute;z-index:2;overflow:hidden;background:#fff;border-radius:4px;box-shadow:0 12px 24px rgba(0,0,0,.24);opacity:.68;transition:transform .52s cubic-bezier(.2,.72,.22,1),opacity .42s ease,filter .52s ease;will-change:transform,opacity;filter:brightness(.78)}
.ev-mobile-under img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.ev-mobile-under.is-next{transform:translate3d(6%,0,0) scale(.985)}
.ev-mobile-under.is-prev{transform:translate3d(-6%,0,0) scale(.985)}
.ev-mobile-under.is-go{transform:translate3d(0,0,0) scale(1);opacity:1;filter:brightness(1)}
.ev-mobile-flip{position:absolute;z-index:5;transform-style:preserve-3d;border-radius:4px;will-change:transform,opacity,filter;transition:transform .56s cubic-bezier(.22,.72,.18,1),opacity .5s ease,filter .5s ease;filter:drop-shadow(0 10px 12px rgba(0,0,0,.22))}
.ev-mobile-flip.is-next{transform-origin:0 50%;transform:translate3d(0,0,2px) rotateY(0deg) rotateZ(0deg)}
.ev-mobile-flip.is-prev{transform-origin:100% 50%;transform:translate3d(0,0,2px) rotateY(0deg) rotateZ(0deg)}
.ev-mobile-flip.is-next.is-go{transform:translate3d(-82%,0,2px) rotateY(-48deg) rotateZ(-.45deg) scaleX(.94);opacity:.04;filter:drop-shadow(-26px 16px 22px rgba(0,0,0,.4))}
.ev-mobile-flip.is-prev.is-go{transform:translate3d(82%,0,2px) rotateY(48deg) rotateZ(.45deg) scaleX(.94);opacity:.04;filter:drop-shadow(26px 16px 22px rgba(0,0,0,.4))}
.ev-mobile-flip .ev-flip-face.is-back{display:none}
.ev-mobile-shade,.ev-mobile-edge{position:absolute;z-index:8;top:0;bottom:0;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .56s cubic-bezier(.22,.72,.18,1)}
.ev-mobile-shade{width:48%}
.ev-mobile-edge{width:16%}
.ev-mobile-flip.is-next .ev-mobile-shade{right:0;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.38));transform:translateX(0)}
.ev-mobile-flip.is-prev .ev-mobile-shade{left:0;background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,0));transform:translateX(0)}
.ev-mobile-flip.is-next .ev-mobile-edge{left:0;background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(255,255,255,.08),rgba(255,255,255,0))}
.ev-mobile-flip.is-prev .ev-mobile-edge{right:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.08),rgba(255,255,255,.62))}
.ev-mobile-flip.is-go .ev-mobile-shade{opacity:.9}
.ev-mobile-flip.is-go .ev-mobile-edge{opacity:.72}

.ev-nav{position:absolute;z-index:30;top:50%;width:48px;height:74px;margin-top:-37px;border:0;border-radius:10px;background:rgba(7,10,12,.38);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:.18s}
.ev-nav:hover{background:rgba(7,10,12,.7)}
.ev-nav span{font-size:42px;line-height:1}
.ev-nav-prev{left:18px}
.ev-nav-next{right:18px}
.ev-nav:disabled{opacity:.18;cursor:default}
.ev-tap-zone{position:absolute;z-index:15;top:0;bottom:0;width:24%;display:none}
.ev-tap-left{left:0}
.ev-tap-right{right:0}
.ev-bottombar{position:absolute;z-index:50;left:0;right:0;bottom:0;height:48px;display:flex;align-items:center;gap:12px;padding:0 18px;background:rgba(12,17,21,.94);border-top:1px solid rgba(255,255,255,.08)}
.ev-bottombar button{width:32px;height:32px;border:0;border-radius:7px;background:rgba(255,255,255,.07);color:#fff;font-size:22px;cursor:pointer}
.ev-bottombar input{flex:1;accent-color:#fff;cursor:pointer}
.ev-thumbs{position:absolute;z-index:80;left:0;top:0;bottom:0;width:280px;background:#151b20;border-right:1px solid rgba(255,255,255,.1);transform:translateX(-100%);transition:transform .24s ease;box-shadow:18px 0 30px rgba(0,0,0,.3)}
.ev-thumbs.is-open{transform:translateX(0)}
.ev-thumbs-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09)}
.ev-thumbs-head button{width:34px;height:34px;border:0;background:none;color:#fff;font-size:25px;cursor:pointer}
.ev-thumbs-list{position:absolute;inset:64px 0 0;overflow:auto;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ev-thumb{position:relative;border:2px solid transparent;border-radius:7px;background:#252d33;padding:5px;cursor:pointer;color:#fff;text-align:center}
.ev-thumb.is-active{border-color:#fff}
.ev-thumb img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#fff}
.ev-thumb span{display:block;margin-top:5px;font-size:10px;color:#c8d0d5}
.ev-dim{display:none;position:absolute;z-index:70;inset:0;background:rgba(0,0,0,.55)}
.ev-loading{position:absolute;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#171d22;transition:opacity .25s}
.ev-loading.is-hide{opacity:0;pointer-events:none}
.ev-loading span{width:34px;height:34px;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;border-radius:50%;animation:evSpin .75s linear infinite}
.ev-loading b{font-size:12px;color:#cbd2d7}
.ev-mobile-only{display:none}

@keyframes evSpin{to{transform:rotate(360deg)}}
@keyframes evArrive{0%{opacity:.82;filter:drop-shadow(0 18px 22px rgba(0,0,0,.28))}100%{opacity:1;filter:drop-shadow(0 24px 30px rgba(0,0,0,.34))}}
@keyframes evMobileArrive{0%{opacity:.82;transform:scale(.994)}100%{opacity:1;transform:scale(1)}}

@media(max-width:900px){
    .ev-topbar{height:56px;grid-template-columns:minmax(0,1fr) auto;padding:0 10px}
    .ev-title-wrap h1{font-size:13px}
    .ev-page-status{display:none}
    .ev-tools{gap:3px}
    .ev-tools .ev-icon-btn{min-width:32px;height:34px;padding:0 6px}
    .ev-desktop-only{display:none!important}
    .ev-mobile-only{display:inline-flex!important;align-items:center;justify-content:center}
    .ev-stage{inset:56px 0 46px;touch-action:pan-y pinch-zoom}
    .ev-stage.is-zoomed{touch-action:none}
    .ev-stage-scroll{padding:8px;align-items:center;perspective:1500px;perspective-origin:50% 50%;overflow:hidden;-webkit-overflow-scrolling:touch}
    .ev-page-shell.is-single{border-radius:4px;box-shadow:0 8px 22px rgba(0,0,0,.3)}
    .ev-spread{filter:drop-shadow(0 12px 18px rgba(0,0,0,.26))}
    .ev-flip-layer{perspective:1500px;perspective-origin:50% 50%}
    .ev-nav{display:none}
    .ev-tap-zone{display:block;width:22%}
    .ev-bottombar{height:46px;padding:0 10px;gap:8px}
    .ev-thumbs{width:min(82vw,320px)}
    .ev-dim.is-open{display:block}
    .ev-thumbs-list{grid-template-columns:1fr 1fr;padding:12px;gap:10px}
    .ev-thumb img{aspect-ratio:3/4}
}

@media(max-width:420px){
    #evZoomOut,#evZoomReset{display:none}
    .ev-title-wrap h1{max-width:44vw}
    .ev-tools .ev-icon-btn{font-size:14px}
}

@supports(padding:max(0px)){
    .ev-topbar{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
    .ev-stage{top:calc(64px + env(safe-area-inset-top));bottom:calc(48px + env(safe-area-inset-bottom))}
    .ev-bottombar{height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
}

@media(max-width:900px){
    @supports(padding:max(0px)){
        .ev-topbar{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
        .ev-stage{top:calc(56px + env(safe-area-inset-top));bottom:calc(46px + env(safe-area-inset-bottom))}
        .ev-bottombar{height:calc(46px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
    }
}

@media(prefers-reduced-motion:reduce){
    .ev-flip-page{transition-duration:.2s}
    .ev-mobile-flip,.ev-mobile-under{transition-duration:.2s}
    .ev-thumbs,.ev-spread{transition-duration:.01s}
}


/* Desktop layout refresh - maximize reading area */
@media(min-width:901px){
    .ev-body{background:#323232}
    .ev-app{background-color:#323232}
    .ev-topbar{
        left:0;right:0;top:0;height:0;padding:0;border:0;background:none;
        -webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;display:block;
    }
    .ev-title-wrap{display:none}
    .ev-page-status{
        position:fixed;left:50%;bottom:68px;transform:translateX(-50%);
        z-index:61;padding:8px 16px;border-radius:999px;background:rgba(22,26,31,.84);
        color:#ffffff;font-size:13px;font-weight:600;letter-spacing:.02em;
        box-shadow:0 10px 24px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.14);pointer-events:none
    }
    .ev-tools{
        position:fixed;top:16px;right:16px;z-index:60;display:flex;gap:10px;pointer-events:auto
    }
    .ev-icon-btn{
        height:46px;min-width:46px;padding:0 12px;border:1px solid rgba(0,0,0,.08);
        border-radius:10px;background:rgba(255,255,255,.82);color:#3f4850;font-size:16px;
        box-shadow:0 8px 18px rgba(0,0,0,.10)
    }
    .ev-icon-btn:hover{background:rgba(255,255,255,.96);color:#1f252b}
    #evZoomReset{min-width:58px;font-size:12px;font-weight:600}
    .ev-stage{inset:14px 52px 14px 52px}
    .ev-stage-scroll{
        padding:2px 12px;perspective-origin:50% 50%;
    }
    .ev-spread{filter:drop-shadow(0 28px 34px rgba(0,0,0,.26))}
    .ev-page-shell.is-left{box-shadow:inset -24px 0 30px -24px rgba(0,0,0,.34)}
    .ev-page-shell.is-right{box-shadow:inset 24px 0 30px -24px rgba(0,0,0,.34)}
    .ev-page-shell.is-single{box-shadow:0 8px 18px rgba(0,0,0,.14)}
    .ev-nav{
        width:62px;height:94px;margin-top:-47px;border-radius:0;background:none;
        color:rgba(26,31,36,.64);backdrop-filter:none;-webkit-backdrop-filter:none
    }
    .ev-nav:hover{background:none;color:rgba(26,31,36,.92)}
    .ev-nav span{font-size:68px;font-weight:300}
    .ev-nav-prev{left:8px}
    .ev-nav-next{right:8px}
    .ev-bottombar{
        position:fixed;left:50%;transform:translateX(-50%);bottom:16px;right:auto;z-index:58;
        width:min(420px,calc(100vw - 220px));height:42px;padding:0 12px;gap:10px;
        background:rgba(255,255,255,.82);border:1px solid rgba(0,0,0,.08);border-radius:999px;
        box-shadow:0 10px 22px rgba(0,0,0,.10)
    }
    .ev-bottombar button{
        width:28px;height:28px;background:rgba(0,0,0,.05);color:#1f252b;border-radius:50%;font-size:20px
    }
    .ev-bottombar input{accent-color:#2d3339}
    .ev-thumbs{
        left:auto;right:0;transform:translateX(100%);border-right:0;border-left:1px solid rgba(255,255,255,.1);
        box-shadow:-18px 0 30px rgba(0,0,0,.24)
    }
    .ev-thumbs.is-open{transform:translateX(0)}
}


/* StPageFlip 2.0.7 desktop engine integration */
.stf__parent{position:relative;display:block;box-sizing:border-box;transform:translateZ(0);-ms-touch-action:pan-y;touch-action:pan-y}
.stf__wrapper{position:relative;width:100%;box-sizing:border-box}
.stf__parent canvas{position:absolute;width:100%;height:100%;left:0;top:0}
.stf__block{position:absolute;width:100%;height:100%;box-sizing:border-box;perspective:2000px}
.stf__item{display:none;position:absolute;transform-style:preserve-3d}
.stf__outerShadow,.stf__innerShadow,.stf__hardShadow,.stf__hardInnerShadow{position:absolute;left:0;top:0}
.ev-desktop-book{display:none}

@media(min-width:901px){
    .ev-desktop-book{
        display:block;position:absolute;inset:0;z-index:8;transform-origin:50% 50%;
        transition:transform .18s ease;will-change:transform
    }
    .ev-desktop-book .stf__wrapper{filter:none}
    .ev-desktop-book canvas{cursor:grab}
    .ev-desktop-book canvas:active{cursor:grabbing}
    .ev-spread,.ev-flip-layer{display:none}
    .ev-stage.is-zoomed .ev-desktop-book canvas{pointer-events:none}
    .ev-stage.is-panning .ev-desktop-book{transition:none!important}
}

@media(max-width:900px){
    .ev-desktop-book{display:none!important}
    .ev-spread{display:flex}
    .ev-flip-layer{display:block}
}


/* v9 final: larger desktop book and clean first-cover edge */
@media(min-width:901px){
    .ev-desktop-book{inset:1% 1% 4.5%;}
    .ev-desktop-book.is-single-page-view .stf__wrapper{filter:none}
    .ev-desktop-book.is-first-cover-view .stf__wrapper{filter:none}
    .ev-desktop-book.is-first-cover-view .stf__outerShadow,
    .ev-desktop-book.is-first-cover-view .stf__innerShadow,
    .ev-desktop-book.is-first-cover-view .stf__hardShadow,
    .ev-desktop-book.is-first-cover-view .stf__hardInnerShadow{opacity:0!important}
}


/* v9 final fix 2: first-cover drag clipping + bottom page counter placement */
@media(min-width:901px){
    .ev-desktop-book.is-first-cover-folding{
        overflow:hidden;
    }
    .ev-desktop-book.is-first-cover-folding .stf__outerShadow,
    .ev-desktop-book.is-first-cover-folding .stf__innerShadow,
    .ev-desktop-book.is-first-cover-folding .stf__hardShadow,
    .ev-desktop-book.is-first-cover-folding .stf__hardInnerShadow{
        opacity:0!important;
    }
    .ev-bottombar{
        width:min(520px,calc(100vw - 220px));
        padding:0 12px 0 12px;
    }
    .ev-bottombar .ev-page-status{
        position:static;
        left:auto;
        bottom:auto;
        transform:none;
        flex:0 0 auto;
        margin-left:4px;
        padding:5px 12px;
        min-width:58px;
        text-align:center;
        border-radius:999px;
        background:rgba(22,26,31,.86);
        color:#fff;
        font-size:13px;
        font-weight:700;
        line-height:1.2;
        letter-spacing:.01em;
        box-shadow:none;
        border:0;
        pointer-events:none;
        white-space:nowrap;
    }
}


/* v9 final fix 3: keep first-cover left blank page hidden even on corner hover */
@media(min-width:901px){
    .ev-desktop-book.is-first-cover-view,
    .ev-desktop-book.is-first-cover-folding{
        overflow:hidden;
    }
    .ev-desktop-book.is-first-cover-view .stf__item.--left,
    .ev-desktop-book.is-first-cover-folding .stf__item.--left{
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }
}


/* background upload final overrides */
.ev-app{background-color:#323232;background-position:center center;background-size:cover;background-repeat:no-repeat}
@media(min-width:901px){
    .ev-body{background:#323232}
    .ev-app{background-color:#323232}
    .ev-desktop-book .stf__wrapper,
    .ev-desktop-book.is-single-page-view .stf__wrapper,
    .ev-desktop-book.is-first-cover-view .stf__wrapper{filter:none!important}
}


/* edge-page final: remove inner shadows and hide blank opposite pages */
@media(min-width:901px){
    .ev-desktop-book.is-first-cover-view,
    .ev-desktop-book.is-first-cover-folding,
    .ev-desktop-book.is-last-page-view,
    .ev-desktop-book.is-last-page-folding{
        overflow:hidden;
    }
    .ev-desktop-book.is-first-cover-view .stf__outerShadow,
    .ev-desktop-book.is-first-cover-view .stf__innerShadow,
    .ev-desktop-book.is-first-cover-view .stf__hardShadow,
    .ev-desktop-book.is-first-cover-view .stf__hardInnerShadow,
    .ev-desktop-book.is-first-cover-folding .stf__outerShadow,
    .ev-desktop-book.is-first-cover-folding .stf__innerShadow,
    .ev-desktop-book.is-first-cover-folding .stf__hardShadow,
    .ev-desktop-book.is-first-cover-folding .stf__hardInnerShadow,
    .ev-desktop-book.is-last-page-view .stf__outerShadow,
    .ev-desktop-book.is-last-page-view .stf__innerShadow,
    .ev-desktop-book.is-last-page-view .stf__hardShadow,
    .ev-desktop-book.is-last-page-view .stf__hardInnerShadow,
    .ev-desktop-book.is-last-page-folding .stf__outerShadow,
    .ev-desktop-book.is-last-page-folding .stf__innerShadow,
    .ev-desktop-book.is-last-page-folding .stf__hardShadow,
    .ev-desktop-book.is-last-page-folding .stf__hardInnerShadow{
        opacity:0!important;
        display:none!important;
    }
    .ev-desktop-book.is-first-cover-view .stf__item.--left,
    .ev-desktop-book.is-first-cover-folding .stf__item.--left,
    .ev-desktop-book.is-last-page-view .stf__item.--right,
    .ev-desktop-book.is-last-page-folding .stf__item.--right{
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }
    .ev-desktop-book.is-first-cover-view .stf__wrapper,
    .ev-desktop-book.is-first-cover-folding .stf__wrapper,
    .ev-desktop-book.is-last-page-view .stf__wrapper,
    .ev-desktop-book.is-last-page-folding .stf__wrapper{
        filter:none!important;
    }
}


/* display mode: single page */
@media(min-width:901px){
    .ev-mode-single .ev-desktop-book.is-page-mode-single{
        inset:auto;
        transform-origin:50% 50%;
    }
    .ev-mode-single .ev-desktop-book.is-page-mode-single .stf__wrapper{
        filter:none!important;
    }
}


/* display mode fix: force a true centered single-page canvas */
@media(min-width:901px){
    .ev-mode-single .ev-desktop-book.is-page-mode-single{
        overflow:hidden;
        box-sizing:border-box;
    }
    .ev-mode-single .ev-desktop-book.is-page-mode-single .stf__wrapper{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
    }
    .ev-mode-single .ev-desktop-book.is-page-mode-single .stf__wrapper.--portrait{
        left:0!important;
        right:0!important;
    }
}


/* single-page center fix: position by actual rendered page bounds */
@media(min-width:901px){
    .ev-mode-single .ev-desktop-book.is-page-mode-single{
        inset:auto!important;
        overflow:visible;
        margin:0!important;
    }
    .ev-mode-single .ev-desktop-book.is-page-mode-single .stf__wrapper{
        margin:0!important;
    }
}


/* fullscreen single-page stability */
.ev-app:fullscreen,
.ev-app:-webkit-full-screen{
    width:100vw;
    height:100vh;
    min-width:100vw;
    min-height:100vh;
    background-color:#323232;
}
.ev-app:fullscreen .ev-stage,
.ev-app:-webkit-full-screen .ev-stage{
    width:auto;
    height:auto;
}


/* fullscreen single-page visibility/race safety */
@media(min-width:901px){
    .ev-app.ev-mode-single:fullscreen .ev-stage-scroll,
    .ev-app.ev-mode-single:-webkit-full-screen .ev-stage-scroll{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
    }
    .ev-app.ev-mode-single:fullscreen .ev-desktop-book.is-page-mode-single,
    .ev-app.ev-mode-single:-webkit-full-screen .ev-desktop-book.is-page-mode-single{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        z-index:8!important;
    }
    .ev-app.ev-mode-single:fullscreen .ev-desktop-book.is-page-mode-single .stf__wrapper,
    .ev-app.ev-mode-single:fullscreen .ev-desktop-book.is-page-mode-single canvas,
    .ev-app.ev-mode-single:-webkit-full-screen .ev-desktop-book.is-page-mode-single .stf__wrapper,
    .ev-app.ev-mode-single:-webkit-full-screen .ev-desktop-book.is-page-mode-single canvas{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
    }
}


/* fullscreen single-page final: preserve the existing canvas instead of rebuilding it */
@media(min-width:901px){
    .ev-app.ev-mode-single:fullscreen .ev-desktop-book.is-page-mode-single,
    .ev-app.ev-mode-single:-webkit-full-screen .ev-desktop-book.is-page-mode-single{
        position:absolute!important;
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        overflow:visible!important;
    }
    .ev-app.ev-mode-single:fullscreen .ev-desktop-book.is-page-mode-single .stf__wrapper,
    .ev-app.ev-mode-single:fullscreen .ev-desktop-book.is-page-mode-single canvas,
    .ev-app.ev-mode-single:-webkit-full-screen .ev-desktop-book.is-page-mode-single .stf__wrapper,
    .ev-app.ev-mode-single:-webkit-full-screen .ev-desktop-book.is-page-mode-single canvas{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
    }
}


/* mode7: keep every single page on one fixed fullscreen centre axis */
@media(min-width:901px){
    .ev-mode-single .ev-desktop-book.is-page-mode-single,
    .ev-app.ev-mode-single:fullscreen .ev-desktop-book.is-page-mode-single,
    .ev-app.ev-mode-single:-webkit-full-screen .ev-desktop-book.is-page-mode-single{
        position:absolute!important;
        right:auto!important;
        bottom:auto!important;
        transform-origin:50% 50%!important;
    }
}


/* mobile controls: disable viewer zoom and fullscreen */
@media(max-width:900px){
    #evZoomOut,
    #evZoomReset,
    #evZoomIn,
    #evFullscreen{display:none!important}
}

/* PC stage alignment */
@media(min-width:901px){
    .ev-stage-scroll{
        align-items:center;
    }
}

/* PC responsive single-page stability */
@media(min-width:901px){
    .ev-stage-scroll{
        align-items:center!important;
    }
    .ev-mode-single .ev-desktop-book.is-page-mode-single{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        transform-origin:50% 50%!important;
    }
    .ev-mode-single .ev-desktop-book.is-page-mode-single .stf__wrapper,
    .ev-mode-single .ev-desktop-book.is-page-mode-single canvas{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
    }
}

/* PC bottom bar position */
@media(min-width:901px){
    .ev-bottombar{
        bottom:8px;
    }
}