:root{--bg:#0b0704;--surface:#180f09;--wood:#3b1f10;--paper:#e6cd91;--paper2:#fff0bd;--paper3:#c9a260;--ink:#181008;--gold:#d6a928;--gold2:#f1c95a;--line:rgba(55,34,12,.52);--shadow:rgba(0,0,0,.66);--promo:#cf332a;--cream:#fff5d7;--muted:#cdbb8a;--ui:#080604}body[data-theme=light]{--bg:#f2e4c8;--surface:#fff4d9;--wood:#8b5d31;--paper:#f1d8a0;--paper2:#fff5ce;--paper3:#c99f55;--ink:#1a1209;--gold:#c79519;--line:rgba(80,50,20,.38);--shadow:rgba(76,45,15,.35);--cream:#211407;--muted:#6e5428;--ui:#fff1c9}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 50% 10%,rgba(214,169,40,.14),transparent 38%),var(--bg);color:var(--cream)}button,input,textarea,select{font:inherit}a{color:inherit}.topbar{height:76px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(255,237,190,.1),rgba(0,0,0,.16));border-bottom:1px solid rgba(214,169,40,.22);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:14px}.logo{width:52px;height:52px;border:2px solid var(--gold);border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:30px;color:var(--gold);box-shadow:inset 0 0 18px rgba(214,169,40,.2)}.brand h1{margin:0;font-size:24px;color:#51a4d5;line-height:1}.brand span{font-size:13px;color:var(--muted)}.nav{display:flex;gap:20px;align-items:center}.nav button,.nav a{background:transparent;border:0;color:var(--cream);font-weight:800;text-decoration:none;font-size:15px;cursor:pointer}.nav .cta{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#211407;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:12px 18px}.theme-toggle{border-radius:999px!important;background:linear-gradient(180deg,var(--gold2),var(--gold))!important;color:#211407!important;padding:10px 18px}.stage{min-height:calc(100vh - 76px);padding:30px 28px 120px;background:linear-gradient(180deg,rgba(80,38,15,.86),rgba(12,7,4,.96)),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 90px);position:relative;overflow:hidden}.magazine-shell{max-width:1480px;margin:0 auto;position:relative}.book-wrap{position:relative;margin:0 auto;width:min(1240px,calc(100vw - 130px));aspect-ratio:1.72;perspective:2500px}.book{position:absolute;inset:0;filter:drop-shadow(0 42px 32px var(--shadow));transform:rotateX(3deg);transform-style:preserve-3d}.book:before{content:"";position:absolute;inset:4% -2% -5%;background:radial-gradient(ellipse at 50% 54%,rgba(0,0,0,.64),transparent 68%);transform:translateZ(-120px);z-index:-5}.spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;opacity:0;pointer-events:none;transform-style:preserve-3d;transition:opacity .18s ease}.spread.is-active{opacity:1;pointer-events:auto}.page{position:relative;overflow:hidden;background:radial-gradient(circle at 45% -8%,rgba(255,255,255,.52),transparent 42%),linear-gradient(90deg,var(--paper2),var(--paper) 12%,var(--paper) 88%,var(--paper3));color:var(--ink);border:1px solid rgba(74,48,17,.42);box-shadow:inset 0 0 34px rgba(92,59,22,.22),inset 0 0 0 18px rgba(255,240,190,.08);padding:28px 28px 34px}.page:before{content:"";position:absolute;inset:18px;border:1px solid rgba(70,44,16,.34);box-shadow:inset 0 0 20px rgba(255,255,255,.08);z-index:2;pointer-events:none}.page:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(0,0,0,.016) 0 1px,transparent 1px 5px);mix-blend-mode:multiply;pointer-events:none;z-index:1}.page.left{border-radius:11px 0 0 11px;box-shadow:inset -58px 0 48px rgba(54,35,17,.32),inset 0 0 42px rgba(90,55,17,.18)}.page.right{border-radius:0 11px 11px 0;box-shadow:inset 58px 0 48px rgba(54,35,17,.28),inset 0 0 42px rgba(90,55,17,.18)}.page-safe-area{position:relative;z-index:3;height:100%;display:grid;grid-template-rows:auto 1fr;gap:8px}.page-head{min-height:64px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:rgba(33,20,7,.64);font-size:13px}.page-title{font-family:Impact,'Arial Black','Arial Narrow',sans-serif;font-size:clamp(30px,3vw,52px);line-height:.9;text-transform:uppercase;margin:0;letter-spacing:.2px}.spine{position:absolute;left:50%;top:0;bottom:0;width:32px;transform:translateX(-50%);z-index:8;background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(255,242,190,.35),rgba(0,0,0,.58));box-shadow:0 0 30px rgba(0,0,0,.76),inset 0 0 14px rgba(255,231,165,.28);pointer-events:none}.stack-left,.stack-right{position:absolute;top:2.5%;bottom:2.5%;width:44px;background:repeating-linear-gradient(90deg,#d7be82 0 3px,#f6e6b2 3px 5px,#b28c48 5px 6px);border-radius:10px;z-index:-1;box-shadow:0 12px 18px rgba(0,0,0,.45)}.stack-left{left:-36px}.stack-right{right:-36px}.tabs{position:absolute;top:58px;display:flex;flex-direction:column;gap:8px;z-index:4}.tabs.left{left:-83px}.tabs.right{right:-83px}.tab{width:88px;height:50px;border-radius:8px 13px 13px 8px;background:var(--tab-color);color:#fff;font-size:11px;text-transform:uppercase;font-weight:900;display:grid;place-items:center;text-shadow:0 1px 2px rgba(0,0,0,.45);box-shadow:0 7px 10px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.28);border:1px solid rgba(0,0,0,.28)}.tabs.right .tab{border-radius:13px 8px 8px 13px}.editorial-grid{position:relative;z-index:2;display:grid;height:100%;gap:0;border:2px solid var(--line);background:rgba(255,250,230,.14);min-height:0}.product-card{position:relative;overflow:hidden;border-right:2px solid var(--line);border-bottom:2px solid var(--line);padding:10px;background:rgba(255,243,205,.16);display:grid;gap:10px;grid-template-columns:48% 1fr;grid-template-rows:1fr;min-height:0}.product-card:nth-last-child(1){border-bottom:0}.product-card:hover{background:rgba(255,248,215,.28)}.product-media{min-height:0;overflow:hidden;border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.18)}.product-media img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.18) contrast(1.02) saturate(.94)}.product-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.product-card h3{font-family:Impact,'Arial Black','Arial Narrow',sans-serif;text-transform:uppercase;margin:0;font-size:clamp(15px,1.25vw,24px);line-height:1}.product-card p{margin:0;font-size:clamp(10px,.82vw,15px);line-height:1.15}.merchant{font-weight:800;opacity:.68}.price-row{margin-top:auto}.price{display:block;font-family:Impact,'Arial Black','Arial Narrow',sans-serif;font-size:clamp(25px,2vw,42px);line-height:.85}.old-price{display:inline-block;text-decoration:line-through;text-decoration-thickness:3px;color:#8b201a;font-weight:900;margin-bottom:3px}.badge{display:inline-block;background:var(--promo);color:#fff;padding:4px 10px;font-weight:900;font-size:13px;box-shadow:2px 2px 0 rgba(0,0,0,.18)}.discount{position:absolute;right:12px;top:12px;background:#f7d346;color:#9e2019;font-family:Impact,'Arial Black';font-size:20px;transform:rotate(8deg);padding:8px;border:2px solid #9e2019;z-index:3}.card-link{position:absolute;inset:0;z-index:10}.cards-1{grid-template-columns:1fr}.cards-1 .product-card{grid-template-columns:63% 1fr}.cards-1 .product-card h3{font-size:clamp(28px,3vw,56px)}.cards-1 .product-card p{font-size:clamp(14px,1.1vw,20px)}.cards-2{grid-template-rows:1fr 1fr}.cards-2 .product-card{border-right:0}.cards-3{grid-template-columns:1.18fr .9fr;grid-template-rows:1fr 1fr}.cards-3 .product-card:first-child{grid-row:1/3}.cards-3 .product-card:first-child h3{font-size:clamp(24px,2vw,40px)}.cards-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.cards-5{grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:1fr 1fr 1fr}.cards-5 .product-card:first-child{grid-row:1/3;grid-column:1/3}.cards-5 .product-card:first-child h3{font-size:clamp(22px,1.8vw,38px)}.cards-5 .product-card:not(:first-child){grid-template-columns:1fr}.cards-5 .product-card:not(:first-child) .product-media{height:58%}.cards-5 .product-card:not(:first-child) p{display:none}.empty-page-card{display:grid;place-items:center;text-align:center;color:rgba(30,18,6,.5);font-weight:900}.empty-page-card span{display:block;font-size:13px;margin-top:6px}.folio{position:absolute;left:42px;right:42px;bottom:13px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:rgba(39,25,8,.78);z-index:3}.controls{position:fixed;left:0;right:0;bottom:0;height:94px;background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.84));border-top:1px solid rgba(214,169,40,.25);display:grid;grid-template-columns:220px 1fr 116px 220px;align-items:center;gap:22px;padding:18px 36px;z-index:30}.ctrl-btn{height:52px;border:1px solid rgba(214,169,40,.5);background:rgba(255,234,180,.12);color:#fff5d7;border-radius:12px;font-weight:900;cursor:pointer}.ctrl-btn:disabled{opacity:.45;cursor:not-allowed}.ctrl-next{background:linear-gradient(180deg,var(--paper2),#cdb383);color:#241608}.pager{text-align:center;font-weight:900;color:#fff5d7}.range{height:4px;background:rgba(255,255,255,.22);border-radius:999px;position:relative;margin-top:10px}.range i{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#ffd866,#c99a13);box-shadow:0 3px 8px rgba(0,0,0,.55)}.view-buttons{display:flex;gap:8px;justify-content:center}.view-btn{width:46px;height:42px;border-radius:8px;border:1px solid rgba(214,169,40,.4);background:rgba(255,234,180,.1);color:#fff5d7}.view-btn.is-active{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#211407}.flip-page{position:absolute;top:0;bottom:0;width:50%;z-index:15;background:linear-gradient(90deg,var(--paper2),var(--paper));box-shadow:0 22px 46px rgba(0,0,0,.46);transform-style:preserve-3d;display:none;pointer-events:none}.flip-page.active{display:block}.flip-page.right{right:0;transform-origin:left center}.flip-page.left{left:0;transform-origin:right center}.admin-layout{display:grid;grid-template-columns:340px 1fr;min-height:100vh;background:#0f0905;color:#fff}.side{background:#160d08;border-right:1px solid rgba(214,169,40,.28);padding:22px;position:sticky;top:0;height:100vh;overflow:auto}.main{padding:22px}.panel{background:#20140d;border:1px solid rgba(214,169,40,.25);border-radius:16px;padding:18px;margin-bottom:18px}.field{display:grid;gap:6px;margin-bottom:10px}.field input,.field textarea,.field select{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(214,169,40,.4);background:#0f0905;color:#fff}.field textarea{min-height:82px;resize:vertical}.save{background:linear-gradient(180deg,var(--gold2),var(--gold));border:0;border-radius:10px;padding:12px 16px;font-weight:900;color:#211407;cursor:pointer}.delete{background:#d33b2f!important;color:#fff!important}.editor-preview-frame{height:620px;overflow:auto;border:1px solid rgba(214,169,40,.35);border-radius:16px;background:linear-gradient(180deg,rgba(80,38,15,.86),rgba(12,7,4,.96));padding:22px}.editor-preview-frame .book-wrap{width:min(100%,980px)}.editor-preview-frame .tabs{display:none}.editor-preview-frame .book{transform:none}.card-list{display:grid;gap:10px}.mini-card{border:1px solid rgba(214,169,40,.25);border-radius:12px;padding:10px;background:#120b06}.mini-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.page-list a{display:block;padding:9px 10px;border-radius:10px;text-decoration:none;color:#fff;margin-bottom:6px;background:rgba(255,255,255,.04)}.page-list a.is-active{background:rgba(214,169,40,.22);border:1px solid rgba(214,169,40,.34)}.login{min-height:100vh;display:grid;place-items:center;background:#0f0905}.login form{width:360px;background:#21140c;border:1px solid rgba(214,169,40,.35);border-radius:18px;padding:24px;color:#fff}.login input{width:100%;padding:12px;margin:8px 0;border-radius:10px;border:1px solid rgba(214,169,40,.4);background:#100905;color:#fff}.login button{width:100%;padding:12px;border:0;border-radius:10px;background:var(--gold);font-weight:900}@media(max-width:1100px){.book-wrap{width:calc(100vw - 40px)}.tabs{display:none}.controls{grid-template-columns:1fr;position:static;height:auto}.stage{padding-bottom:24px}.nav{gap:12px}.nav a:nth-child(n+3){display:none}.admin-layout{grid-template-columns:1fr}.side{position:relative;height:auto}.mini-card-grid{grid-template-columns:1fr}}@media(max-width:760px){.topbar{height:auto;padding:14px;align-items:flex-start}.brand h1{font-size:18px}.book-wrap{aspect-ratio:.76}.spread{grid-template-columns:1fr}.page.right{display:none}.page.left{border-radius:10px}.spine{display:none}.product-card{grid-template-columns:1fr}.product-media{height:160px}.cards-5,.cards-4,.cards-3,.cards-2{grid-template-columns:1fr;grid-template-rows:repeat(5,auto)}.page{padding:22px}.page-title{font-size:30px}}

/* v1.2.0 realistic 1980s magazine navigation layer */
.book-wrap{isolation:isolate;cursor:default}.book-wrap:before,.book-wrap:after{content:"";position:absolute;top:6%;bottom:6%;width:9%;z-index:12;pointer-events:none;opacity:.28;transition:opacity .2s ease}.book-wrap:before{left:0;background:linear-gradient(90deg,rgba(214,169,40,.32),transparent)}.book-wrap:after{right:0;background:linear-gradient(270deg,rgba(214,169,40,.32),transparent)}.book-wrap:hover:before,.book-wrap:hover:after{opacity:.48}.magazine-shell.is-dragging .spread.is-active,.magazine-shell.is-flipping .spread.is-active{filter:brightness(.96)}
.page{background:radial-gradient(circle at 48% 0%,rgba(255,255,255,.46),transparent 38%),radial-gradient(circle at 82% 82%,rgba(126,80,25,.17),transparent 42%),linear-gradient(90deg,var(--paper2),var(--paper) 18%,#e1c382 52%,var(--paper) 82%,var(--paper3));}.page.left{transform-origin:right center}.page.right{transform-origin:left center}.page.left .editorial-grid{box-shadow:inset -18px 0 22px rgba(59,36,13,.13)}.page.right .editorial-grid{box-shadow:inset 18px 0 22px rgba(59,36,13,.12)}.page-title{text-shadow:1px 1px 0 rgba(255,239,181,.22)}
.stack-left,.stack-right{--stack-progress:1;transform:scaleX(calc(.72 + var(--stack-progress) * .28));opacity:calc(.58 + var(--stack-progress) * .42)}.stack-left{transform-origin:right center}.stack-right{transform-origin:left center}.spine:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:rgba(255,236,173,.34);box-shadow:0 0 14px rgba(255,219,119,.45)}
.flip-sheet{position:absolute;top:0;bottom:0;width:50%;z-index:22;transform-style:preserve-3d;pointer-events:none;--p:0;--shade:0;filter:drop-shadow(0 calc(18px + 26px * var(--shade)) calc(28px + 38px * var(--shade)) rgba(0,0,0,.6))}.flip-sheet.flip-next{right:0;transform-origin:left center}.flip-sheet.flip-prev{left:0;transform-origin:right center}.flip-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden}.flip-face .page{width:100%;height:100%;border-radius:0 11px 11px 0}.flip-prev .flip-face .page{border-radius:11px 0 0 11px}.flip-back{transform:rotateY(180deg);background:linear-gradient(90deg,#b8924f,#ead49b 20%,#fff0bd 55%,#c9a260);border:1px solid rgba(74,48,17,.42)}.flip-paper-back{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.018) 0 1px,transparent 1px 5px),radial-gradient(circle at 48% 10%,rgba(255,255,255,.42),transparent 38%),linear-gradient(90deg,rgba(255,255,255,.32),rgba(0,0,0,.18));box-shadow:inset 0 0 48px rgba(64,40,16,.28)}.flip-glint{position:absolute;top:0;bottom:0;width:18%;right:0;background:linear-gradient(90deg,transparent,rgba(255,246,205,.62),transparent);opacity:calc(.18 + .45 * var(--shade));filter:blur(2px);transform:translateZ(3px);}.flip-prev .flip-glint{left:0;right:auto}.flip-shadow{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,calc(.10 + .36 * var(--shade))),transparent 32%,rgba(0,0,0,calc(.06 + .22 * var(--shade))));mix-blend-mode:multiply;transform:translateZ(4px);opacity:.9}.flip-prev .flip-shadow{background:linear-gradient(270deg,rgba(0,0,0,calc(.10 + .36 * var(--shade))),transparent 32%,rgba(0,0,0,calc(.06 + .22 * var(--shade))))}
.product-card{transition:background .15s ease, transform .15s ease}.product-card:focus-within,.product-card:hover{transform:translateY(-1px)}.cards-5 .product-card:first-child{grid-template-columns:58% 1fr}.cards-4 .product-card{grid-template-columns:52% 1fr}.cards-3 .product-card:first-child{grid-template-columns:62% 1fr}.cards-3 .product-card:not(:first-child){grid-template-columns:1fr}.cards-3 .product-card:not(:first-child) .product-media{height:55%}.cards-3 .product-card:not(:first-child) p{font-size:12px}.editor-preview-frame .book-wrap:before,.editor-preview-frame .book-wrap:after{display:none}.editor-preview-frame .flip-sheet{display:none!important}.editor-preview-frame .book-wrap{cursor:default}.admin-layout .card-link{display:none!important}
@media(max-width:760px){.flip-sheet{width:100%}.flip-sheet.flip-next,.flip-sheet.flip-prev{left:0;right:0;transform-origin:left center}.book-wrap:before,.book-wrap:after{display:none}.controls{display:grid;grid-template-columns:1fr;gap:12px}.ctrl-btn{width:100%}}

/* v1.2.1 visible physical page flip layer */
.book-wrap{touch-action:pan-y;}
.book-wrap:before,.book-wrap:after{z-index:40;opacity:.42;}
.book-wrap:before{background:linear-gradient(90deg,rgba(255,215,92,.55),rgba(255,215,92,.10),transparent 80%)}
.book-wrap:after{background:linear-gradient(270deg,rgba(255,215,92,.55),rgba(255,215,92,.10),transparent 80%)}
.magazine-shell:not(.is-editor-preview) .book-wrap:hover{cursor:grab}
.magazine-shell.is-dragging .book-wrap{cursor:grabbing}
.spread{backface-visibility:hidden;}
.spread[aria-hidden="true"]{visibility:hidden;}
.spread.is-active{visibility:visible;}
.magazine-shell.is-flipping .spread.is-active{filter:brightness(.78) saturate(.94);transition:filter .12s ease;}
.flip-sheet{position:absolute;top:0;bottom:0;width:50%;z-index:100;transform-style:preserve-3d;pointer-events:none;--p:0;--shade:0;filter:drop-shadow(0 calc(18px + 42px * var(--shade)) calc(24px + 58px * var(--shade)) rgba(0,0,0,.72));}
.flip-sheet.flip-next{right:0;transform-origin:left center;}
.flip-sheet.flip-prev{left:0;transform-origin:right center;}
.flip-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;background:var(--paper);}
.flip-front{z-index:2;}
.flip-back{transform:rotateY(180deg);z-index:1;}
.flip-sheet .page{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;transform:none!important;box-shadow:inset 0 0 42px rgba(65,41,16,.26)!important;}
.flip-next .flip-sheet .page,.flip-next .page{border-radius:0 12px 12px 0;}
.flip-prev .flip-sheet .page,.flip-prev .page{border-radius:12px 0 0 12px;}
.flip-back:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(255,245,205,.16) 42%,rgba(0,0,0,.18));mix-blend-mode:multiply;pointer-events:none;}
.flip-glint{position:absolute;top:0;bottom:0;width:22%;right:0;z-index:5;background:linear-gradient(90deg,transparent,rgba(255,250,215,.78),transparent);opacity:calc(.18 + .58 * var(--shade));filter:blur(1.5px);transform:translateZ(8px);}
.flip-prev .flip-glint{left:0;right:auto;}
.flip-shadow{position:absolute;inset:0;z-index:6;transform:translateZ(9px);background:linear-gradient(90deg,rgba(0,0,0,calc(.14 + .42 * var(--shade))),transparent 38%,rgba(0,0,0,calc(.08 + .28 * var(--shade))));mix-blend-mode:multiply;opacity:.95;}
.flip-prev .flip-shadow{background:linear-gradient(270deg,rgba(0,0,0,calc(.14 + .42 * var(--shade))),transparent 38%,rgba(0,0,0,calc(.08 + .28 * var(--shade))));}
.flip-curl{position:absolute;top:0;bottom:0;width:9%;right:-1px;z-index:7;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),rgba(72,44,15,.22));opacity:calc(.22 + .55 * var(--shade));transform:translateZ(12px);}
.flip-prev .flip-curl{left:-1px;right:auto;transform:translateZ(12px) scaleX(-1);}
.stack-left,.stack-right{transition:transform .35s ease, opacity .35s ease;}
.stack-left{transform:translateX(calc(-10px + 22px * var(--stack-progress,0)));}
.stack-right{transform:translateX(calc(10px - 22px * var(--stack-progress,1)));}
.editor-preview-frame .book-wrap{touch-action:auto!important;}
.editor-preview-frame .book-wrap:before,.editor-preview-frame .book-wrap:after,.editor-preview-frame .flip-sheet{display:none!important;}

/* v1.2.2 more physical page-flip: deeper lift, bend ribs, moving contact shadow */
.flip-sheet{transform-style:preserve-3d!important;will-change:transform,filter;filter:drop-shadow(0 calc(20px + 54px * var(--shade)) calc(30px + 72px * var(--shade)) rgba(0,0,0,.78))!important;}
.flip-under-shadow{position:absolute;inset:5% -4% -7%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 70%,rgba(0,0,0,calc(.16 + .48 * var(--shade))),rgba(0,0,0,calc(.08 + .20 * var(--shade))) 38%,transparent 72%);filter:blur(calc(10px + 18px * var(--shade)));transform:translateZ(-80px) scaleX(calc(.80 + .24 * var(--shade))) scaleY(calc(.82 + .18 * var(--shade)));opacity:calc(.32 + .60 * var(--shade));}
.flip-face{box-shadow:inset calc(var(--curl) * 1px) 0 calc(18px + var(--bow) * .6px) rgba(255,255,255,.24),inset calc(var(--curl) * -1.8px) 0 calc(26px + var(--bow) * .7px) rgba(58,35,12,.36);}
.flip-front{transform:translateZ(1.6px) rotateY(calc(var(--curl) * .10deg));}
.flip-back{transform:rotateY(180deg) translateZ(1.2px) rotateY(calc(var(--curl) * -.08deg));}
.flip-bend-map{position:absolute;inset:0;z-index:4;pointer-events:none;transform-style:preserve-3d;overflow:hidden;mix-blend-mode:multiply;}
.flip-bend-map i{position:absolute;top:0;bottom:0;width:14.4%;background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(255,255,255,.13),rgba(0,0,0,.10));border-left:1px solid rgba(255,247,215,.14);border-right:1px solid rgba(45,28,8,.12);transform-origin:left center;opacity:.12;filter:blur(.2px);}
.flip-bend-map i:nth-child(1){left:0}.flip-bend-map i:nth-child(2){left:14.28%}.flip-bend-map i:nth-child(3){left:28.56%}.flip-bend-map i:nth-child(4){left:42.84%}.flip-bend-map i:nth-child(5){left:57.12%}.flip-bend-map i:nth-child(6){left:71.4%}.flip-bend-map i:nth-child(7){left:85.68%}
.flip-prev .flip-bend-map i{transform-origin:right center;}
.flip-edge{position:absolute;top:-.2%;bottom:-.2%;right:-3px;width:8px;z-index:10;background:linear-gradient(90deg,rgba(85,54,18,.18),rgba(255,245,205,.78),rgba(90,56,18,.42));box-shadow:-8px 0 18px rgba(255,244,205,calc(.10 + .22 * var(--shade))),8px 0 28px rgba(0,0,0,calc(.16 + .28 * var(--shade)));opacity:calc(.42 + .52 * var(--shade));transform:translateZ(18px);}
.flip-prev .flip-edge{left:-3px;right:auto;}
.flip-curl{width:15%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.74) 34%,rgba(130,83,28,.32) 72%,rgba(0,0,0,.18))!important;filter:blur(.35px);}
.flip-glint{width:30%!important;opacity:calc(.12 + .72 * var(--shade))!important;}
.flip-shadow{background:linear-gradient(90deg,rgba(0,0,0,calc(.18 + .48 * var(--shade))),rgba(0,0,0,calc(.04 + .10 * var(--shade))) 30%,transparent 52%,rgba(0,0,0,calc(.11 + .32 * var(--shade))))!important;}
.flip-prev .flip-shadow{background:linear-gradient(270deg,rgba(0,0,0,calc(.18 + .48 * var(--shade))),rgba(0,0,0,calc(.04 + .10 * var(--shade))) 30%,transparent 52%,rgba(0,0,0,calc(.11 + .32 * var(--shade))))!important;}
.page.left{transform-origin:right center}.page.right{transform-origin:left center}
.magazine-shell.is-flipping .spine{box-shadow:0 0 42px rgba(0,0,0,.9),inset 0 0 22px rgba(255,231,165,.34);}


/* v1.2.3 hinge-safe page flip: prevents the page from looking torn at the spine */
.book.is-hinge-safe{}
.flip-sheet{
  transform-origin:0 50%!important;
  backface-visibility:hidden;
  outline:1px solid transparent;
  contain:layout paint;
}
.flip-sheet.flip-prev{transform-origin:100% 50%!important;}
.flip-sheet.flip-next{right:0!important;left:auto!important;}
.flip-sheet.flip-prev{left:0!important;right:auto!important;}
.flip-sheet::before{
  content:"";
  position:absolute;
  top:0;bottom:0;
  width:18px;
  z-index:12;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(24,13,5,.42),rgba(255,238,181,.24),rgba(0,0,0,.18));
  filter:blur(.15px);
}
.flip-sheet.flip-next::before{left:-2px;}
.flip-sheet.flip-prev::before{right:-2px;transform:scaleX(-1);}
.flip-sheet .flip-face{
  border-left:0!important;
  border-right:0!important;
}
.flip-sheet.flip-next .flip-front .page,
.flip-sheet.flip-next .flip-back .page{border-left:0!important;}
.flip-sheet.flip-prev .flip-front .page,
.flip-sheet.flip-prev .flip-back .page{border-right:0!important;}
.flip-bend-map{opacity:.55!important;}
.flip-bend-map i{transform-origin:center center!important;}
.flip-under-shadow{
  opacity:calc(.12 + .28 * var(--shade))!important;
  transform:none!important;
}
.spine{z-index:28!important;}
.magazine-shell.is-flipping .spine::after{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-10px;right:-10px;
  background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(255,231,166,.26),rgba(0,0,0,.52));
  box-shadow:0 0 24px rgba(0,0,0,.55);
  pointer-events:none;
}

/* v1.2.4 Kaufland-inspired leaflet flip: smoother digital-paper motion, no torn spine */
.magazine-shell.is-flipping .spread.is-active{filter:brightness(.88) saturate(.98)!important;transition:filter .14s linear!important;}
.book{perspective:2400px!important;transform-style:preserve-3d!important;}
.flip-sheet{position:absolute!important;top:0!important;bottom:0!important;width:50%!important;z-index:120!important;pointer-events:none!important;transform-style:preserve-3d!important;will-change:transform!important;filter:none!important;--p:0;--e:0;--wave:0;--lift:0;--bend:0;--shadow:0;}
.flip-sheet.flip-next{right:0!important;left:auto!important;transform-origin:0% 50%!important;}
.flip-sheet.flip-prev{left:0!important;right:auto!important;transform-origin:100% 50%!important;}
.flip-paper{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform,filter;filter:drop-shadow(0 calc(14px + 22px * var(--shadow)) calc(22px + 34px * var(--shadow)) rgba(0,0,0,calc(.34 + .24 * var(--shadow))));}
.flip-face{position:absolute!important;inset:0!important;overflow:hidden!important;backface-visibility:hidden!important;transform-style:preserve-3d!important;background:var(--paper)!important;border:1px solid rgba(82,52,19,.42)!important;box-shadow:inset 0 0 38px rgba(63,39,13,.20)!important;}
.flip-front{transform:translateZ(.8px)!important;z-index:2!important;}
.flip-back{transform:rotateY(180deg) translateZ(.8px)!important;z-index:1!important;}
.flip-sheet .page{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;transform:none!important;box-shadow:none!important;}
.flip-next .flip-face,.flip-next .page{border-radius:0 12px 12px 0!important;border-left:0!important;}
.flip-prev .flip-face,.flip-prev .page{border-radius:12px 0 0 12px!important;border-right:0!important;}
.kau-underpage{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(255,244,205,.12),rgba(0,0,0,.10));opacity:calc(.10 + .35 * var(--wave));transform:translateZ(-8px);}
.flip-contact-shadow{position:absolute;inset:5% -4% -8%;z-index:-2;background:radial-gradient(ellipse at calc(50% + (var(--e) - .5) * 70%) 73%,rgba(0,0,0,calc(.16 + .30 * var(--wave))),rgba(0,0,0,calc(.08 + .12 * var(--wave))) 38%,transparent 72%);filter:blur(calc(8px + 12px * var(--wave)));opacity:calc(.22 + .52 * var(--wave));transform:translateZ(-60px) scaleX(calc(.76 + .18 * var(--wave))) scaleY(calc(.80 + .08 * var(--wave)));}
.flip-paper-shade{position:absolute;inset:0;z-index:5;transform:translateZ(3px);pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,calc(.10 + .28 * var(--wave))) 0%,rgba(0,0,0,calc(.04 + .08 * var(--wave))) 16%,transparent 45%,rgba(255,250,219,calc(.06 + .22 * var(--wave))) 68%,rgba(0,0,0,calc(.08 + .18 * var(--wave))) 100%);mix-blend-mode:multiply;opacity:.92;}
.flip-prev .flip-paper-shade{background:linear-gradient(270deg,rgba(0,0,0,calc(.10 + .28 * var(--wave))) 0%,rgba(0,0,0,calc(.04 + .08 * var(--wave))) 16%,transparent 45%,rgba(255,250,219,calc(.06 + .22 * var(--wave))) 68%,rgba(0,0,0,calc(.08 + .18 * var(--wave))) 100%);}
.flip-fold{position:absolute;top:0;bottom:0;right:-1px;width:22%;z-index:7;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,250,218,calc(.10 + .30 * var(--wave))) 38%,rgba(73,45,15,calc(.08 + .22 * var(--wave))) 100%);opacity:calc(.25 + .55 * var(--wave));filter:blur(.35px);transform:translateZ(7px) scaleX(calc(1 + .05 * var(--wave)));}
.flip-prev .flip-fold{left:-1px;right:auto;transform:translateZ(7px) scaleX(calc(-1 - .05 * var(--wave)));}
.flip-edge{position:absolute;top:-.15%;bottom:-.15%;right:-2px;width:5px;z-index:10;pointer-events:none;background:linear-gradient(90deg,rgba(70,44,13,.2),rgba(255,250,221,.84),rgba(89,56,18,.30));box-shadow:0 0 calc(10px + 16px * var(--wave)) rgba(255,237,170,calc(.08 + .22 * var(--wave))),0 0 22px rgba(0,0,0,calc(.12 + .20 * var(--wave)));opacity:calc(.46 + .40 * var(--wave));transform:translateZ(11px);}
.flip-prev .flip-edge{left:-2px;right:auto;}
.flip-glint{position:absolute;top:0;bottom:0;width:18%;right:0;z-index:9;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,249,212,calc(.18 + .38 * var(--wave))),transparent);opacity:calc(.12 + .38 * var(--wave));filter:blur(1.2px);transform:translateZ(12px);}
.flip-prev .flip-glint{left:0;right:auto;}
.flip-spine-cover{position:absolute;top:-1px;bottom:-1px;width:18px;z-index:30;pointer-events:none;background:linear-gradient(90deg,rgba(27,16,6,.62),rgba(255,232,165,.22),rgba(27,16,6,.38));filter:blur(.25px);opacity:calc(.60 + .20 * var(--wave));transform:translateZ(16px);}
.flip-next .flip-spine-cover{left:-9px;}
.flip-prev .flip-spine-cover{right:-9px;transform:translateZ(16px) scaleX(-1);}
.flip-bend-map,.flip-under-shadow,.flip-curl,.flip-shadow{display:none!important;}
.magazine-shell.is-dragging .book-wrap{cursor:grabbing;}
.book-wrap:before,.book-wrap:after{width:18%;opacity:.20;}
.book-wrap:hover:before,.book-wrap:hover:after{opacity:.42;}
.magazine-shell.is-flipping .spine{z-index:140!important;box-shadow:0 0 34px rgba(0,0,0,.82),inset 0 0 18px rgba(255,231,165,.24)!important;}
.magazine-shell.is-flipping .spine:before{content:"";position:absolute;top:0;bottom:0;left:-8px;right:-8px;background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(255,230,160,.18),rgba(0,0,0,.38));pointer-events:none;}
.editor-preview-frame .flip-sheet,.editor-preview-frame .book-wrap:before,.editor-preview-frame .book-wrap:after{display:none!important;}
@media(max-width:760px){.flip-sheet{width:100%!important}.flip-sheet.flip-next,.flip-sheet.flip-prev{left:0!important;right:0!important;transform-origin:left center!important}.flip-spine-cover{display:none!important}}

/* v1.2.5 continuous leaflet motion: removes the visual pause at the middle of the flip */
.flip-sheet{--center-boost:0;transition:none!important;}
.flip-paper{transition:none!important;transform-style:preserve-3d!important;}
.flip-face{transition:none!important;}
.flip-front{opacity:calc(1 - max(0, (var(--p) - .46) * 18));}
.flip-back{opacity:calc(max(0, (var(--p) - .44) * 18));}
.flip-paper-shade{opacity:calc(.68 + .28 * var(--wave))!important;}
.flip-contact-shadow{opacity:calc(.16 + .48 * var(--wave))!important;filter:blur(calc(7px + 10px * var(--wave)))!important;}
.flip-fold{width:18%!important;opacity:calc(.18 + .46 * var(--wave))!important;}
.flip-edge{width:4px!important;opacity:calc(.38 + .36 * var(--wave))!important;}
.flip-glint{opacity:calc(.08 + .24 * var(--wave))!important;}
.magazine-shell.is-flipping .spread.is-active{filter:brightness(calc(1 - .10 * var(--center-boost))) saturate(.98)!important;}


/* v1.2.6 continuous hinge flip: no center dwell, no artificial front/back opacity crossfade */
.flip-front,.flip-back{opacity:1!important;}
.flip-sheet{perspective:2600px!important;transform-origin:inherit!important;}
.flip-paper{transform-style:preserve-3d!important;backface-visibility:visible!important;}
.flip-face{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;}
.flip-sheet .flip-paper-shade{opacity:calc(.50 + .20 * var(--wave))!important;}
.flip-sheet .flip-contact-shadow{opacity:calc(.12 + .40 * var(--wave))!important;}
.flip-sheet .flip-fold{width:14%!important;opacity:calc(.12 + .32 * var(--wave))!important;}
.flip-sheet .flip-glint{opacity:calc(.06 + .18 * var(--wave))!important;}
.flip-sheet .flip-edge{width:3px!important;opacity:calc(.32 + .28 * var(--wave))!important;}
.magazine-shell.is-flipping .spread.is-active{filter:brightness(calc(1 - .06 * var(--center-boost))) saturate(.99)!important;}


/* v1.2.7 corner-aware paper curl: when the user pulls from the bottom/top corner, the page bends from that corner instead of rotating as a flat panel. */
.flip-sheet{--origin-y:50;--corner-pull:0;--twist:0;--pitch:0;}
.flip-paper{transform:perspective(1800px) rotateX(calc(var(--pitch) * .42deg))!important;transform-origin:inherit!important;}
.flip-corner-curl{position:absolute;z-index:8;pointer-events:none;width:42%;height:42%;right:-1px;bottom:calc((100 - var(--origin-y)) * 1% - 21%);border-radius:0 0 14px 62%;opacity:calc(.08 + .58 * var(--corner-pull));filter:blur(.25px);transform:translateZ(13px) rotateZ(calc(var(--twist) * .8deg)) scale(calc(.78 + .28 * var(--corner-pull)));transform-origin:100% 100%;background:radial-gradient(ellipse at 100% 100%,rgba(255,253,226,.88) 0%,rgba(255,246,203,.50) 28%,rgba(105,65,20,.24) 53%,transparent 74%),linear-gradient(135deg,transparent 0 44%,rgba(255,250,220,.52) 46%,rgba(63,38,12,.22) 64%,transparent 78%);box-shadow:-14px -18px 32px rgba(0,0,0,calc(.04 + .18 * var(--corner-pull)));}
.flip-prev .flip-corner-curl{left:-1px;right:auto;transform-origin:0 100%;transform:translateZ(13px) rotateZ(calc(var(--twist) * .8deg)) scaleX(-1) scale(calc(.78 + .28 * var(--corner-pull)));}
.flip-diagonal-crease{position:absolute;z-index:9;pointer-events:none;inset:0;opacity:calc(.05 + .44 * var(--corner-pull));transform:translateZ(15px);background:linear-gradient(calc(152deg + var(--twist) * 1deg),transparent 0 42%,rgba(255,252,228,.64) 45%,rgba(70,42,12,.25) 47%,transparent 53%);mix-blend-mode:multiply;}
.flip-prev .flip-diagonal-crease{background:linear-gradient(calc(28deg + var(--twist) * 1deg),transparent 0 42%,rgba(255,252,228,.64) 45%,rgba(70,42,12,.25) 47%,transparent 53%);}
.flip-sheet .flip-fold{width:calc(11% + 16% * var(--corner-pull))!important;opacity:calc(.10 + .42 * var(--wave) + .20 * var(--corner-pull))!important;}
.flip-sheet .flip-paper-shade{background:linear-gradient(90deg,rgba(0,0,0,calc(.08 + .20 * var(--wave))) 0%,rgba(0,0,0,calc(.03 + .08 * var(--corner-pull))) 18%,transparent 45%,rgba(255,250,219,calc(.05 + .18 * var(--wave))) 66%,rgba(0,0,0,calc(.07 + .18 * var(--corner-pull))) 100%)!important;}
.flip-prev .flip-paper-shade{background:linear-gradient(270deg,rgba(0,0,0,calc(.08 + .20 * var(--wave))) 0%,rgba(0,0,0,calc(.03 + .08 * var(--corner-pull))) 18%,transparent 45%,rgba(255,250,219,calc(.05 + .18 * var(--wave))) 66%,rgba(0,0,0,calc(.07 + .18 * var(--corner-pull))) 100%)!important;}
.flip-sheet .flip-edge{opacity:calc(.30 + .24 * var(--wave) + .20 * var(--corner-pull))!important;}


/* v1.2.8 spine-safe curl: the page stays attached to the cotor; corner bending is visual-only. */
.flip-sheet{--curl-y:50;--pull-sign:1;transform-origin:inherit!important;overflow:visible!important;}
.flip-sheet.flip-next{transform-origin:0% 50%!important;right:0!important;left:auto!important;}
.flip-sheet.flip-prev{transform-origin:100% 50%!important;left:0!important;right:auto!important;}
.flip-paper{transform:none!important;transform-origin:inherit!important;overflow:visible!important;}
.flip-corner-curl{width:36%!important;height:34%!important;top:auto!important;bottom:calc((100 - var(--curl-y)) * 1% - 17%)!important;opacity:calc(.04 + .38 * var(--corner-pull))!important;filter:blur(.55px)!important;transform:translateZ(12px) scale(calc(.82 + .18 * var(--corner-pull)))!important;background:radial-gradient(ellipse at 100% 100%,rgba(255,252,222,.62) 0%,rgba(255,246,204,.36) 32%,rgba(80,48,15,.20) 58%,transparent 76%),linear-gradient(135deg,transparent 0 47%,rgba(255,250,222,.32) 50%,rgba(62,38,12,.18) 64%,transparent 78%)!important;box-shadow:-9px -12px 24px rgba(0,0,0,calc(.03 + .12 * var(--corner-pull)))!important;}
.flip-prev .flip-corner-curl{transform:translateZ(12px) scaleX(-1) scale(calc(.82 + .18 * var(--corner-pull)))!important;}
.flip-diagonal-crease{opacity:calc(.02 + .25 * var(--corner-pull))!important;background:linear-gradient(150deg,transparent 0 44%,rgba(255,252,228,.38) 47%,rgba(70,42,12,.17) 49%,transparent 55%)!important;}
.flip-prev .flip-diagonal-crease{background:linear-gradient(30deg,transparent 0 44%,rgba(255,252,228,.38) 47%,rgba(70,42,12,.17) 49%,transparent 55%)!important;}
.flip-spine-cover{width:26px!important;opacity:calc(.76 + .12 * var(--wave))!important;background:linear-gradient(90deg,rgba(12,7,3,.78),rgba(255,232,165,.30),rgba(18,10,4,.60))!important;}
.flip-next .flip-spine-cover{left:-13px!important;}
.flip-prev .flip-spine-cover{right:-13px!important;}
.magazine-shell.is-flipping .spine{z-index:160!important;}
.magazine-shell.is-flipping .spine:before{left:-14px!important;right:-14px!important;background:linear-gradient(90deg,rgba(0,0,0,.56),rgba(255,230,160,.24),rgba(0,0,0,.56))!important;}
.flip-sheet .flip-fold{width:calc(9% + 10% * var(--corner-pull))!important;opacity:calc(.10 + .30 * var(--wave) + .12 * var(--corner-pull))!important;}
.flip-sheet .flip-paper-shade{opacity:calc(.42 + .20 * var(--wave))!important;}

/* v1.2.9 hybrid flexible paper curl flip
   The actual page remains hinge-safe: rotateY only. These layers create the paper curl, fold, shadow and highlight without detaching the spine. */
.flip-sheet{--fold-travel:.1;--roll-shadow:.1;--settle:0;overflow:visible!important;will-change:transform!important;transition:none!important;backface-visibility:visible!important;}
.flip-sheet.flip-next{right:0!important;left:auto!important;transform-origin:0% 50%!important;}
.flip-sheet.flip-prev{left:0!important;right:auto!important;transform-origin:100% 50%!important;}
.flip-paper{position:absolute!important;inset:0!important;overflow:hidden!important;border-radius:inherit;transform:none!important;transform-origin:inherit!important;transform-style:preserve-3d!important;box-shadow:0 0 0 1px rgba(80,48,16,.22),0 calc(10px + 18px * var(--wave)) calc(22px + 32px * var(--wave)) rgba(0,0,0,calc(.10 + .28 * var(--wave)))!important;}
.flip-face{position:absolute!important;inset:0!important;overflow:hidden!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;background:var(--paper)!important;}
.flip-front{transform:translateZ(1.2px)!important;opacity:1!important;}
.flip-back{transform:rotateY(180deg) translateZ(1.2px)!important;opacity:1!important;filter:brightness(.94) saturate(.98)!important;}
.flip-paper::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.018) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(0,0,0,.012) 0 1px,transparent 1px 6px);mix-blend-mode:multiply;opacity:.72;transform:translateZ(4px);}
.flip-contact-shadow{position:absolute!important;z-index:-1!important;top:8%!important;bottom:5%!important;width:56%!important;border-radius:48% 52% 42% 58%!important;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,calc(.22 + .42 * var(--roll-shadow))) 0%,rgba(0,0,0,calc(.12 + .20 * var(--roll-shadow))) 34%,transparent 72%)!important;filter:blur(calc(10px + 22px * var(--wave)))!important;opacity:calc(.16 + .56 * var(--roll-shadow))!important;transform:translateZ(-42px) translateX(calc((.5 - var(--p)) * 34%)) scaleX(calc(.72 + .36 * var(--wave)))!important;}
.flip-next .flip-contact-shadow{left:8%!important;}
.flip-prev .flip-contact-shadow{right:8%!important;}
.flip-paper-shade{position:absolute!important;inset:0!important;z-index:6!important;pointer-events:none!important;opacity:1!important;mix-blend-mode:multiply!important;transform:translateZ(6px)!important;background:linear-gradient(90deg,rgba(0,0,0,calc(.11 + .22 * var(--wave))) 0%,rgba(0,0,0,calc(.05 + .10 * var(--wave))) calc(10% + 17% * var(--p)),transparent calc(30% + 18% * var(--p)),rgba(255,248,211,calc(.10 + .22 * var(--wave))) calc(50% + 18% * var(--p)),rgba(0,0,0,calc(.08 + .18 * var(--wave))) 100%)!important;}
.flip-prev .flip-paper-shade{background:linear-gradient(270deg,rgba(0,0,0,calc(.11 + .22 * var(--wave))) 0%,rgba(0,0,0,calc(.05 + .10 * var(--wave))) calc(10% + 17% * var(--p)),transparent calc(30% + 18% * var(--p)),rgba(255,248,211,calc(.10 + .22 * var(--wave))) calc(50% + 18% * var(--p)),rgba(0,0,0,calc(.08 + .18 * var(--wave))) 100%)!important;}
.flip-rolling-shadow{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:calc(.10 + .46 * var(--wave));mix-blend-mode:multiply;transform:translateZ(8px);background:radial-gradient(ellipse at calc(100% - 62% * var(--fold-travel)) var(--curl-y,50%),rgba(0,0,0,calc(.14 + .30 * var(--corner-pull))) 0%,rgba(0,0,0,calc(.07 + .13 * var(--corner-pull))) 18%,transparent 45%);}
.flip-prev .flip-rolling-shadow{background:radial-gradient(ellipse at calc(0% + 62% * var(--fold-travel)) var(--curl-y,50%),rgba(0,0,0,calc(.14 + .30 * var(--corner-pull))) 0%,rgba(0,0,0,calc(.07 + .13 * var(--corner-pull))) 18%,transparent 45%);}
.flip-corner-curl{position:absolute!important;z-index:11!important;pointer-events:none!important;width:34%!important;height:36%!important;right:-1px!important;left:auto!important;top:auto!important;bottom:calc((100 - var(--curl-y)) * 1% - 18%)!important;border-radius:6% 0 4% 76%!important;opacity:calc(.06 + .50 * var(--corner-pull) * (1 - .55 * var(--settle)))!important;filter:blur(.32px)!important;transform:translateZ(14px) scale(calc(.70 + .30 * var(--corner-pull)))!important;transform-origin:100% 100%!important;background:radial-gradient(ellipse at 100% 100%,rgba(255,253,229,.82) 0%,rgba(255,245,198,.48) 29%,rgba(101,61,19,.24) 55%,transparent 76%),linear-gradient(135deg,transparent 0 45%,rgba(255,252,226,.46) 48%,rgba(65,39,12,.20) 62%,transparent 78%)!important;box-shadow:-10px -16px 28px rgba(0,0,0,calc(.04 + .16 * var(--corner-pull)))!important;}
.flip-prev .flip-corner-curl{left:-1px!important;right:auto!important;transform-origin:0% 100%!important;transform:translateZ(14px) scaleX(-1) scale(calc(.70 + .30 * var(--corner-pull)))!important;}
.flip-diagonal-crease{position:absolute!important;inset:0!important;z-index:12!important;pointer-events:none!important;opacity:calc(.04 + .34 * var(--corner-pull) * (1 - .45 * var(--settle)))!important;mix-blend-mode:multiply!important;transform:translateZ(15px)!important;background:linear-gradient(calc(148deg - 18deg * var(--p)),transparent 0 42%,rgba(255,253,229,.58) 45%,rgba(72,43,12,.22) 48%,transparent 55%)!important;}
.flip-prev .flip-diagonal-crease{background:linear-gradient(calc(32deg + 18deg * var(--p)),transparent 0 42%,rgba(255,253,229,.58) 45%,rgba(72,43,12,.22) 48%,transparent 55%)!important;}
.flip-s-curve{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:calc(.08 + .36 * var(--wave));transform:translateZ(10px);filter:blur(.6px);background:linear-gradient(90deg,transparent calc(16% + 26% * var(--fold-travel)),rgba(255,250,220,.46) calc(24% + 28% * var(--fold-travel)),rgba(72,43,12,.18) calc(31% + 30% * var(--fold-travel)),transparent calc(43% + 30% * var(--fold-travel)));}
.flip-prev .flip-s-curve{background:linear-gradient(270deg,transparent calc(16% + 26% * var(--fold-travel)),rgba(255,250,220,.46) calc(24% + 28% * var(--fold-travel)),rgba(72,43,12,.18) calc(31% + 30% * var(--fold-travel)),transparent calc(43% + 30% * var(--fold-travel)));}
.flip-fold{position:absolute!important;top:0!important;bottom:0!important;right:calc(-2px + 58% * var(--fold-travel))!important;left:auto!important;width:16%!important;z-index:13!important;pointer-events:none!important;opacity:calc(.14 + .42 * var(--wave))!important;filter:blur(.45px)!important;transform:translateZ(16px)!important;background:linear-gradient(90deg,transparent,rgba(255,252,224,.52) 38%,rgba(74,44,12,.24) 72%,transparent)!important;}
.flip-prev .flip-fold{left:calc(-2px + 58% * var(--fold-travel))!important;right:auto!important;transform:translateZ(16px) scaleX(-1)!important;}
.flip-edge{position:absolute!important;top:-.1%!important;bottom:-.1%!important;right:-2px!important;left:auto!important;width:4px!important;z-index:15!important;pointer-events:none!important;opacity:calc(.42 + .36 * var(--wave))!important;transform:translateZ(18px)!important;background:linear-gradient(90deg,rgba(72,43,12,.18),rgba(255,252,224,.90),rgba(92,56,17,.28))!important;box-shadow:0 0 calc(8px + 18px * var(--wave)) rgba(255,238,172,calc(.10 + .18 * var(--wave))),0 12px 30px rgba(0,0,0,calc(.12 + .22 * var(--wave)))!important;}
.flip-prev .flip-edge{left:-2px!important;right:auto!important;}
.flip-glint{position:absolute!important;top:0!important;bottom:0!important;right:calc(2% + 58% * var(--fold-travel))!important;left:auto!important;width:13%!important;z-index:14!important;opacity:calc(.06 + .28 * var(--wave))!important;filter:blur(1.3px)!important;transform:translateZ(17px)!important;background:linear-gradient(90deg,transparent,rgba(255,252,219,.68),transparent)!important;}
.flip-prev .flip-glint{left:calc(2% + 58% * var(--fold-travel))!important;right:auto!important;}
.flip-spine-cover{position:absolute!important;top:-2px!important;bottom:-2px!important;width:34px!important;z-index:40!important;pointer-events:none!important;opacity:calc(.82 + .12 * var(--wave))!important;filter:blur(.18px)!important;background:linear-gradient(90deg,rgba(8,5,2,.82),rgba(255,235,169,.34) 46%,rgba(12,7,3,.72))!important;transform:translateZ(28px)!important;}
.flip-next .flip-spine-cover{left:-17px!important;right:auto!important;}
.flip-prev .flip-spine-cover{right:-17px!important;left:auto!important;transform:translateZ(28px) scaleX(-1)!important;}
.magazine-shell.is-flipping .spine{z-index:180!important;box-shadow:0 0 38px rgba(0,0,0,.90),inset 0 0 20px rgba(255,231,165,.24)!important;}
.magazine-shell.is-flipping .spine:before{left:-18px!important;right:-18px!important;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(255,232,168,.25),rgba(0,0,0,.62))!important;}
.editor-preview-frame .flip-sheet,.editor-preview-frame .book-wrap:before,.editor-preview-frame .book-wrap:after{display:none!important;}

/* v1.2.11 flash-safe spread stack: final active flip layer override. Keeps the sheet attached to the spine and makes bend/curl visual-only. */
.flip-sheet{
  position:absolute!important;top:0!important;bottom:0!important;width:50%!important;z-index:220!important;pointer-events:none!important;
  --p:0;--wave:0;--shadow:0;--corner-pull:0;--fold-travel:.06;--roll-shadow:.08;--settle:0;--curl-y:50;
  overflow:visible!important;transform-style:preserve-3d!important;will-change:transform!important;transition:none!important;filter:none!important;backface-visibility:visible!important;contain:none!important;
}
.flip-sheet.flip-next{right:0!important;left:auto!important;transform-origin:0% 50%!important;}
.flip-sheet.flip-prev{left:0!important;right:auto!important;transform-origin:100% 50%!important;}
.flip-sheet::before{display:none!important;}
.flip-paper{position:absolute!important;inset:0!important;overflow:hidden!important;border-radius:inherit!important;transform:none!important;transform-origin:inherit!important;transform-style:preserve-3d!important;filter:none!important;box-shadow:0 1px 0 rgba(255,255,255,.14),0 calc(8px + 16px * var(--roll-shadow)) calc(18px + 26px * var(--roll-shadow)) rgba(0,0,0,calc(.12 + .22 * var(--roll-shadow)))!important;}
.flip-face{position:absolute!important;inset:0!important;overflow:hidden!important;background:var(--paper)!important;border:1px solid rgba(76,48,16,.30)!important;box-shadow:inset 0 0 30px rgba(63,39,13,.18)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform-style:preserve-3d!important;opacity:1!important;}
.flip-front{transform:translateZ(1px)!important;z-index:2!important;filter:none!important;}
.flip-back{transform:rotateY(180deg) translateZ(1px)!important;z-index:1!important;filter:brightness(.945) saturate(.98)!important;}
.flip-sheet .page{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;transform:none!important;box-shadow:none!important;}
.flip-next .flip-face,.flip-next .page{border-radius:0 11px 11px 0!important;border-left:0!important;}
.flip-prev .flip-face,.flip-prev .page{border-radius:11px 0 0 11px!important;border-right:0!important;}
.flip-bend-map,.flip-under-shadow,.flip-curl,.flip-shadow,.kau-underpage{display:none!important;}
.flip-contact-shadow{position:absolute!important;z-index:-2!important;top:10%!important;bottom:4%!important;width:48%!important;border-radius:50%!important;background:radial-gradient(ellipse at 50% 55%,rgba(0,0,0,calc(.18 + .34 * var(--roll-shadow))) 0%,rgba(0,0,0,calc(.08 + .18 * var(--roll-shadow))) 36%,transparent 74%)!important;filter:blur(calc(9px + 18px * var(--roll-shadow)))!important;opacity:calc(.12 + .50 * var(--roll-shadow))!important;transform:translateZ(-46px) translateX(calc((.50 - var(--p)) * 30%)) scaleX(calc(.70 + .32 * var(--wave)))!important;}
.flip-next .flip-contact-shadow{left:9%!important;}.flip-prev .flip-contact-shadow{right:9%!important;}
.flip-paper::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.014) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(0,0,0,.010) 0 1px,transparent 1px 6px);opacity:.58;mix-blend-mode:multiply;transform:translateZ(4px);}
.flip-paper-shade{position:absolute!important;inset:0!important;z-index:6!important;pointer-events:none!important;transform:translateZ(6px)!important;opacity:.82!important;mix-blend-mode:multiply!important;background:linear-gradient(90deg,rgba(0,0,0,calc(.09 + .17 * var(--wave))) 0%,rgba(0,0,0,calc(.035 + .07 * var(--wave))) calc(11% + 16% * var(--p)),transparent calc(34% + 14% * var(--p)),rgba(255,250,222,calc(.08 + .16 * var(--wave))) calc(54% + 14% * var(--p)),rgba(0,0,0,calc(.06 + .13 * var(--wave))) 100%)!important;}
.flip-prev .flip-paper-shade{background:linear-gradient(270deg,rgba(0,0,0,calc(.09 + .17 * var(--wave))) 0%,rgba(0,0,0,calc(.035 + .07 * var(--wave))) calc(11% + 16% * var(--p)),transparent calc(34% + 14% * var(--p)),rgba(255,250,222,calc(.08 + .16 * var(--wave))) calc(54% + 14% * var(--p)),rgba(0,0,0,calc(.06 + .13 * var(--wave))) 100%)!important;}
.flip-rolling-shadow{position:absolute!important;inset:0!important;z-index:7!important;pointer-events:none!important;opacity:calc(.08 + .34 * var(--roll-shadow))!important;mix-blend-mode:multiply!important;transform:translateZ(8px)!important;background:radial-gradient(ellipse at calc(100% - 58% * var(--fold-travel)) var(--curl-y,50%),rgba(0,0,0,calc(.10 + .24 * var(--corner-pull))) 0%,rgba(0,0,0,calc(.05 + .10 * var(--corner-pull))) 18%,transparent 44%)!important;}
.flip-prev .flip-rolling-shadow{background:radial-gradient(ellipse at calc(0% + 58% * var(--fold-travel)) var(--curl-y,50%),rgba(0,0,0,calc(.10 + .24 * var(--corner-pull))) 0%,rgba(0,0,0,calc(.05 + .10 * var(--corner-pull))) 18%,transparent 44%)!important;}
.flip-corner-curl{position:absolute!important;z-index:11!important;pointer-events:none!important;width:28%!important;height:30%!important;right:0!important;left:auto!important;top:auto!important;bottom:calc((100 - var(--curl-y)) * 1% - 15%)!important;border-radius:10% 0 5% 76%!important;opacity:calc(.04 + .34 * var(--corner-pull) * (1 - .65 * var(--settle)))!important;filter:blur(.28px)!important;transform:translateZ(13px) scale(calc(.64 + .26 * var(--corner-pull)))!important;transform-origin:100% 100%!important;background:radial-gradient(ellipse at 100% 100%,rgba(255,253,231,.78) 0%,rgba(255,247,202,.42) 30%,rgba(96,58,18,.19) 56%,transparent 76%),linear-gradient(135deg,transparent 0 46%,rgba(255,252,226,.36) 49%,rgba(65,39,12,.16) 63%,transparent 79%)!important;box-shadow:-7px -12px 22px rgba(0,0,0,calc(.03 + .12 * var(--corner-pull)))!important;}
.flip-prev .flip-corner-curl{left:0!important;right:auto!important;transform-origin:0% 100%!important;transform:translateZ(13px) scaleX(-1) scale(calc(.64 + .26 * var(--corner-pull)))!important;}
.flip-diagonal-crease{position:absolute!important;inset:0!important;z-index:12!important;pointer-events:none!important;opacity:calc(.03 + .24 * var(--corner-pull) * (1 - .55 * var(--settle)))!important;mix-blend-mode:multiply!important;transform:translateZ(14px)!important;background:linear-gradient(calc(150deg - 12deg * var(--p)),transparent 0 43%,rgba(255,253,229,.42) 46%,rgba(72,43,12,.18) 49%,transparent 56%)!important;}
.flip-prev .flip-diagonal-crease{background:linear-gradient(calc(30deg + 12deg * var(--p)),transparent 0 43%,rgba(255,253,229,.42) 46%,rgba(72,43,12,.18) 49%,transparent 56%)!important;}
.flip-s-curve{position:absolute!important;inset:0!important;z-index:9!important;pointer-events:none!important;opacity:calc(.06 + .25 * var(--wave))!important;transform:translateZ(10px)!important;filter:blur(.55px)!important;background:linear-gradient(90deg,transparent calc(18% + 24% * var(--fold-travel)),rgba(255,250,220,.34) calc(25% + 25% * var(--fold-travel)),rgba(72,43,12,.14) calc(32% + 26% * var(--fold-travel)),transparent calc(45% + 26% * var(--fold-travel)))!important;}
.flip-prev .flip-s-curve{background:linear-gradient(270deg,transparent calc(18% + 24% * var(--fold-travel)),rgba(255,250,220,.34) calc(25% + 25% * var(--fold-travel)),rgba(72,43,12,.14) calc(32% + 26% * var(--fold-travel)),transparent calc(45% + 26% * var(--fold-travel)))!important;}
.flip-fold{position:absolute!important;top:0!important;bottom:0!important;right:calc(-1px + 54% * var(--fold-travel))!important;left:auto!important;width:12%!important;z-index:13!important;pointer-events:none!important;opacity:calc(.10 + .30 * var(--wave))!important;filter:blur(.40px)!important;transform:translateZ(15px)!important;background:linear-gradient(90deg,transparent,rgba(255,252,224,.42) 40%,rgba(74,44,12,.19) 72%,transparent)!important;}
.flip-prev .flip-fold{left:calc(-1px + 54% * var(--fold-travel))!important;right:auto!important;transform:translateZ(15px) scaleX(-1)!important;}
.flip-edge{position:absolute!important;top:0!important;bottom:0!important;right:-1px!important;left:auto!important;width:3px!important;z-index:15!important;pointer-events:none!important;opacity:calc(.34 + .28 * var(--wave))!important;transform:translateZ(17px)!important;background:linear-gradient(90deg,rgba(72,43,12,.16),rgba(255,252,224,.82),rgba(92,56,17,.24))!important;box-shadow:0 0 calc(6px + 13px * var(--wave)) rgba(255,238,172,calc(.08 + .14 * var(--wave))),0 9px 24px rgba(0,0,0,calc(.10 + .18 * var(--wave)))!important;}
.flip-prev .flip-edge{left:-1px!important;right:auto!important;}
.flip-glint{position:absolute!important;top:0!important;bottom:0!important;right:calc(3% + 54% * var(--fold-travel))!important;left:auto!important;width:10%!important;z-index:14!important;opacity:calc(.04 + .19 * var(--wave))!important;filter:blur(1.2px)!important;transform:translateZ(16px)!important;background:linear-gradient(90deg,transparent,rgba(255,252,219,.56),transparent)!important;}
.flip-prev .flip-glint{left:calc(3% + 54% * var(--fold-travel))!important;right:auto!important;}
.flip-spine-cover{position:absolute!important;top:-2px!important;bottom:-2px!important;width:38px!important;z-index:50!important;pointer-events:none!important;opacity:calc(.86 + .08 * var(--wave))!important;filter:blur(.12px)!important;background:linear-gradient(90deg,rgba(8,5,2,.88),rgba(255,235,169,.30) 46%,rgba(12,7,3,.78))!important;transform:translateZ(30px)!important;}
.flip-next .flip-spine-cover{left:-19px!important;right:auto!important;}.flip-prev .flip-spine-cover{right:-19px!important;left:auto!important;transform:translateZ(30px) scaleX(-1)!important;}
.magazine-shell.is-flipping .spine{z-index:260!important;box-shadow:0 0 34px rgba(0,0,0,.88),inset 0 0 18px rgba(255,231,165,.22)!important;}
.magazine-shell.is-flipping .spine:before{left:-20px!important;right:-20px!important;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(255,232,168,.22),rgba(0,0,0,.66))!important;}
.magazine-shell.is-flipping .spread.is-active{filter:brightness(calc(1 - .045 * var(--center-boost))) saturate(.995)!important;}
.editor-preview-frame .flip-sheet,.editor-preview-frame .book-wrap:before,.editor-preview-frame .book-wrap:after{display:none!important;}


/* v1.2.11 flash-safe spread stack fix.
   Only the active spread may render. Hidden spreads are display:none, not just opacity:0,
   so future pages cannot flash underneath the animated page sheet. */
.book .spread{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:0!important;transition:none!important;}
.book .spread.is-active{display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:1!important;}
.magazine-shell.is-flipping .book .spread:not(.is-active){display:none!important;opacity:0!important;visibility:hidden!important;}
.magazine-shell.is-flipping .flip-sheet{z-index:500!important;visibility:visible!important;opacity:1!important;}
.magazine-shell.flip-swapping .flip-sheet{z-index:520!important;}
.magazine-shell.flip-swapping .book .spread.is-active{opacity:1!important;visibility:visible!important;}
.flip-sheet .spread,.flip-sheet .spread.is-active{display:block!important;opacity:1!important;visibility:visible!important;}
.flip-sheet .page{visibility:visible!important;opacity:1!important;}


/* v1.2.12 actual corner-peel visual layer.
   Main sheet remains spine-hinged; only a small corner patch folds, so the page feels flexible without tearing from the cotor. */
.flip-sheet{--corner-size:.24;--curl-lift:0;--curl-angle:0;}
.flip-curl-surface{
  position:absolute!important;z-index:18!important;pointer-events:none!important;
  width:calc(100% * var(--corner-size))!important;height:calc(100% * var(--corner-size))!important;
  right:-1px!important;bottom:calc((100 - var(--curl-y)) * 1% - (50% * var(--corner-size)))!important;
  opacity:calc(.02 + .88 * var(--curl-lift))!important;
  transform-origin:100% 100%!important;
  transform:translateZ(24px) perspective(650px) rotateX(calc(-1deg * var(--curl-angle))) rotateY(calc(-.38deg * var(--curl-angle))) rotateZ(calc(-3deg * var(--pull-sign) * var(--curl-lift)))!important;
  clip-path:polygon(100% 100%, 0 100%, 100% 0)!important;
  border-radius:0 0 7px 64%!important;
  background:
    radial-gradient(ellipse at 95% 95%,rgba(255,255,236,.96) 0%,rgba(255,244,198,.78) 34%,rgba(205,172,100,.64) 58%,rgba(80,48,16,.30) 74%,transparent 94%),
    linear-gradient(135deg,rgba(255,253,229,.88),rgba(234,205,137,.78) 46%,rgba(79,48,15,.22) 47%,rgba(255,247,210,.52) 70%,transparent 100%)!important;
  box-shadow:-14px -18px 34px rgba(0,0,0,calc(.04 + .24 * var(--curl-lift))), inset -8px -8px 12px rgba(255,255,240,.30), inset 10px 10px 20px rgba(76,45,14,.18)!important;
  filter:drop-shadow(-8px -10px 13px rgba(0,0,0,calc(.05 + .18 * var(--curl-lift))))!important;
}
.flip-prev .flip-curl-surface{
  left:-1px!important;right:auto!important;transform-origin:0% 100%!important;
  transform:translateZ(24px) perspective(650px) scaleX(-1) rotateX(calc(-1deg * var(--curl-angle))) rotateY(calc(-.38deg * var(--curl-angle))) rotateZ(calc(3deg * var(--pull-sign) * var(--curl-lift)))!important;
}
.flip-curl-shadow{
  position:absolute!important;z-index:17!important;pointer-events:none!important;
  width:calc(100% * (var(--corner-size) + .08))!important;height:calc(100% * (var(--corner-size) + .08))!important;
  right:calc(2% + 5% * var(--curl-lift))!important;bottom:calc((100 - var(--curl-y)) * 1% - (54% * var(--corner-size)))!important;
  opacity:calc(.05 + .48 * var(--curl-lift))!important;
  transform:translateZ(12px) rotateZ(calc(-6deg * var(--pull-sign) * var(--curl-lift)))!important;
  background:radial-gradient(ellipse at 70% 72%,rgba(0,0,0,calc(.18 + .34 * var(--curl-lift))) 0%,rgba(0,0,0,calc(.08 + .20 * var(--curl-lift))) 35%,transparent 72%)!important;
  filter:blur(calc(5px + 12px * var(--curl-lift)))!important;
  mix-blend-mode:multiply!important;
}
.flip-prev .flip-curl-shadow{left:calc(2% + 5% * var(--curl-lift))!important;right:auto!important;transform:translateZ(12px) scaleX(-1) rotateZ(calc(6deg * var(--pull-sign) * var(--curl-lift)))!important;}
/* Make the original corner cue weaker and let the real peel patch dominate. */
.flip-corner-curl{opacity:calc(.02 + .18 * var(--corner-pull))!important;width:22%!important;height:24%!important;}
.flip-diagonal-crease{opacity:calc(.06 + .40 * var(--corner-pull) * (1 - .45 * var(--settle)))!important;}
.flip-s-curve{opacity:calc(.08 + .34 * var(--wave))!important;}
.flip-fold{opacity:calc(.12 + .36 * var(--wave))!important;}
/* A subtle shadow notch on the unpeeled paper near the pulled corner. */
.flip-paper::after{
  content:"";position:absolute;z-index:16;pointer-events:none;
  width:calc(100% * (var(--corner-size) + .06));height:calc(100% * (var(--corner-size) + .06));
  right:0;bottom:calc((100 - var(--curl-y)) * 1% - (53% * var(--corner-size)));
  opacity:calc(.03 + .30 * var(--curl-lift));
  background:linear-gradient(135deg,transparent 0 43%,rgba(82,49,14,.34) 47%,rgba(255,252,226,.40) 53%,transparent 70%);
  clip-path:polygon(100% 100%,0 100%,100% 0);
  transform:translateZ(15px);mix-blend-mode:multiply;filter:blur(.4px);
}
.flip-prev .flip-paper::after{left:0;right:auto;transform:translateZ(15px) scaleX(-1);}
@media(max-width:760px){.flip-curl-surface,.flip-curl-shadow{display:none!important}}


/* v1.2.13 reference-based curled-corner refinement.
   This follows the uploaded paper-curl references: the corner is not a flat triangle; it has a curved lip,
   a soft belly, a crescent shadow, and a visible underside. The main page still only hinges on the spine. */
.flip-sheet{--curl-depth:.14;--curl-belly:.20;}
.flip-curl-surface{
  width:calc(100% * var(--corner-size))!important;
  height:calc(100% * (var(--corner-size) * .82))!important;
  right:-2px!important;
  bottom:calc((100 - var(--curl-y)) * 1% - (42% * var(--corner-size)))!important;
  opacity:calc(.08 + .92 * var(--curl-lift))!important;
  clip-path:polygon(100% 100%, 0 100%, 12% 88%, 30% 66%, 52% 45%, 76% 22%, 100% 0)!important;
  border-radius:0 0 8px calc(54% + 28% * var(--curl-lift))!important;
  transform-origin:100% 100%!important;
  transform:
    translateZ(calc(25px + 18px * var(--curl-lift)))
    perspective(720px)
    rotateX(calc(-4deg - .78deg * var(--curl-angle)))
    rotateY(calc(-6deg - .34deg * var(--curl-angle)))
    rotateZ(calc(-7deg * var(--pull-sign) * var(--curl-lift)))
    scaleX(calc(.86 + .18 * var(--curl-belly)))
    scaleY(calc(.78 + .22 * var(--curl-lift)))!important;
  background:
    radial-gradient(ellipse at 92% 92%, rgba(255,255,246,.98) 0%, rgba(255,248,216,.84) 26%, rgba(226,202,148,.76) 45%, rgba(129,87,34,.34) 64%, transparent 88%),
    radial-gradient(ellipse at 8% 90%, rgba(0,0,0,calc(.06 + .22 * var(--curl-lift))) 0%, transparent 55%),
    linear-gradient(135deg, rgba(255,255,239,.96) 0%, rgba(249,235,184,.76) 42%, rgba(84,51,17,.30) 45%, rgba(255,250,218,.72) 58%, rgba(215,185,118,.46) 78%, transparent 100%)!important;
  box-shadow:
    calc(-10px - 18px * var(--curl-depth)) calc(-12px - 20px * var(--curl-depth)) calc(22px + 24px * var(--curl-depth)) rgba(0,0,0,calc(.10 + .24 * var(--curl-lift))),
    inset -12px -10px 18px rgba(255,255,242,.42),
    inset 14px 13px 24px rgba(72,43,13,.22)!important;
  filter:drop-shadow(calc(-7px - 10px * var(--curl-depth)) calc(-8px - 11px * var(--curl-depth)) calc(8px + 11px * var(--curl-depth)) rgba(0,0,0,calc(.10 + .18 * var(--curl-lift))))!important;
}
.flip-prev .flip-curl-surface{
  left:-2px!important;right:auto!important;transform-origin:0% 100%!important;
  transform:
    translateZ(calc(25px + 18px * var(--curl-lift)))
    perspective(720px)
    scaleX(-1)
    rotateX(calc(-4deg - .78deg * var(--curl-angle)))
    rotateY(calc(-6deg - .34deg * var(--curl-angle)))
    rotateZ(calc(7deg * var(--pull-sign) * var(--curl-lift)))
    scaleX(calc(.86 + .18 * var(--curl-belly)))
    scaleY(calc(.78 + .22 * var(--curl-lift)))!important;
}
.flip-curl-surface::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:
    linear-gradient(130deg, transparent 0 42%, rgba(255,255,250,.92) 48%, rgba(83,50,15,.22) 54%, transparent 70%),
    radial-gradient(ellipse at 90% 94%, rgba(255,255,255,.88), transparent 44%);
  clip-path:inherit;opacity:calc(.30 + .42 * var(--curl-lift));mix-blend-mode:screen;
}
.flip-curl-surface::after{
  content:"";position:absolute;right:2%;bottom:1%;width:86%;height:8px;pointer-events:none;border-radius:50%;
  background:linear-gradient(90deg, transparent, rgba(95,59,22,.36), rgba(255,255,240,.80), transparent);
  transform:rotate(calc(-11deg * var(--pull-sign)));opacity:calc(.28 + .42 * var(--curl-lift));filter:blur(.35px);
}
.flip-curl-shadow{
  width:calc(100% * (var(--corner-size) + .14))!important;
  height:calc(100% * ((var(--corner-size) * .72) + .10))!important;
  right:calc(1% + 6% * var(--curl-lift))!important;
  bottom:calc((100 - var(--curl-y)) * 1% - (39% * var(--corner-size)))!important;
  opacity:calc(.08 + .62 * var(--curl-lift))!important;
  transform:translateZ(13px) rotateZ(calc(-8deg * var(--pull-sign) * var(--curl-lift))) scaleX(calc(.92 + .22 * var(--curl-belly)))!important;
  background:radial-gradient(ellipse at 68% 78%, rgba(0,0,0,calc(.24 + .38 * var(--curl-lift))) 0%, rgba(0,0,0,calc(.10 + .22 * var(--curl-lift))) 36%, transparent 74%)!important;
  filter:blur(calc(7px + 15px * var(--curl-lift)))!important;
}
.flip-prev .flip-curl-shadow{left:calc(1% + 6% * var(--curl-lift))!important;right:auto!important;transform:translateZ(13px) scaleX(-1) rotateZ(calc(8deg * var(--pull-sign) * var(--curl-lift))) scaleX(calc(.92 + .22 * var(--curl-belly)))!important;}
.flip-paper::after{
  width:calc(100% * (var(--corner-size) + .10))!important;height:calc(100% * ((var(--corner-size) * .78) + .08))!important;
  bottom:calc((100 - var(--curl-y)) * 1% - (40% * var(--corner-size)))!important;
  opacity:calc(.06 + .46 * var(--curl-lift))!important;
  clip-path:polygon(100% 100%, 0 100%, 14% 86%, 33% 62%, 58% 38%, 100% 0)!important;
  background:
    linear-gradient(135deg, transparent 0 40%, rgba(72,43,13,.38) 45%, rgba(255,253,231,.62) 52%, rgba(77,46,14,.18) 61%, transparent 78%),
    radial-gradient(ellipse at 82% 88%, rgba(0,0,0,.18), transparent 54%)!important;
}
.flip-diagonal-crease{opacity:calc(.10 + .48 * var(--corner-pull) * (1 - .35 * var(--settle)))!important;filter:blur(.35px)!important;}
.flip-fold{opacity:calc(.14 + .42 * var(--wave))!important;width:15%!important;}
.flip-edge{opacity:calc(.42 + .34 * var(--wave))!important;width:4px!important;}


/* v1.2.14 solid folded-paper corner.
   Previous versions looked like shadow because the peeled layer was too transparent.
   This makes an actual opaque paper flap: cut-out mask + solid underside + raised curved lip. */
.flip-sheet{--nc-paper-base:#f4dfaa;--nc-paper-light:#fff8d9;--nc-paper-shadow:#9c7333;}
.flip-corner-cutout{
  position:absolute!important;z-index:17!important;pointer-events:none!important;
  width:calc(100% * (var(--corner-size) + .02))!important;
  height:calc(100% * ((var(--corner-size) * .78) + .02))!important;
  right:-1px!important;
  bottom:calc((100 - var(--curl-y)) * 1% - (39% * var(--corner-size)))!important;
  opacity:calc(.10 + .82 * var(--curl-lift))!important;
  clip-path:polygon(100% 100%, 0 100%, 16% 90%, 35% 70%, 58% 48%, 82% 24%, 100% 0)!important;
  background:
    radial-gradient(ellipse at 78% 86%, rgba(0,0,0,.18), transparent 58%),
    linear-gradient(135deg, transparent 0 40%, rgba(67,42,14,.30) 46%, rgba(255,249,217,.62) 54%, transparent 76%)!important;
  filter:blur(.25px)!important;
  mix-blend-mode:multiply!important;
  transform:translateZ(16px)!important;
}
.flip-prev .flip-corner-cutout{left:-1px!important;right:auto!important;transform:translateZ(16px) scaleX(-1)!important;}
.flip-curl-surface{
  z-index:30!important;
  opacity:calc(.18 + .82 * var(--curl-lift))!important;
  width:calc(100% * (var(--corner-size) + .035))!important;
  height:calc(100% * ((var(--corner-size) * .84) + .035))!important;
  right:-3px!important;
  bottom:calc((100 - var(--curl-y)) * 1% - (42% * var(--corner-size)))!important;
  clip-path:path('M 100% 100% C 78% 96%, 50% 94%, 18% 100% C 35% 81%, 52% 62%, 68% 43% C 82% 26%, 94% 12%, 100% 0 Z')!important;
  border-radius:0 0 12px 72%!important;
  background:
    radial-gradient(ellipse at 76% 84%, rgba(255,255,255,.96) 0%, rgba(255,249,222,.98) 28%, rgba(244,224,170,.98) 48%, rgba(196,156,82,.84) 66%, rgba(106,72,28,.42) 84%, rgba(255,255,255,.18) 100%),
    linear-gradient(135deg, var(--nc-paper-light) 0%, #fff3c7 38%, #d1a857 58%, #f7e6b2 76%, #fff8dd 100%)!important;
  box-shadow:
    calc(-16px - 24px * var(--curl-depth)) calc(-18px - 24px * var(--curl-depth)) calc(26px + 30px * var(--curl-depth)) rgba(0,0,0,calc(.16 + .28 * var(--curl-lift))),
    inset -18px -18px 22px rgba(255,255,255,.62),
    inset 16px 18px 26px rgba(92,59,20,.24)!important;
  filter:drop-shadow(calc(-12px - 12px * var(--curl-depth)) calc(-12px - 12px * var(--curl-depth)) calc(10px + 12px * var(--curl-depth)) rgba(0,0,0,calc(.16 + .20 * var(--curl-lift))))!important;
  transform:
    translateZ(calc(38px + 28px * var(--curl-lift)))
    perspective(760px)
    rotateX(calc(-10deg - .70deg * var(--curl-angle)))
    rotateY(calc(-12deg - .38deg * var(--curl-angle)))
    rotateZ(calc(-4deg * var(--pull-sign) * var(--curl-lift)))
    scaleX(calc(.92 + .16 * var(--curl-belly)))
    scaleY(calc(.86 + .20 * var(--curl-lift)))!important;
}
.flip-prev .flip-curl-surface{
  left:-3px!important;right:auto!important;transform-origin:0% 100%!important;
  transform:
    translateZ(calc(38px + 28px * var(--curl-lift)))
    perspective(760px)
    scaleX(-1)
    rotateX(calc(-10deg - .70deg * var(--curl-angle)))
    rotateY(calc(-12deg - .38deg * var(--curl-angle)))
    rotateZ(calc(4deg * var(--pull-sign) * var(--curl-lift)))
    scaleX(calc(.92 + .16 * var(--curl-belly)))
    scaleY(calc(.86 + .20 * var(--curl-lift)))!important;
}
.flip-curl-lip{
  position:absolute!important;z-index:31!important;pointer-events:none!important;
  width:calc(100% * (var(--corner-size) * .86))!important;
  height:calc(12px + 20px * var(--curl-lift))!important;
  right:calc(1% + 2% * var(--curl-lift))!important;
  bottom:calc((100 - var(--curl-y)) * 1% - (8% * var(--corner-size)))!important;
  opacity:calc(.18 + .78 * var(--curl-lift))!important;
  border-radius:50%!important;
  background:linear-gradient(90deg, transparent 0%, rgba(108,73,30,.34) 22%, rgba(255,255,246,.95) 52%, rgba(188,141,56,.38) 76%, transparent 100%)!important;
  transform:translateZ(calc(52px + 22px * var(--curl-lift))) rotate(calc(-11deg * var(--pull-sign))) scaleX(calc(.88 + .24 * var(--curl-belly)))!important;
  filter:blur(.15px) drop-shadow(-3px -4px 5px rgba(0,0,0,.18))!important;
}
.flip-prev .flip-curl-lip{left:calc(1% + 2% * var(--curl-lift))!important;right:auto!important;transform:translateZ(calc(52px + 22px * var(--curl-lift))) scaleX(-1) rotate(calc(11deg * var(--pull-sign))) scaleX(calc(.88 + .24 * var(--curl-belly)))!important;}
.flip-curl-shadow{
  z-index:19!important;
  opacity:calc(.16 + .58 * var(--curl-lift))!important;
  background:radial-gradient(ellipse at 62% 70%, rgba(0,0,0,calc(.30 + .35 * var(--curl-lift))) 0%, rgba(0,0,0,calc(.13 + .18 * var(--curl-lift))) 40%, transparent 74%)!important;
}
.flip-corner-curl{opacity:0!important;}
.flip-diagonal-crease{z-index:24!important;opacity:calc(.16 + .52 * var(--corner-pull) * (1 - .26 * var(--settle)))!important;}
@supports not (clip-path:path('M 0 0')){
  .flip-curl-surface{clip-path:polygon(100% 100%, 0 100%, 18% 90%, 36% 70%, 58% 48%, 82% 25%, 100% 0)!important;}
}
@media(max-width:760px){.flip-corner-cutout,.flip-curl-lip{display:none!important}}

/* v1.2.15 paper-curl staging fix
   The previous solid folded-corner layer looked detached from the moving page.
   Keep drag natural: shallow hinge movement, no vertical wall while holding the mouse.
   Full turn happens after release. */
.flip-sheet{--hinge-p:0;}
.flip-sheet.is-drag-preview .flip-back{opacity:.18!important;}
.flip-sheet.is-drag-preview .flip-paper{overflow:hidden!important;}
.flip-sheet.is-drag-preview .flip-paper-shade{opacity:.48!important;}
.flip-sheet.is-drag-preview .flip-rolling-shadow{opacity:calc(.10 + .22 * var(--corner-pull))!important;}

/* Disable the detached sticker-like curl surface from v1.2.14. */
.flip-curl-surface,
.flip-curl-lip,
.flip-curl-shadow{display:none!important;}

/* Use an attached folded-corner illusion instead: it stays clipped inside the page. */
.flip-corner-curl{
  display:block!important;
  position:absolute!important;
  z-index:18!important;
  pointer-events:none!important;
  width:calc(18% + 18% * var(--corner-pull))!important;
  height:calc(17% + 18% * var(--corner-pull))!important;
  right:0!important;
  left:auto!important;
  top:auto!important;
  bottom:calc((100 - var(--curl-y)) * 1% - (10% + 10% * var(--corner-pull)))!important;
  opacity:calc(.10 + .70 * var(--corner-pull) * (1 - .35 * var(--settle)))!important;
  border-radius:0 0 0 92%!important;
  transform-origin:100% 100%!important;
  transform:translateZ(16px) rotate(-2deg) scale(calc(.74 + .26 * var(--corner-pull)))!important;
  background:
    radial-gradient(ellipse at 98% 98%, rgba(255,255,248,.98) 0%, rgba(255,247,217,.92) 34%, rgba(210,183,128,.42) 58%, transparent 76%),
    linear-gradient(135deg, transparent 0 42%, rgba(255,255,246,.92) 45%, rgba(238,223,184,.82) 62%, rgba(128,88,35,.22) 80%, transparent 100%)!important;
  box-shadow:
    -10px -12px 18px rgba(0,0,0,calc(.05 + .16 * var(--corner-pull))),
    inset -8px -8px 12px rgba(255,255,255,.34),
    inset 8px 10px 16px rgba(95,61,23,.16)!important;
  filter:blur(.12px)!important;
  clip-path:ellipse(86% 78% at 100% 100%)!important;
}
.flip-prev .flip-corner-curl{
  left:0!important;
  right:auto!important;
  transform-origin:0% 100%!important;
  transform:translateZ(16px) scaleX(-1) rotate(-2deg) scale(calc(.74 + .26 * var(--corner-pull)))!important;
}
.flip-diagonal-crease{
  opacity:calc(.08 + .36 * var(--corner-pull))!important;
  filter:blur(.8px)!important;
}

/* During manual drag, avoid showing the page as a vertical rigid wall. */
.flip-sheet.is-drag-preview{
  filter:drop-shadow(0 calc(6px + 10px * var(--shadow)) calc(12px + 18px * var(--shadow)) rgba(0,0,0,.32))!important;
}
.flip-sheet.is-drag-preview .flip-edge,
.flip-sheet.is-drag-preview .flip-glint{opacity:calc(.12 + .22 * var(--corner-pull))!important;}

/* v1.3.0 visual editor parent/child system */
.editor-preview-frame{position:relative;overflow:auto;max-width:100%;padding:18px;border:1px solid rgba(255,217,112,.18);border-radius:18px;background:rgba(0,0,0,.22)}
.visual-editor-tools{position:sticky;top:10px;z-index:50;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px;padding:12px;border:1px solid rgba(255,217,112,.2);border-radius:16px;background:rgba(18,12,7,.92);backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.visual-editor-tools strong{color:#f8d56d;margin-right:4px}.visual-editor-tools button,.visual-editor-tools label{font:700 12px/1.2 system-ui;color:#fff}.visual-editor-tools button{border:1px solid rgba(255,217,112,.3);border-radius:12px;background:rgba(255,209,75,.12);padding:9px 12px;cursor:pointer}.visual-editor-tools button:hover{background:rgba(255,209,75,.24)}.visual-editor-tools button.is-active{background:#d6a928;color:#160e08}.visual-editor-tools input[type=color]{inline-size:36px;block-size:32px;border:0;border-radius:8px;background:transparent}.visual-editor-tools input[type=number]{inline-size:70px;border:1px solid rgba(255,217,112,.22);border-radius:10px;background:#120c07;color:#fff;padding:7px}.visual-editor-tools .hint{font-size:12px;color:#d8c99c;opacity:.8;margin-left:auto}
.visual-editor-root .book-wrap{user-select:none}.visual-editor-root [contenteditable=true]{user-select:text;outline:0}.visual-editor-root .page-safe-area{position:relative}.visual-editor-root .product-card{cursor:grab}.visual-editor-root .product-card:active{cursor:grabbing}.visual-editor-root .product-card.is-selected,.visual-editor-root [data-nc-child].is-selected-child{outline:2px solid #42a5ff!important;outline-offset:2px;box-shadow:0 0 0 5px rgba(66,165,255,.16), var(--shadow,none)!important}.visual-editor-root [data-nc-child]{position:relative}.visual-editor-root [data-nc-child]:hover{outline:1px dashed rgba(66,165,255,.75);outline-offset:2px}.visual-editor-root .nc-select-card{position:absolute;right:8px;top:8px;z-index:20;border:0;border-radius:9px;background:rgba(10,10,10,.65);color:#fff;font-size:10px;font-weight:800;padding:6px 8px;opacity:0;pointer-events:none}.visual-editor-root .product-card:hover .nc-select-card{opacity:1}.visual-editor-root .nc-resize-handle{position:absolute;right:-7px;bottom:-7px;z-index:22;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#42a5ff;box-shadow:0 2px 10px rgba(0,0,0,.35);cursor:nwse-resize;display:none}.visual-editor-root .product-card.is-selected>.nc-resize-handle{display:block}.visual-editor-root .manual-canvas{position:relative;display:block!important;min-height:calc(100% - 100px)}
.page.layout-manual .editorial-grid{position:relative;display:block!important}.page.layout-manual .product-card,.visual-editor-root .product-card.is-free-moving{position:absolute!important;left:var(--x,20px)!important;top:var(--y,110px)!important;width:var(--w,260px)!important;height:var(--h,260px)!important;z-index:var(--z,1);background:var(--card-bg,rgba(255,246,214,.2))!important;border:var(--card-border,1px solid rgba(74,50,18,.32))!important;border-radius:var(--radius,0px)!important;box-shadow:var(--shadow,none)!important;opacity:var(--opacity,1);padding:var(--pad,8px)!important;overflow:hidden}.page.layout-manual .product-card [data-nc-child],.visual-editor-root .product-card.is-free-moving [data-nc-child].is-manual-child{position:absolute!important;left:var(--x,auto);top:var(--y,auto);width:var(--w,auto);height:var(--h,auto);z-index:var(--z,1);font-size:var(--font-size,inherit)!important;color:var(--text-color,inherit)!important;font-weight:var(--font-weight,inherit)!important;text-align:var(--text-align,inherit)!important;background:var(--card-bg,transparent)!important;border:var(--card-border,0)!important;border-radius:var(--radius,0)!important;padding:var(--pad,0)!important;opacity:var(--opacity,1);overflow:hidden}.page.layout-manual .product-card .product-media,.visual-editor-root .product-card.is-free-moving .product-media.is-manual-child{left:var(--x,8px);top:var(--y,8px);width:var(--w,50%);height:var(--h,55%)}.page.layout-manual .product-card .product-copy,.visual-editor-root .product-card.is-free-moving .product-copy.is-manual-child{left:var(--x,52%);top:var(--y,8px);width:var(--w,45%);height:var(--h,calc(100% - 16px))}.page.layout-manual .product-card h3,.visual-editor-root .product-card.is-free-moving h3.is-manual-child{left:var(--x,0);top:var(--y,42px);width:var(--w,100%);height:var(--h,48px)}.page.layout-manual .product-card p,.visual-editor-root .product-card.is-free-moving p.is-manual-child{left:var(--x,0);top:var(--y,92px);width:var(--w,100%);height:var(--h,64px)}.page.layout-manual .product-card .merchant,.visual-editor-root .product-card.is-free-moving .merchant.is-manual-child{left:var(--x,0);top:var(--y,160px);width:var(--w,100%);height:var(--h,20px)}.page.layout-manual .product-card .badge,.visual-editor-root .product-card.is-free-moving .badge.is-manual-child{left:var(--x,0);top:var(--y,0);width:var(--w,70px);height:var(--h,24px)}.page.layout-manual .product-card .discount,.visual-editor-root .product-card.is-free-moving .discount.is-manual-child{left:var(--x,80px);top:var(--y,0);width:var(--w,54px);height:var(--h,28px)}.page.layout-manual .product-card .price-row,.visual-editor-root .product-card.is-free-moving .price-row.is-manual-child{left:var(--x,0);top:var(--y,184px);width:var(--w,100%);height:var(--h,64px)}.page.layout-manual .product-card .price,.visual-editor-root .product-card.is-free-moving .price.is-manual-child{left:var(--x,0);top:var(--y,20px);width:var(--w,100%);height:var(--h,40px)}.page.layout-manual .product-card .old-price,.visual-editor-root .product-card.is-free-moving .old-price.is-manual-child{left:var(--x,0);top:var(--y,0);width:var(--w,100%);height:var(--h,20px)}
.visual-editor-root .product-media img{width:100%;height:100%;object-fit:cover}.visual-editor-root .drag-ghost{pointer-events:none}.visual-editor-status{font-size:12px;color:#ffe7a3;min-width:180px}.visual-editor-root .product-card.is-free-moving{position:absolute!important}.visual-editor-root .product-card.is-free-moving .product-copy{display:block}.visual-editor-root .product-card.is-free-moving .price-row{display:block}.visual-editor-root .product-card.is-free-moving .badge,.visual-editor-root .product-card.is-free-moving .discount,.visual-editor-root .product-card.is-free-moving h3,.visual-editor-root .product-card.is-free-moving p,.visual-editor-root .product-card.is-free-moving small,.visual-editor-root .product-card.is-free-moving .price-row,.visual-editor-root .product-card.is-free-moving .product-media,.visual-editor-root .product-card.is-free-moving .product-copy{cursor:move}.visual-editor-root .product-card.is-free-moving .price-row .price,.visual-editor-root .product-card.is-free-moving .price-row .old-price{position:relative!important;display:block}.visual-editor-root .product-card.is-saving{opacity:.65}.visual-editor-root .product-card.is-saved{animation:ncSaved .55s ease}@keyframes ncSaved{0%{box-shadow:0 0 0 0 rgba(76,217,100,.6)}100%{box-shadow:0 0 0 14px rgba(76,217,100,0)}}

/* v1.3.1 easy visual editor usability pass */
.nc-easy-editor-frame{position:relative;overflow:auto;min-height:680px;padding:16px 16px 80px!important;scroll-behavior:auto}.nc-easy-editor-root .book-wrap,.nc-easy-editor-root{user-select:none}.nc-easy-editor-root [contenteditable=true]{user-select:text;cursor:text}.nc-editor-dock{position:sticky;top:8px;z-index:1000;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(255,214,92,.28);border-radius:16px;background:rgba(20,13,8,.96);box-shadow:0 14px 36px rgba(0,0,0,.35);backdrop-filter:blur(18px);color:#fff}.nc-dock-head{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:10px}.nc-dock-head strong{color:#f5cf62;font-size:14px}.nc-target{font-size:12px;color:#ffe9ac}.nc-dock-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.nc-dock-actions button{border:1px solid rgba(255,214,92,.28);border-radius:10px;background:rgba(255,214,92,.12);color:#fff;padding:8px 10px;font-weight:800;font-size:12px;cursor:pointer}.nc-dock-actions button:hover{background:rgba(255,214,92,.24)}.nc-style-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px}.nc-style-grid label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.04);padding:8px;font-size:12px;color:#e9d9a8}.nc-style-grid input[type=color]{width:34px;height:28px;border:0;background:transparent}.nc-style-grid input[type=number],.nc-style-grid select{max-width:86px;border:1px solid rgba(255,214,92,.24);border-radius:8px;background:#120c07;color:#fff;padding:6px}.nc-help,.nc-status{margin:8px 0 0;font-size:12px;color:#d8c99c}.nc-status{color:#ffe28a;font-weight:800}.nc-editor-overlay{position:absolute;inset:0;z-index:999;pointer-events:none}.nc-selection-box{position:absolute;display:none;box-sizing:border-box;border:2px solid #2fa7ff;border-radius:8px;box-shadow:0 0 0 4px rgba(47,167,255,.16);pointer-events:none}.nc-selection-box.is-visible{display:block}.nc-move-grip,.nc-resize-grip{position:absolute;pointer-events:auto;user-select:none}.nc-move-grip{left:-2px;top:-34px;border-radius:10px;background:#2fa7ff;color:#fff;font:900 11px/1 system-ui;padding:9px 11px;box-shadow:0 8px 22px rgba(0,0,0,.35);cursor:grab}.nc-move-grip:active{cursor:grabbing}.nc-resize-grip{right:-9px;bottom:-9px;width:18px;height:18px;border:2px solid #1d1308;border-radius:50%;background:#f5cf62;box-shadow:0 6px 18px rgba(0,0,0,.35);cursor:nwse-resize}.nc-easy-editor-root .product-card{position:relative}.nc-easy-editor-root .product-card.is-nc-selected{outline:2px solid rgba(47,167,255,.85)!important;outline-offset:3px}.nc-easy-editor-root [data-nc-child].is-nc-child-selected{outline:2px dashed rgba(245,207,98,.95)!important;outline-offset:3px}.nc-easy-editor-root .product-card:hover{outline:1px solid rgba(47,167,255,.4);outline-offset:2px}.nc-easy-editor-root [data-nc-child]:hover{outline:1px dashed rgba(245,207,98,.7);outline-offset:2px}.nc-easy-editor-root .nc-select-card,.nc-easy-editor-root .nc-resize-handle{display:none!important}.nc-easy-editor-root .product-card.is-saving{opacity:.68}.nc-easy-editor-root .product-card.is-saved{animation:ncSavedEasy .7s ease}@keyframes ncSavedEasy{0%{box-shadow:0 0 0 0 rgba(88,214,141,.65)}100%{box-shadow:0 0 0 18px rgba(88,214,141,0)}}
.page.layout-manual .editorial-grid,.nc-easy-editor-root .manual-canvas{position:relative!important;display:block!important;min-height:calc(100% - 96px)!important}.page.layout-manual .product-card,.nc-easy-editor-root .product-card.is-free-moving{position:absolute!important;left:var(--x,20px)!important;top:var(--y,110px)!important;width:var(--w,260px)!important;height:var(--h,240px)!important;z-index:var(--z,1)!important;background:var(--card-bg,rgba(255,246,214,.2))!important;color:var(--text-color,inherit)!important;font-size:var(--font-size,inherit)!important;font-weight:var(--font-weight,inherit)!important;text-align:var(--text-align,inherit)!important;border:var(--card-border,1px solid rgba(74,50,18,.32))!important;border-radius:var(--radius,0)!important;box-shadow:var(--shadow,none)!important;opacity:var(--opacity,1)!important;padding:var(--pad,8px)!important;overflow:hidden!important}.page.layout-manual .product-card [data-nc-child].is-manual-child,.nc-easy-editor-root .product-card.is-free-moving [data-nc-child].is-manual-child{position:absolute!important;left:var(--x,0)!important;top:var(--y,0)!important;width:var(--w,auto)!important;height:var(--h,auto)!important;z-index:var(--z,1)!important;font-size:var(--font-size,inherit)!important;color:var(--text-color,inherit)!important;font-weight:var(--font-weight,inherit)!important;text-align:var(--text-align,inherit)!important;background:var(--card-bg,transparent)!important;border:var(--card-border,0)!important;border-radius:var(--radius,0)!important;padding:var(--pad,0)!important;opacity:var(--opacity,1)!important;overflow:hidden!important}.nc-easy-editor-root .product-card.is-free-moving .product-copy{display:block!important}.nc-easy-editor-root .product-card.is-free-moving .product-media img{width:100%;height:100%;object-fit:cover}.nc-easy-editor-root .product-card.is-free-moving .price-row{display:block!important}.nc-easy-editor-root .product-card.is-free-moving .price-row .price,.nc-easy-editor-root .product-card.is-free-moving .price-row .old-price{position:relative!important;display:block!important}.nc-easy-editor-root .product-card.is-free-moving [data-nc-child]{cursor:default}@media(max-width:800px){.nc-style-grid{grid-template-columns:1fr 1fr}.nc-editor-dock{position:relative;top:0}.nc-move-grip{top:-30px}}

/* v1.3.2 true child-element editor: every internal card element is independently selectable, movable and resizable */
.nc-child-editor-frame{position:relative;overflow:auto;min-height:720px;padding-bottom:100px!important}.nc-child-editor-root .product-card{isolation:isolate}.nc-child-editor-root [data-nc-child]{position:relative;z-index:2}.nc-child-editor-root [data-nc-child]:hover{outline:2px dashed rgba(245,207,98,.85)!important;outline-offset:3px}.nc-child-editor-root [data-nc-child].is-nc-child-selected{outline:2px solid #f5cf62!important;outline-offset:4px;box-shadow:0 0 0 5px rgba(245,207,98,.16)!important}.nc-child-editor-root .product-card.is-nc-selected{outline:2px solid #2fa7ff!important;outline-offset:4px;box-shadow:0 0 0 5px rgba(47,167,255,.14)!important}.nc-child-editor-dock .nc-mode-note{margin:0 0 10px;color:#ead9a6;font-size:12px}.nc-child-picker{display:grid;gap:6px;margin:0 0 10px;padding:10px;border:1px solid rgba(245,207,98,.22);border-radius:12px;background:rgba(255,255,255,.035)}.nc-child-picker strong{font-size:12px;color:#f5cf62}.nc-child-buttons{display:flex;flex-wrap:wrap;gap:6px}.nc-child-buttons button{border:1px solid rgba(255,214,92,.28);border-radius:999px;background:rgba(255,214,92,.10);color:#fff;padding:7px 9px;font-weight:800;font-size:11px;cursor:pointer}.nc-child-buttons button:hover{background:rgba(255,214,92,.24)}.nc-box-label{position:absolute;left:0;bottom:calc(100% + 5px);transform:translateY(-28px);background:#14100a;color:#f5cf62;border:1px solid rgba(245,207,98,.4);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;letter-spacing:.04em;white-space:nowrap}.nc-child-editor-root .product-card.is-free-moving{display:block!important}.nc-child-editor-root .product-card.is-free-moving .product-copy{display:block!important;position:static!important}.nc-child-editor-root .product-card.is-free-moving .price-row{display:block!important;position:static!important}.nc-child-editor-root .product-card.is-free-moving [data-nc-child].is-manual-child{position:absolute!important;left:var(--x,0)!important;top:var(--y,0)!important;width:var(--w,120px)!important;height:var(--h,40px)!important;z-index:var(--z,2)!important;display:block!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important;color:var(--text-color,inherit)!important;background:var(--card-bg,transparent)!important;font-size:var(--font-size,inherit)!important;font-weight:var(--font-weight,inherit)!important;text-align:var(--text-align,inherit)!important;border:var(--card-border,0)!important;border-radius:var(--radius,0)!important;padding:var(--pad,0)!important;overflow:hidden!important}.nc-child-editor-root .product-card.is-free-moving .product-media.is-manual-child{width:var(--w,130px)!important;height:var(--h,130px)!important}.nc-child-editor-root .product-card.is-free-moving .product-media.is-manual-child img{width:100%!important;height:100%!important;object-fit:cover!important}.nc-child-editor-root .product-card.is-free-moving h3.is-manual-child,.nc-child-editor-root .product-card.is-free-moving p.is-manual-child,.nc-child-editor-root .product-card.is-free-moving small.is-manual-child,.nc-child-editor-root .product-card.is-free-moving span.is-manual-child,.nc-child-editor-root .product-card.is-free-moving strong.is-manual-child{position:absolute!important;display:block!important;line-height:1.05!important}.nc-child-editor-root .product-card.is-free-moving .price.is-manual-child,.nc-child-editor-root .product-card.is-free-moving .old-price.is-manual-child{position:absolute!important;display:block!important}.nc-child-editor-root [contenteditable=true]{cursor:text}.nc-child-editor-root [contenteditable=true]:focus{outline:3px solid rgba(47,167,255,.55)!important;background:rgba(255,255,255,.22)!important}.nc-selection-box{z-index:1002}.nc-move-grip{z-index:1004}.nc-resize-grip{z-index:1004}.nc-editor-overlay{z-index:1001!important}


/* v1.3.3 fullscreen visual editor usability pass */
body.nc-editor-fullscreen-page{height:100vh;min-height:100vh;overflow:hidden;background:#080604;color:#fff}
.nc-editor-fullscreen-layout{position:fixed;inset:0;display:grid!important;grid-template-columns:260px minmax(0,1fr);height:100vh;overflow:hidden;background:#080604}
.nc-editor-leftbar{height:100vh;overflow:auto;border-right:1px solid rgba(245,207,98,.18);padding:18px!important;background:linear-gradient(180deg,rgba(28,17,9,.98),rgba(9,6,4,.98))!important}
.nc-editor-leftbar .brand h1{font-size:18px}.nc-editor-leftbar .logo{width:42px;height:42px;font-size:24px}.nc-editor-links{font-size:12px;color:#ead9a6}.nc-page-list-panel{max-height:calc(100vh - 210px);overflow:auto}.nc-add-page-form{margin-top:12px}
.nc-editor-main{height:100vh;min-width:0;overflow:hidden;padding:0!important;display:grid;grid-template-rows:auto minmax(0,1fr);background:radial-gradient(circle at 50% 0%,rgba(214,169,40,.10),transparent 38%),#090604!important}
.nc-editor-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;border-bottom:1px solid rgba(245,207,98,.18);background:rgba(11,7,4,.96);box-shadow:0 12px 22px rgba(0,0,0,.22);z-index:20}.nc-editor-topbar h1{margin:0;color:#f5cf62;font-size:19px;line-height:1.1}.nc-editor-topbar p{margin:4px 0 0;color:#d8c99c;font-size:12px}.nc-editor-top-actions{display:flex;align-items:center;gap:10px;font-size:12px;color:#ffe9ac;white-space:nowrap}.nc-editor-top-actions .save{text-decoration:none;padding:9px 12px}
.nc-editor-workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0;height:100%;overflow:hidden}.nc-editor-canvas-panel{min-width:0;min-height:0;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(70,37,15,.65),rgba(12,7,4,.94)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 80px)}.nc-editor-rightbar{height:100%;overflow:auto;border-left:1px solid rgba(245,207,98,.18);background:linear-gradient(180deg,rgba(23,14,8,.97),rgba(9,6,4,.98));padding:12px}.nc-editor-rightbar .panel{margin:0 0 12px!important;padding:12px!important;border-radius:14px}.nc-editor-rightbar h2{margin:0 0 10px;color:#f5cf62;font-size:15px}.nc-panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.nc-panel-title-row strong{color:#ffe9ac;font-size:12px}.nc-card-list-compact{display:grid;gap:8px}.nc-card-list-compact .mini-card{padding:10px!important;border-radius:12px}.nc-card-list-compact .mini-card h3{margin:0 0 8px;font-size:13px;color:#fff4c4}.nc-card-list-compact details{margin:6px 0}.nc-card-list-compact summary{cursor:pointer;color:#f5cf62;font-size:12px;font-weight:800}.nc-card-list-compact .mini-card-grid{grid-template-columns:1fr!important;gap:7px!important;margin-top:8px}.nc-card-list-compact .field{font-size:11px}.nc-card-list-compact .field input,.nc-card-list-compact .field textarea,.nc-card-list-compact .field select{padding:7px!important;font-size:12px}.nc-card-list-compact .card-actions{gap:6px;flex-wrap:wrap}.nc-card-list-compact .save{padding:7px 9px!important;font-size:11px!important}
.nc-fullscreen-preview-frame{position:absolute!important;inset:0!important;min-height:0!important;height:100%!important;width:100%!important;overflow:hidden!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;display:grid;place-items:center}.nc-fullscreen-preview-frame .stage{width:100%!important;height:100%!important;min-height:0!important;padding:18px 18px 150px!important;overflow:hidden!important;display:grid;place-items:center}.nc-fullscreen-preview-frame .magazine-shell{width:100%!important;height:100%!important;display:grid;place-items:center;max-width:none!important}.nc-fullscreen-preview-frame .book-wrap{width:min(calc(100vw - 650px),calc((100vh - 250px)*1.72),1180px)!important;max-width:calc(100% - 40px)!important;min-width:620px;aspect-ratio:1.72!important;margin:auto!important}.nc-fullscreen-preview-frame .book{transform:rotateX(2deg) scale(.98)!important}.nc-fullscreen-preview-frame .nav-controls{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:80;margin:0!important;padding:8px 10px;background:rgba(10,7,4,.72);border:1px solid rgba(245,207,98,.22);border-radius:999px;backdrop-filter:blur(12px)}
body.nc-editor-fullscreen-page .nc-editor-dock{position:absolute!important;left:16px!important;right:16px!important;bottom:14px!important;top:auto!important;margin:0!important;z-index:1100!important;max-height:126px;overflow:auto;padding:10px 12px!important;border-radius:16px;background:rgba(10,7,4,.92)!important;box-shadow:0 18px 48px rgba(0,0,0,.48)!important}body.nc-editor-fullscreen-page .nc-dock-head{margin-bottom:6px!important}body.nc-editor-fullscreen-page .nc-mode-note,body.nc-editor-fullscreen-page .nc-help{display:none!important}body.nc-editor-fullscreen-page .nc-child-picker{padding:6px!important;margin-bottom:6px!important}body.nc-editor-fullscreen-page .nc-dock-actions{margin-bottom:6px!important}body.nc-editor-fullscreen-page .nc-dock-actions button,body.nc-editor-fullscreen-page .nc-child-buttons button{padding:6px 8px!important;font-size:11px!important}body.nc-editor-fullscreen-page .nc-style-grid{grid-template-columns:repeat(4,minmax(105px,1fr))!important;gap:6px!important}body.nc-editor-fullscreen-page .nc-style-grid label{padding:6px!important;font-size:11px!important}body.nc-editor-fullscreen-page .nc-status{margin-top:4px!important;font-size:11px!important}.nc-fullscreen-preview-frame .nc-editor-overlay{position:absolute!important;inset:0!important;z-index:1001!important;pointer-events:none!important}.nc-fullscreen-preview-frame .nc-selection-box{z-index:1002!important}.nc-fullscreen-preview-frame .nc-move-grip,.nc-fullscreen-preview-frame .nc-resize-grip{z-index:1004!important}
@media(max-width:1100px){.nc-editor-fullscreen-layout{grid-template-columns:220px minmax(0,1fr)}.nc-editor-workspace{grid-template-columns:minmax(0,1fr) 280px}.nc-fullscreen-preview-frame .book-wrap{width:min(calc(100vw - 540px),calc((100vh - 250px)*1.72),920px)!important;min-width:480px}.nc-editor-topbar p{display:none}}@media(max-width:850px){body.nc-editor-fullscreen-page{overflow:auto}.nc-editor-fullscreen-layout{position:relative;display:block!important;height:auto;min-height:100vh;overflow:visible}.nc-editor-leftbar{height:auto;max-height:260px}.nc-editor-main{height:auto;min-height:900px}.nc-editor-workspace{display:block;height:auto}.nc-editor-canvas-panel{height:720px}.nc-editor-rightbar{height:auto}.nc-fullscreen-preview-frame .book-wrap{min-width:0;width:min(calc(100vw - 38px),720px)!important}body.nc-editor-fullscreen-page .nc-editor-dock{max-height:220px}}

/* v1.3.4 true fullscreen editor with collapsible sidebars */
body.nc-editor-fullscreen-page{overflow:hidden!important}
body.nc-editor-fullscreen-page .nc-editor-fullscreen-layout{grid-template-columns:1fr!important;display:block!important}
body.nc-editor-fullscreen-page .nc-editor-main{position:fixed!important;inset:0!important;height:100vh!important;display:block!important;overflow:hidden!important;padding:0!important}
body.nc-editor-fullscreen-page .nc-editor-workspace{position:fixed!important;inset:0!important;display:block!important;height:100vh!important;overflow:hidden!important}
body.nc-editor-fullscreen-page .nc-editor-canvas-panel{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame{inset:0!important;width:100vw!important;height:100vh!important}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .stage{padding:18px 18px 120px!important}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book-wrap{width:min(calc(100vw - 92px),calc((100vh - 165px)*1.72),1320px)!important;min-width:660px!important;max-width:calc(100vw - 92px)!important}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .nav-controls{bottom:24px!important;z-index:450!important}

body.nc-editor-fullscreen-page .nc-drawer-panel{position:fixed!important;z-index:1400!important;transition:transform .22s ease, opacity .22s ease!important;box-shadow:0 24px 80px rgba(0,0,0,.58)!important;backdrop-filter:blur(16px)!important}
body.nc-editor-fullscreen-page .nc-editor-leftbar{left:0!important;top:0!important;bottom:0!important;width:310px!important;height:100vh!important;transform:translateX(calc(-100% - 16px));border-right:1px solid rgba(245,207,98,.22)!important}
body.nc-editor-fullscreen-page.nc-left-open .nc-editor-leftbar{transform:translateX(0)!important}
body.nc-editor-fullscreen-page .nc-editor-rightbar{right:0!important;top:0!important;bottom:0!important;width:min(390px,92vw)!important;height:100vh!important;transform:translateX(calc(100% + 16px));border-left:1px solid rgba(245,207,98,.22)!important;padding:16px!important}
body.nc-editor-fullscreen-page.nc-right-open .nc-editor-rightbar{transform:translateX(0)!important}
body.nc-editor-fullscreen-page .nc-editor-topbar{left:50%!important;top:0!important;width:min(760px,calc(100vw - 90px))!important;height:auto!important;min-height:72px!important;transform:translate(-50%,calc(-100% - 16px));border:1px solid rgba(245,207,98,.22)!important;border-top:0!important;border-radius:0 0 18px 18px!important;padding:14px 18px!important}
body.nc-editor-fullscreen-page.nc-top-open .nc-editor-topbar{transform:translate(-50%,0)!important}
body.nc-editor-fullscreen-page .nc-editor-dock{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;width:min(920px,calc(100vw - 96px))!important;transform:translate(-50%,calc(100% + 18px));z-index:1450!important;max-height:42vh!important;overflow:auto!important;transition:transform .22s ease!important}
body.nc-editor-fullscreen-page.nc-tools-open .nc-editor-dock{transform:translate(-50%,-18px)!important}
body.nc-editor-fullscreen-page .nc-editor-backdrop{position:fixed;inset:0;z-index:1300;background:rgba(0,0,0,.34);opacity:0;pointer-events:none;transition:opacity .2s ease;backdrop-filter:blur(2px)}
body.nc-editor-fullscreen-page:is(.nc-left-open,.nc-right-open,.nc-top-open,.nc-tools-open) .nc-editor-backdrop{opacity:1;pointer-events:auto}
body.nc-editor-fullscreen-page .nc-edge-toggle{position:fixed;z-index:1500;border:1px solid rgba(245,207,98,.42);background:rgba(12,8,5,.82);color:#ffe39a;border-radius:999px;padding:10px 14px;font:900 12px/1 system-ui;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 34px rgba(0,0,0,.42);backdrop-filter:blur(12px);cursor:pointer}
body.nc-editor-fullscreen-page .nc-edge-toggle:hover{background:rgba(214,169,40,.24);color:#fff4c4}
body.nc-editor-fullscreen-page .nc-edge-left{left:12px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center}
body.nc-editor-fullscreen-page .nc-edge-right{right:12px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center}
body.nc-editor-fullscreen-page .nc-edge-top{top:12px;left:50%;transform:translateX(-50%)}
body.nc-editor-fullscreen-page .nc-edge-bottom{bottom:12px;left:50%;transform:translateX(-50%)}
body.nc-editor-fullscreen-page.nc-left-open .nc-edge-left,
body.nc-editor-fullscreen-page.nc-right-open .nc-edge-right,
body.nc-editor-fullscreen-page.nc-top-open .nc-edge-top,
body.nc-editor-fullscreen-page.nc-tools-open .nc-edge-bottom{background:#d6a928;color:#140c05}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .nc-editor-overlay{z-index:1200!important}.nc-fullscreen-preview-frame .nc-selection-box{z-index:1201!important}.nc-fullscreen-preview-frame .nc-move-grip,.nc-fullscreen-preview-frame .nc-resize-grip{z-index:1202!important}
@media(max-width:850px){body.nc-editor-fullscreen-page{overflow:hidden!important}.nc-editor-fullscreen-layout{position:fixed!important;height:100vh!important;overflow:hidden!important}.nc-editor-main,.nc-editor-workspace,.nc-editor-canvas-panel{height:100vh!important}.nc-editor-leftbar{width:min(330px,92vw)!important}.nc-fullscreen-preview-frame .book-wrap{min-width:0!important;width:min(calc(100vw - 46px),720px)!important}.nc-editor-dock{width:calc(100vw - 42px)!important}}

/* v1.3.5 usable fullscreen editor cleanup
   Goal: canvas first. Drawers must not blur/dim the magazine or remain visible when closed. */
body.nc-editor-fullscreen-page{
  height:100vh!important;
  width:100vw!important;
  overflow:hidden!important;
  background:#080604!important;
}
body.nc-editor-fullscreen-page .nc-editor-fullscreen-layout,
body.nc-editor-fullscreen-page .nc-editor-main,
body.nc-editor-fullscreen-page .nc-editor-workspace,
body.nc-editor-fullscreen-page .nc-editor-canvas-panel,
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-height:0!important;
  max-height:none!important;
  display:block!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .stage{
  width:100vw!important;
  height:100vh!important;
  min-height:0!important;
  padding:28px 64px 92px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  filter:none!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .magazine-shell{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  display:grid!important;
  place-items:center!important;
  filter:none!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book-wrap{
  width:min(calc(100vw - 170px),calc((100vh - 150px)*1.72),1360px)!important;
  min-width:min(760px,calc(100vw - 170px))!important;
  max-width:calc(100vw - 170px)!important;
  aspect-ratio:1.72!important;
  margin:auto!important;
  filter:none!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book{
  transform:rotateX(2deg) scale(.985)!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .nav-controls{
  position:fixed!important;
  left:50%!important;
  bottom:22px!important;
  transform:translateX(-50%)!important;
  z-index:620!important;
  margin:0!important;
  max-width:calc(100vw - 150px)!important;
}

/* True drawers: no permanent columns, no visible closed panels, no blur on page. */
body.nc-editor-fullscreen-page .nc-drawer-panel{
  position:fixed!important;
  z-index:1600!important;
  opacity:1!important;
  pointer-events:none!important;
  transition:transform .18s ease!important;
  background:rgba(10,7,4,.965)!important;
  border-color:rgba(245,207,98,.24)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.62)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.nc-editor-fullscreen-page .nc-editor-leftbar{
  left:0!important;top:0!important;bottom:0!important;
  width:min(340px,86vw)!important;height:100vh!important;
  overflow:auto!important;padding:18px!important;
  transform:translate3d(-110%,0,0)!important;
  border-right:1px solid rgba(245,207,98,.24)!important;
}
body.nc-editor-fullscreen-page.nc-left-open .nc-editor-leftbar{
  transform:translate3d(0,0,0)!important;
  pointer-events:auto!important;
}
body.nc-editor-fullscreen-page .nc-editor-rightbar{
  right:0!important;top:0!important;bottom:0!important;
  width:min(420px,90vw)!important;height:100vh!important;
  overflow:auto!important;padding:18px!important;
  transform:translate3d(110%,0,0)!important;
  border-left:1px solid rgba(245,207,98,.24)!important;
}
body.nc-editor-fullscreen-page.nc-right-open .nc-editor-rightbar{
  transform:translate3d(0,0,0)!important;
  pointer-events:auto!important;
}
body.nc-editor-fullscreen-page .nc-editor-topbar{
  top:0!important;left:50%!important;right:auto!important;
  width:min(760px,calc(100vw - 104px))!important;height:auto!important;
  min-height:70px!important;overflow:hidden!important;
  transform:translate3d(-50%,-120%,0)!important;
  padding:14px 18px!important;
  border:1px solid rgba(245,207,98,.24)!important;border-top:0!important;
  border-radius:0 0 18px 18px!important;
}
body.nc-editor-fullscreen-page.nc-top-open .nc-editor-topbar{
  transform:translate3d(-50%,0,0)!important;
  pointer-events:auto!important;
}
body.nc-editor-fullscreen-page .nc-editor-dock{
  position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;top:auto!important;
  width:min(980px,calc(100vw - 108px))!important;
  max-height:44vh!important;overflow:auto!important;
  transform:translate3d(-50%,120%,0)!important;
  z-index:1650!important;
  background:rgba(10,7,4,.97)!important;
  border:1px solid rgba(245,207,98,.24)!important;
  border-radius:18px!important;
  pointer-events:none!important;
  transition:transform .18s ease!important;
}
body.nc-editor-fullscreen-page.nc-tools-open .nc-editor-dock{
  transform:translate3d(-50%,-18px,0)!important;
  pointer-events:auto!important;
}

/* Click-catcher only. No visual overlay, no blur, no darkening. */
body.nc-editor-fullscreen-page .nc-editor-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:1500!important;
  opacity:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
body.nc-editor-fullscreen-page:is(.nc-left-open,.nc-right-open,.nc-top-open,.nc-tools-open) .nc-editor-backdrop{
  opacity:0!important;
  pointer-events:auto!important;
}
body.nc-editor-fullscreen-page:is(.nc-left-open,.nc-right-open,.nc-top-open,.nc-tools-open) .nc-fullscreen-preview-frame,
body.nc-editor-fullscreen-page:is(.nc-left-open,.nc-right-open,.nc-top-open,.nc-tools-open) .stage,
body.nc-editor-fullscreen-page:is(.nc-left-open,.nc-right-open,.nc-top-open,.nc-tools-open) .book-wrap,
body.nc-editor-fullscreen-page:is(.nc-left-open,.nc-right-open,.nc-top-open,.nc-tools-open) .book{
  filter:none!important;
  opacity:1!important;
}

/* Edge buttons stay outside the work area. */
body.nc-editor-fullscreen-page .nc-edge-toggle{
  z-index:1700!important;
  background:rgba(8,6,4,.92)!important;
  color:#ffe39a!important;
  border:1px solid rgba(245,207,98,.5)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.46)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.nc-editor-fullscreen-page .nc-edge-left{left:8px!important;top:50%!important;transform:translateY(-50%) rotate(-90deg)!important;}
body.nc-editor-fullscreen-page .nc-edge-right{right:8px!important;top:50%!important;transform:translateY(-50%) rotate(90deg)!important;}
body.nc-editor-fullscreen-page .nc-edge-top{top:8px!important;left:50%!important;transform:translateX(-50%)!important;}
body.nc-editor-fullscreen-page .nc-edge-bottom{bottom:8px!important;left:50%!important;transform:translateX(-50%)!important;}
body.nc-editor-fullscreen-page.nc-left-open .nc-edge-left,
body.nc-editor-fullscreen-page.nc-right-open .nc-edge-right,
body.nc-editor-fullscreen-page.nc-top-open .nc-edge-top,
body.nc-editor-fullscreen-page.nc-tools-open .nc-edge-bottom{background:#d6a928!important;color:#140c05!important;}

/* Ensure visual editing overlay remains active when no drawer is open. */
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .nc-editor-overlay{z-index:1200!important;pointer-events:none!important;}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .nc-selection-box{z-index:1201!important;}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .nc-move-grip,
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .nc-resize-grip{z-index:1202!important;pointer-events:auto!important;}

@media(max-width:850px){
  body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .stage{padding:40px 34px 96px!important;}
  body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book-wrap{min-width:0!important;width:min(calc(100vw - 72px),calc((100vh - 160px)*1.72),760px)!important;max-width:calc(100vw - 72px)!important;}
  body.nc-editor-fullscreen-page .nc-editor-dock{width:calc(100vw - 44px)!important;}
}

/* v1.3.7 Page Side + Layer Tree Editor */
body.nc-editor-fullscreen-page .page.is-nc-active-page{outline:3px solid rgba(245,207,98,.95)!important;outline-offset:-6px!important;box-shadow:inset 0 0 0 5px rgba(245,207,98,.10)!important}
body.nc-editor-fullscreen-page .product-card.is-nc-selected{outline:2px solid #38a8ff!important;outline-offset:2px!important;box-shadow:0 0 0 5px rgba(56,168,255,.18), var(--shadow,none)!important}
body.nc-editor-fullscreen-page [data-nc-child].is-nc-child-selected{outline:2px solid #23d18b!important;outline-offset:2px!important;box-shadow:0 0 0 5px rgba(35,209,139,.18)!important}
body.nc-editor-fullscreen-page [data-nc-child]:hover{outline:1px dashed rgba(35,209,139,.72)!important;outline-offset:2px!important}
.nc-v137-dock .nc-side-switch,.nc-v137-dock .nc-tool-row,.nc-v137-dock .nc-style-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.nc-v137-dock button,.nc-v137-dock select,.nc-v137-dock input{font:800 12px/1.2 system-ui;border-radius:10px;border:1px solid rgba(245,207,98,.24);padding:8px;background:rgba(255,231,160,.08);color:#ffe9aa}
.nc-v137-dock button{background:#d6a928!important;color:#170e06!important;border:0!important}.nc-v137-dock button:hover{filter:brightness(1.08)}
.nc-v137-dock .nc-breadcrumb{margin-top:8px;padding:8px 10px;border-radius:10px;background:rgba(255,231,160,.07);border:1px solid rgba(245,207,98,.14);color:#ffe9aa;font-weight:900}
.nc-v137-dock .nc-child-picker{margin-top:8px;padding:8px;border-radius:12px;background:rgba(255,231,160,.05);border:1px solid rgba(245,207,98,.12)}
.nc-v137-dock .nc-child-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.nc-v137-dock .nc-mode-note,.nc-v137-dock .nc-status{margin:8px 0 0;color:#d8c99c;font-size:12px}.nc-v137-dock .nc-status{color:#ffe39a;font-weight:900}
.nc-selection-box.is-visible{position:absolute!important;display:block!important;border:2px solid #38a8ff!important;background:rgba(56,168,255,.05)!important;pointer-events:none!important}.nc-selection-box.is-page-box{border-color:#f5cf62!important;background:rgba(245,207,98,.04)!important}.nc-selection-box.is-child-box{border-color:#23d18b!important;background:rgba(35,209,139,.04)!important}.nc-box-label{position:absolute;left:0;top:-22px;background:#080604;color:#ffe39a;border:1px solid rgba(245,207,98,.34);border-radius:8px;padding:3px 7px;font-size:10px;font-weight:900;white-space:nowrap}.nc-move-grip{position:absolute;left:50%;top:-14px;transform:translateX(-50%);background:#2688ff;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;pointer-events:auto!important;cursor:grab;box-shadow:0 8px 20px rgba(0,0,0,.35)}.nc-resize-grip{position:absolute;right:-9px;bottom:-9px;width:18px;height:18px;border-radius:50%;background:#f5cf62;border:2px solid #130b04;pointer-events:auto!important;cursor:nwse-resize;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.nc-layer-tree-panel h2{margin:0;color:#ffe39a;font-size:15px}.nc-layer-tree{margin-top:8px}.nc-layer-page{margin:8px 0;padding:8px;border:1px solid rgba(245,207,98,.14);border-radius:12px;background:rgba(255,231,160,.035)}.nc-layer-page.is-active{border-color:rgba(245,207,98,.75);background:rgba(245,207,98,.09)}.nc-layer-tree button{display:block;width:100%;text-align:left;margin:4px 0;border:0;border-radius:9px;padding:7px 9px;background:rgba(245,207,98,.10);color:#ffe9aa;font-weight:800;cursor:pointer}.nc-layer-tree button:hover{background:rgba(245,207,98,.20)}.nc-layer-card{margin-left:8px}.nc-layer-children{margin-left:14px;border-left:1px dashed rgba(245,207,98,.18);padding-left:8px}.nc-layer-child{font-size:11px!important;color:#c7f7df!important;background:rgba(35,209,139,.08)!important}
body.nc-editor-fullscreen-page .page.layout-manual .editorial-grid,body.nc-editor-fullscreen-page .visual-editor-root .manual-canvas{position:relative!important;display:block!important;min-height:calc(100% - 96px)!important}
body.nc-editor-fullscreen-page .visual-editor-root .product-card.is-free-moving{position:absolute!important;left:var(--x,20px)!important;top:var(--y,110px)!important;width:var(--w,260px)!important;height:var(--h,260px)!important;z-index:var(--z,1)!important;background:var(--card-bg,rgba(255,246,214,.2))!important;border:var(--card-border,1px solid rgba(74,50,18,.32))!important;border-radius:var(--radius,0px)!important;padding:var(--pad,8px)!important;overflow:hidden!important}
body.nc-editor-fullscreen-page .visual-editor-root .product-card.is-free-moving [data-nc-child].is-manual-child{position:absolute!important;left:var(--x,0)!important;top:var(--y,0)!important;width:var(--w,auto)!important;height:var(--h,auto)!important;z-index:var(--z,2)!important;font-size:var(--font-size,inherit)!important;color:var(--text-color,inherit)!important;background:var(--card-bg,transparent)!important;font-weight:var(--font-weight,inherit)!important;text-align:var(--text-align,inherit)!important;overflow:hidden!important}
body.nc-editor-fullscreen-page .visual-editor-root .product-media img{width:100%;height:100%;object-fit:cover}


/* v1.3.8 critical recovery: first spread must be visible even before JS initializes. */
body.nc-editor-fullscreen-page .book .spread.is-active{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:5!important;
}
body.nc-editor-fullscreen-page .book .spread:not(.is-active){
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book-wrap{
  min-width:0!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .page{
  display:block!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .spread.is-active{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
}
body.nc-editor-fullscreen-page .nc-editor-backdrop{
  background:transparent!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.nc-editor-fullscreen-page:not(.nc-left-open):not(.nc-right-open):not(.nc-top-open):not(.nc-tools-open) .nc-editor-backdrop{
  pointer-events:none!important;
}

/* v1.3.9 hard editor magazine visibility recovery */
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame,
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .magazine-shell,
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book-wrap,
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book{
  opacity:1!important;
  visibility:visible!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .magazine-shell{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  display:grid!important;
  place-items:center!important;
  max-width:none!important;
  background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.28),transparent 36%)!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book-wrap{
  position:relative!important;
  width:min(1380px,calc(100vw - 150px),calc((100vh - 150px)*1.72))!important;
  height:auto!important;
  aspect-ratio:1.72/1!important;
  min-width:520px!important;
  max-width:calc(100vw - 150px)!important;
  margin:auto!important;
  z-index:10!important;
  perspective:1800px!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  transform:none!important;
  filter:drop-shadow(0 42px 34px rgba(0,0,0,.7))!important;
  z-index:20!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book .spread,
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book .spread[aria-hidden="true"]{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  grid-template-columns:1fr 1fr!important;
  opacity:0!important;
  visibility:hidden!important;
  display:none!important;
  pointer-events:none!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book .spread.is-active,
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .book .spread:first-child{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:30!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .page{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  opacity:1!important;
  visibility:visible!important;
  background:radial-gradient(circle at 45% -8%,rgba(255,255,255,.52),transparent 42%),linear-gradient(90deg,var(--paper2,#fff0bd),var(--paper,#e6cd91) 14%,var(--paper,#e6cd91) 86%,var(--paper3,#c9a260))!important;
  color:var(--ink,#181008)!important;
  overflow:hidden!important;
  z-index:31!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .page-safe-area{
  position:relative!important;
  z-index:35!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  padding:0!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .editorial-grid{
  position:relative!important;
  display:grid!important;
  height:100%!important;
  min-height:0!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:36!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .product-card,
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .empty-page-card,
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .page-head,
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .folio{
  opacity:1!important;
  visibility:visible!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .spine{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:80!important;
}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .stack-left,
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .stack-right{
  z-index:1!important;
}

/* v1.5.1 magazine-integrated category index tabs
   Cream physical index markers, inspired by classic printed catalog dividers. */
.magazine-shell .tabs{
  top:4.8%;
  bottom:4.8%;
  gap:0;
  width:52px;
  justify-content:flex-start;
  filter:drop-shadow(0 10px 12px rgba(0,0,0,.42));
  z-index:7;
  pointer-events:auto;
}
.magazine-shell .tabs.left{left:-48px;align-items:flex-end;}
.magazine-shell .tabs.right{right:-48px;align-items:flex-start;}
.magazine-shell .tab{
  --tab-h:64px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:var(--tab-h);
  margin:0 0 -1px 0;
  padding:6px 0;
  border:1px solid rgba(118,88,42,.52);
  border-left-color:rgba(255,245,210,.72);
  border-top-color:rgba(255,250,226,.84);
  background:
    linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,247,224,.96) 28%,#efe2c0 74%,#c2a974 100%);
  color:#332615;
  font-family:'Arial Narrow',Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  line-height:1;
  text-transform:uppercase;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  transform:none;
  text-shadow:0 1px rgba(255,255,255,.65);
  box-shadow:
    inset 2px 0 0 rgba(255,255,255,.52),
    inset -3px 0 7px rgba(92,65,23,.22),
    4px 4px 8px rgba(0,0,0,.24);
  cursor:pointer;
  overflow:hidden;
}
.magazine-shell .tabs.left .tab{
  border-radius:10px 0 0 10px;
  border-right:0;
  box-shadow:
    inset -2px 0 0 rgba(255,255,255,.42),
    inset 3px 0 7px rgba(92,65,23,.24),
    -4px 4px 8px rgba(0,0,0,.24);
  background:linear-gradient(270deg,rgba(255,255,255,.78),rgba(255,247,224,.96) 28%,#efe2c0 74%,#c2a974 100%);
  writing-mode:vertical-lr;
}
.magazine-shell .tabs.right .tab{
  border-radius:0 10px 10px 0;
  border-left:0;
}
.magazine-shell .tab::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.45),transparent 24%,rgba(80,50,15,.08) 76%,rgba(0,0,0,.12)),
    repeating-linear-gradient(90deg,rgba(120,92,42,.06) 0 1px,transparent 1px 6px);
  pointer-events:none;
}
.magazine-shell .tab::after{
  content:"";
  position:absolute;
  top:5px;
  bottom:5px;
  width:3px;
  background:linear-gradient(180deg,transparent,rgba(122,92,39,.26),transparent);
  pointer-events:none;
}
.magazine-shell .tabs.right .tab::after{left:4px;}
.magazine-shell .tabs.left .tab::after{right:4px;}
.magazine-shell .tab.is-active,
.magazine-shell .tab[aria-current="true"]{
  background:linear-gradient(180deg,#ffd94d,#e7b51e 62%,#c99208);
  color:#3a2600;
  border-color:#9f760f;
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.54),
    inset 0 -10px 13px rgba(119,70,0,.16),
    0 8px 13px rgba(0,0,0,.36);
}
.magazine-shell .tabs.left .tab.is-active,
.magazine-shell .tabs.left .tab[aria-current="true"]{
  box-shadow:
    inset -1px 0 0 rgba(255,255,255,.54),
    inset 0 -10px 13px rgba(119,70,0,.16),
    -5px 8px 13px rgba(0,0,0,.36);
}
.magazine-shell .tab:hover{filter:brightness(1.04);}
.magazine-shell .tab:focus-visible{outline:2px solid #ffe27a;outline-offset:2px;}
.magazine-shell .stack-left,.magazine-shell .stack-right{z-index:0;}
.magazine-shell .tabs.left + .tabs.right + .stack-left,
.magazine-shell .tabs.left + .tabs.right + .stack-left + .stack-right{pointer-events:none;}
@media(max-width:1000px){
  .magazine-shell .tabs{width:38px;top:7%;bottom:7%;}
  .magazine-shell .tabs.left{left:-36px}.magazine-shell .tabs.right{right:-36px}
  .magazine-shell .tab{width:36px;height:52px;font-size:9px;border-radius:7px 0 0 7px;}
  .magazine-shell .tabs.right .tab{border-radius:0 7px 7px 0;}
}


/* v1.5.2 full-height page-edge category tabs
   Tabs now stretch across the full physical page height and follow the outer page edge. */
.magazine-shell .tabs{
  top:2.5%!important;
  bottom:2.5%!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:stretch!important;
  gap:0!important;
  width:54px!important;
  z-index:6!important;
}
.magazine-shell .tabs.left{
  left:-41px!important;
  align-items:stretch!important;
  padding:10px 0 10px 6px!important;
}
.magazine-shell .tabs.right{
  right:-41px!important;
  align-items:stretch!important;
  padding:10px 6px 10px 0!important;
}
.magazine-shell .tab{
  flex:1 1 0!important;
  width:48px!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:7px 0!important;
  border-radius:0!important;
  border-color:rgba(110,82,38,.55)!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.82),rgba(255,249,229,.98) 30%,#eadbb8 72%,#bda36d 100%)!important;
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.62),
    inset -3px 0 9px rgba(83,58,20,.20),
    4px 3px 8px rgba(0,0,0,.21)!important;
  font-size:clamp(8px,.62vw,11px)!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  overflow:hidden!important;
}
.magazine-shell .tabs.left .tab{
  border-right:0!important;
  border-radius:8px 0 0 8px!important;
  background:
    linear-gradient(270deg,rgba(255,255,255,.82),rgba(255,249,229,.98) 30%,#eadbb8 72%,#bda36d 100%)!important;
  box-shadow:
    inset -1px 0 0 rgba(255,255,255,.62),
    inset 3px 0 9px rgba(83,58,20,.20),
    -4px 3px 8px rgba(0,0,0,.21)!important;
}
.magazine-shell .tabs.right .tab{
  border-left:0!important;
  border-radius:0 8px 8px 0!important;
}
.magazine-shell .tab + .tab{margin-top:-1px!important;}
.magazine-shell .tab:first-child{border-top-left-radius:10px!important;border-top-right-radius:10px!important;}
.magazine-shell .tabs.left .tab:first-child{border-top-right-radius:0!important;}
.magazine-shell .tabs.right .tab:first-child{border-top-left-radius:0!important;}
.magazine-shell .tab:last-child{border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important;}
.magazine-shell .tabs.left .tab:last-child{border-bottom-right-radius:0!important;}
.magazine-shell .tabs.right .tab:last-child{border-bottom-left-radius:0!important;}
.magazine-shell .tab.is-active,
.magazine-shell .tab[aria-current="true"]{
  background:linear-gradient(180deg,#ffd94d 0%,#efbd25 62%,#c9930c 100%)!important;
  color:#3b2700!important;
  border-color:#9f760f!important;
  transform:translateX(0)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -9px 13px rgba(121,74,0,.18),
    0 8px 12px rgba(0,0,0,.33)!important;
}
.magazine-shell .tabs.left::before,
.magazine-shell .tabs.right::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:12px;
  pointer-events:none;
  background:repeating-linear-gradient(90deg,#d9bf7f 0 2px,#fff0bd 2px 4px,#b58c46 4px 5px);
  opacity:.95;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.3));
}
.magazine-shell .tabs.left::before{right:-5px;border-radius:0 8px 8px 0;}
.magazine-shell .tabs.right::before{left:-5px;border-radius:8px 0 0 8px;}
.magazine-shell .book-wrap{overflow:visible!important;}
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .magazine-shell .tabs{
  top:2.5%!important;
  bottom:2.5%!important;
}
@media(max-width:1000px){
  .magazine-shell .tabs{width:40px!important;top:3.5%!important;bottom:3.5%!important;}
  .magazine-shell .tabs.left{left:-31px!important;padding-left:4px!important;}
  .magazine-shell .tabs.right{right:-31px!important;padding-right:4px!important;}
  .magazine-shell .tab{width:36px!important;font-size:8px!important;padding:5px 0!important;}
}

/* v1.5.3 page-stack/tab depth alignment
   Side page stacks and category tabs are now placed behind the visible page sheet.
   The visible page masks the inner part, leaving only the physical bookmark edge visible. */
.magazine-shell .book-wrap{
  overflow:visible!important;
}
.magazine-shell .book{
  overflow:visible!important;
}
.magazine-shell .spread,
.magazine-shell .spread.is-active{
  z-index:8!important;
}
.magazine-shell .page{
  z-index:12!important;
}
.magazine-shell .spine{
  z-index:18!important;
}
.magazine-shell .stack-left,
.magazine-shell .stack-right{
  top:2.2%!important;
  bottom:2.2%!important;
  width:42px!important;
  z-index:2!important;
  opacity:.98!important;
  border-radius:11px!important;
  background:
    repeating-linear-gradient(90deg,#b28d47 0 1px,#f7e7b6 1px 3px,#d5bb7a 3px 5px,#fff0bd 5px 6px)!important;
  box-shadow:
    0 14px 18px rgba(0,0,0,.42),
    inset 6px 0 10px rgba(255,255,255,.22),
    inset -8px 0 12px rgba(82,52,17,.22)!important;
  pointer-events:none!important;
}
.magazine-shell .stack-left{left:-23px!important;}
.magazine-shell .stack-right{right:-23px!important;}
.magazine-shell .tabs{
  top:3.6%!important;
  bottom:3.6%!important;
  width:48px!important;
  z-index:4!important;
  filter:drop-shadow(0 7px 7px rgba(0,0,0,.30));
}
.magazine-shell .tabs.left{
  left:-31px!important;
  padding:8px 0 8px 0!important;
}
.magazine-shell .tabs.right{
  right:-31px!important;
  padding:8px 0 8px 0!important;
}
.magazine-shell .tab{
  width:46px!important;
  color:#2b1d08!important;
  background:
    linear-gradient(90deg,#fff8dc 0%,#f4e5bd 37%,#d4b979 78%,#ac8646 100%)!important;
  border:1px solid rgba(95,65,24,.48)!important;
  border-left-color:rgba(255,255,255,.64)!important;
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.7),
    inset -5px 0 10px rgba(83,58,20,.22),
    3px 3px 6px rgba(0,0,0,.20)!important;
}
.magazine-shell .tabs.left .tab{
  background:
    linear-gradient(270deg,#fff8dc 0%,#f4e5bd 37%,#d4b979 78%,#ac8646 100%)!important;
  box-shadow:
    inset -1px 0 0 rgba(255,255,255,.7),
    inset 5px 0 10px rgba(83,58,20,.22),
    -3px 3px 6px rgba(0,0,0,.20)!important;
}
.magazine-shell .tabs::before{
  display:none!important;
}
.magazine-shell .tab.is-active,
.magazine-shell .tab[aria-current="true"]{
  background:linear-gradient(180deg,#ffe071 0%,#f0c22e 55%,#c8950e 100%)!important;
  color:#2d1b00!important;
  border-color:#8c6a13!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -10px 14px rgba(121,74,0,.16),
    0 7px 9px rgba(0,0,0,.32)!important;
}
/* page edge shadow masks the inner half of tabs, making them feel inserted into the paper stack */
.magazine-shell .page.left::before,
.magazine-shell .page.right::before{
  z-index:20!important;
}
@media(max-width:1000px){
  .magazine-shell .stack-left{left:-18px!important;}
  .magazine-shell .stack-right{right:-18px!important;}
  .magazine-shell .tabs.left{left:-27px!important;}
  .magazine-shell .tabs.right{right:-27px!important;}
  .magazine-shell .tabs{width:40px!important;}
  .magazine-shell .tab{width:38px!important;}
}

/* v1.5.4 real behind-page category tab depth
   The physical tabs now sit below the open pages in the stacking context.
   Only their outer lip remains visible; the inner half is covered by the page sheet. */
.magazine-shell .book-wrap{
  overflow:visible!important;
  isolation:isolate!important;
}
.magazine-shell .book{
  position:absolute!important;
  inset:0!important;
  z-index:30!important;
  overflow:visible!important;
}
.magazine-shell .spread.is-active{
  z-index:35!important;
}
.magazine-shell .page{
  position:relative!important;
  z-index:40!important;
}
.magazine-shell .spine{z-index:55!important;}
.magazine-shell .stack-left,
.magazine-shell .stack-right{
  z-index:4!important;
  width:38px!important;
  top:2.7%!important;
  bottom:2.7%!important;
}
.magazine-shell .stack-left{left:-18px!important;}
.magazine-shell .stack-right{right:-18px!important;}
.magazine-shell .tabs{
  z-index:9!important;
  top:4.2%!important;
  bottom:4.2%!important;
  width:52px!important;
  filter:drop-shadow(0 10px 10px rgba(0,0,0,.28))!important;
}
.magazine-shell .tabs.left{
  left:-25px!important; /* 27px is under the left page and masked by the page sheet */
  padding:7px 0!important;
  align-items:flex-start!important;
}
.magazine-shell .tabs.right{
  right:-25px!important; /* 27px is under the right page and masked by the page sheet */
  padding:7px 0!important;
  align-items:flex-end!important;
}
.magazine-shell .tab{
  width:52px!important;
  border-radius:9px!important;
  transform:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -9px 13px rgba(82,55,18,.15),
    0 6px 10px rgba(0,0,0,.22)!important;
}
.magazine-shell .tabs.left .tab{
  border-radius:9px 0 0 9px!important;
}
.magazine-shell .tabs.right .tab{
  border-radius:0 9px 9px 0!important;
}
.magazine-shell .tabs.left::after,
.magazine-shell .tabs.right::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:18px!important;
  pointer-events:none!important;
  z-index:10!important;
  opacity:.9!important;
}
.magazine-shell .tabs.left::after{
  right:0!important;
  background:linear-gradient(90deg,transparent,rgba(70,44,13,.28),rgba(255,238,181,.2))!important;
}
.magazine-shell .tabs.right::after{
  left:0!important;
  background:linear-gradient(270deg,transparent,rgba(70,44,13,.28),rgba(255,238,181,.2))!important;
}
/* hard mask at the visible page edge, so tab roots cannot float above the paper */
.magazine-shell .page.left::after,
.magazine-shell .page.right::after{
  z-index:45!important;
}
.magazine-shell .page.left::before,
.magazine-shell .page.right::before{
  z-index:46!important;
}
.magazine-shell .page.left .page-safe-area,
.magazine-shell .page.right .page-safe-area,
.magazine-shell .folio{
  z-index:50!important;
}
@media(max-width:1000px){
  .magazine-shell .tabs{width:40px!important;}
  .magazine-shell .tab{width:40px!important;}
  .magazine-shell .tabs.left{left:-20px!important;}
  .magazine-shell .tabs.right{right:-20px!important;}
}

/* v1.5.5 physical inset index tabs
   Reference-matched category markers: tabs are no longer floating buttons.
   They sit inside a narrow page-stack channel behind the open sheets, with only the outer index lips visible. */
.magazine-shell .book-wrap{
  overflow:visible!important;
  isolation:isolate!important;
}
.magazine-shell .book{
  z-index:40!important;
  pointer-events:auto!important;
}
.magazine-shell .spread.is-active{z-index:48!important;}
.magazine-shell .page{z-index:55!important;}
.magazine-shell .spine{z-index:70!important;}

.magazine-shell .stack-left,
.magazine-shell .stack-right{
  z-index:18!important;
  top:2.2%!important;
  bottom:2.2%!important;
  width:42px!important;
  border-radius:10px!important;
  opacity:1!important;
  background:
    linear-gradient(90deg, rgba(91,61,22,.45), transparent 16%, transparent 82%, rgba(80,50,15,.38)),
    repeating-linear-gradient(90deg,
      #8b6b34 0 1px,
      #ead8a2 1px 3px,
      #fff1bd 3px 5px,
      #c7a45d 5px 6px,
      #76511f 6px 7px
    )!important;
  box-shadow:
    inset 6px 0 8px rgba(255,248,207,.35),
    inset -8px 0 12px rgba(72,45,13,.36),
    0 14px 18px rgba(0,0,0,.36)!important;
}
.magazine-shell .stack-left{left:-31px!important;}
.magazine-shell .stack-right{right:-31px!important;}

/* Paper edge masks sit above tab roots and below readable page content. */
.magazine-shell .page.left::before,
.magazine-shell .page.right::before{z-index:72!important;}
.magazine-shell .page.left::after,
.magazine-shell .page.right::after{z-index:71!important;}
.magazine-shell .page-safe-area,.magazine-shell .folio{z-index:76!important;}
.magazine-shell .page.left{
  box-shadow:
    inset -58px 0 48px rgba(54,35,17,.32),
    inset 16px 0 10px rgba(255,244,196,.28),
    -10px 0 0 rgba(236,214,153,.70),
    -17px 0 0 rgba(164,125,58,.38),
    inset 0 0 42px rgba(90,55,17,.18)!important;
}
.magazine-shell .page.right{
  box-shadow:
    inset 58px 0 48px rgba(54,35,17,.28),
    inset -16px 0 10px rgba(255,244,196,.28),
    10px 0 0 rgba(236,214,153,.70),
    17px 0 0 rgba(164,125,58,.38),
    inset 0 0 42px rgba(90,55,17,.18)!important;
}

.magazine-shell .tabs{
  z-index:22!important;
  position:absolute!important;
  top:4.15%!important;
  bottom:4.15%!important;
  width:42px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:stretch!important;
  gap:0!important;
  padding:10px 0!important;
  pointer-events:auto!important;
  filter:none!important;
}
.magazine-shell .tabs.left{
  left:-38px!important;
  align-items:flex-end!important;
}
.magazine-shell .tabs.right{
  right:-38px!important;
  align-items:flex-start!important;
}

.magazine-shell .tabs::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:18px!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg, rgba(255,244,205,.28), rgba(107,75,28,.28), rgba(0,0,0,.18)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.22) 0 1px, rgba(105,75,30,.12) 1px 5px)!important;
  box-shadow:inset 0 0 10px rgba(0,0,0,.22)!important;
}
.magazine-shell .tabs.left::before{right:-1px!important;border-radius:0 8px 8px 0!important;}
.magazine-shell .tabs.right::before{left:-1px!important;border-radius:8px 0 0 8px!important;}

.magazine-shell .tab{
  position:relative!important;
  z-index:1!important;
  flex:1 1 0!important;
  min-height:0!important;
  width:36px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border-radius:7px!important;
  color:#221507!important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.78), rgba(238,219,166,.96) 35%, rgba(188,149,72,.72) 100%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.20) 0 1px, transparent 1px 6px)!important;
  border:1px solid rgba(104,78,34,.56)!important;
  border-right-color:rgba(70,48,18,.38)!important;
  border-bottom-color:rgba(76,50,16,.48)!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.03em!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-shadow:0 1px 0 rgba(255,255,255,.65)!important;
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.78),
    inset -5px 0 10px rgba(84,55,18,.18),
    0 2px 4px rgba(0,0,0,.24)!important;
}
.magazine-shell .tabs.left .tab{
  border-radius:7px 0 0 7px!important;
  transform:translateX(2px)!important;
}
.magazine-shell .tabs.right .tab{
  border-radius:0 7px 7px 0!important;
  transform:translateX(-2px)!important;
}
.magazine-shell .tab + .tab{margin-top:-1px!important;}
.magazine-shell .tab:first-child{border-top-left-radius:10px!important;border-top-right-radius:10px!important;}
.magazine-shell .tab:last-child{border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important;}
.magazine-shell .tabs.left .tab:first-child{border-top-right-radius:0!important;}
.magazine-shell .tabs.left .tab:last-child{border-bottom-right-radius:0!important;}
.magazine-shell .tabs.right .tab:first-child{border-top-left-radius:0!important;}
.magazine-shell .tabs.right .tab:last-child{border-bottom-left-radius:0!important;}
.magazine-shell .tab::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(180deg, rgba(255,255,255,.55), transparent 42%, rgba(81,53,17,.13))!important;
}
.magazine-shell .tab::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:5px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg, rgba(255,255,255,.55), rgba(87,55,15,.22))!important;
}
.magazine-shell .tabs.left .tab::after{right:0!important;}
.magazine-shell .tabs.right .tab::after{left:0!important;}
.magazine-shell .tab.is-active,
.magazine-shell .tab[aria-current="true"]{
  background:
    linear-gradient(90deg,#ffe783 0%,#e1b525 52%,#9f7111 100%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.20) 0 1px, transparent 1px 6px)!important;
  border-color:rgba(116,78,11,.72)!important;
  color:#231405!important;
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.62),
    inset -6px 0 12px rgba(92,56,5,.20),
    0 3px 7px rgba(0,0,0,.32)!important;
}
.magazine-shell .tab:hover{filter:brightness(1.04)!important;}

/* Editor and narrower screens: keep the index tabs integrated, never floating over content. */
body.nc-editor-fullscreen-page .nc-fullscreen-preview-frame .magazine-shell .tabs{
  pointer-events:auto!important;
}
@media(max-width:1000px){
  .magazine-shell .stack-left{left:-25px!important;}
  .magazine-shell .stack-right{right:-25px!important;}
  .magazine-shell .tabs{width:34px!important;top:4.5%!important;bottom:4.5%!important;}
  .magazine-shell .tabs.left{left:-31px!important;}
  .magazine-shell .tabs.right{right:-31px!important;}
  .magazine-shell .tab{width:30px!important;font-size:8px!important;}
}

/* v1.5.6 - reference-matched category tabs, identical live/editor
   Goal: visible physical index lips, mounted in the page stack and partially covered by the open pages. */
.magazine-shell .book-wrap{
  overflow:visible!important;
  isolation:isolate!important;
}
.magazine-shell .book{ z-index:40!important; }
.magazine-shell .spread.is-active{ z-index:50!important; }
.magazine-shell .page{ z-index:62!important; }
.magazine-shell .spine{ z-index:88!important; }
.magazine-shell .page-safe-area,.magazine-shell .folio{ z-index:78!important; }

.magazine-shell .stack-left,
.magazine-shell .stack-right{
  z-index:20!important;
  top:2.35%!important;
  bottom:2.35%!important;
  width:62px!important;
  opacity:1!important;
  border-radius:10px!important;
  background:
    linear-gradient(90deg,rgba(70,45,15,.36),rgba(255,238,179,.25) 24%,rgba(255,246,207,.42) 48%,rgba(123,86,29,.34) 100%),
    repeating-linear-gradient(90deg,#725120 0 1px,#d3b777 1px 3px,#fff1bd 3px 5px,#b98d39 5px 6px,#6d4818 6px 7px)!important;
  box-shadow:
    inset 7px 0 7px rgba(255,249,214,.34),
    inset -12px 0 13px rgba(68,42,10,.38),
    0 16px 20px rgba(0,0,0,.38)!important;
}
.magazine-shell .stack-left{ left:-46px!important; }
.magazine-shell .stack-right{ right:-46px!important; }

.magazine-shell .tabs{
  position:absolute!important;
  z-index:34!important;
  top:4.3%!important;
  bottom:4.3%!important;
  width:54px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:8px 0!important;
  pointer-events:auto!important;
  filter:drop-shadow(0 10px 11px rgba(0,0,0,.34))!important;
}
.magazine-shell .tabs.left{ left:-49px!important; align-items:flex-end!important; }
.magazine-shell .tabs.right{ right:-49px!important; align-items:flex-start!important; }
.magazine-shell .tabs::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:22px!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,244,200,.34),rgba(110,78,31,.28),rgba(0,0,0,.16)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.26) 0 1px,rgba(112,81,34,.12) 1px 5px)!important;
  box-shadow:inset 0 0 12px rgba(0,0,0,.25)!important;
}
.magazine-shell .tabs.left::before{ right:-2px!important; border-radius:0 9px 9px 0!important; }
.magazine-shell .tabs.right::before{ left:-2px!important; border-radius:9px 0 0 9px!important; }
.magazine-shell .tab{
  position:relative!important;
  z-index:1!important;
  flex:1 1 0!important;
  min-height:0!important;
  width:45px!important;
  height:auto!important;
  margin:0!important;
  padding:0 2px!important;
  border-radius:0!important;
  color:#211407!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.86) 0%,rgba(249,237,198,.98) 34%,rgba(219,189,119,.88) 68%,rgba(154,113,44,.70) 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.20) 0 1px,transparent 1px 6px)!important;
  border:1px solid rgba(100,73,29,.66)!important;
  font-size:9.7px!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72)!important;
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.86),
    inset -7px 0 11px rgba(82,53,17,.20),
    0 2px 5px rgba(0,0,0,.25)!important;
}
.magazine-shell .tabs.left .tab{ border-radius:8px 0 0 8px!important; transform:translateX(1px)!important; }
.magazine-shell .tabs.right .tab{ border-radius:0 8px 8px 0!important; transform:translateX(-1px)!important; }
.magazine-shell .tab + .tab{ margin-top:-1px!important; }
.magazine-shell .tabs.left .tab:first-child{ border-top-left-radius:11px!important; border-top-right-radius:0!important; }
.magazine-shell .tabs.left .tab:last-child{ border-bottom-left-radius:11px!important; border-bottom-right-radius:0!important; }
.magazine-shell .tabs.right .tab:first-child{ border-top-right-radius:11px!important; border-top-left-radius:0!important; }
.magazine-shell .tabs.right .tab:last-child{ border-bottom-right-radius:11px!important; border-bottom-left-radius:0!important; }
.magazine-shell .tab::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.62),transparent 43%,rgba(74,47,13,.16))!important;
}
.magazine-shell .tab::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:6px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(255,255,255,.64),rgba(83,52,14,.24))!important;
}
.magazine-shell .tabs.left .tab::after{ right:0!important; }
.magazine-shell .tabs.right .tab::after{ left:0!important; }
.magazine-shell .tab.is-active,
.magazine-shell .tab[aria-current="true"]{
  background:
    linear-gradient(90deg,#ffe98b 0%,#e6bb2e 54%,#a87812 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 6px)!important;
  border-color:rgba(117,77,8,.78)!important;
  color:#201205!important;
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.68),
    inset -7px 0 13px rgba(88,53,5,.22),
    0 4px 9px rgba(0,0,0,.35)!important;
}
/* The open pages cover the inner root of each tab. The visible result is a physical lip outside the page edge. */
.magazine-shell .page.left{
  box-shadow:
    inset -58px 0 48px rgba(54,35,17,.32),
    inset 16px 0 10px rgba(255,244,196,.28),
    -12px 0 0 rgba(238,216,155,.78),
    -22px 0 0 rgba(151,112,49,.42),
    inset 0 0 42px rgba(90,55,17,.18)!important;
}
.magazine-shell .page.right{
  box-shadow:
    inset 58px 0 48px rgba(54,35,17,.28),
    inset -16px 0 10px rgba(255,244,196,.28),
    12px 0 0 rgba(238,216,155,.78),
    22px 0 0 rgba(151,112,49,.42),
    inset 0 0 42px rgba(90,55,17,.18)!important;
}
@media(max-width:1000px){
  .magazine-shell .stack-left{left:-38px!important}.magazine-shell .stack-right{right:-38px!important}
  .magazine-shell .tabs{width:46px!important;top:4.4%!important;bottom:4.4%!important}
  .magazine-shell .tabs.left{left:-43px!important}.magazine-shell .tabs.right{right:-43px!important}
  .magazine-shell .tab{width:39px!important;font-size:8.5px!important}
}

/* v1.5.7 inline import fallback: unified category tabs */
/* v1.5.7 - unified live/editor physical index tabs
   The category tabs are rendered as paper/plastic index lips mounted behind the open pages.
   This file is intentionally loaded last in live and editor to keep parity. */
.magazine-shell .book-wrap{
  overflow:visible!important;
  isolation:isolate!important;
}
.magazine-shell .book{
  position:absolute!important;
  inset:0!important;
  z-index:60!important;
}
.magazine-shell .spread.is-active{z-index:70!important;}
.magazine-shell .page{z-index:84!important;}
.magazine-shell .page-safe-area,
.magazine-shell .folio{z-index:90!important;}
.magazine-shell .spine{z-index:112!important;}
.magazine-shell .stack-left,
.magazine-shell .stack-right{
  z-index:18!important;
  top:2.1%!important;
  bottom:2.1%!important;
  width:70px!important;
  border-radius:11px!important;
  opacity:1!important;
  background:
    linear-gradient(90deg,rgba(61,39,14,.42),rgba(254,238,180,.30) 21%,rgba(255,248,213,.52) 45%,rgba(143,101,36,.36) 74%,rgba(64,42,15,.36)),
    repeating-linear-gradient(90deg,#6d4b18 0 1px,#b98b35 1px 2px,#f0d98f 2px 5px,#fff2bc 5px 7px,#ad8030 7px 8px)!important;
  box-shadow:
    inset 8px 0 8px rgba(255,248,214,.42),
    inset -14px 0 14px rgba(59,38,13,.42),
    0 18px 24px rgba(0,0,0,.40)!important;
  pointer-events:none!important;
}
.magazine-shell .stack-left{left:-52px!important;}
.magazine-shell .stack-right{right:-52px!important;}
.magazine-shell .tabs{
  position:absolute!important;
  z-index:32!important;
  top:3.75%!important;
  bottom:3.75%!important;
  width:64px!important;
  padding:9px 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  pointer-events:auto!important;
  filter:drop-shadow(0 10px 11px rgba(0,0,0,.38))!important;
}
.magazine-shell .tabs.left{left:-54px!important;align-items:flex-end!important;}
.magazine-shell .tabs.right{right:-54px!important;align-items:flex-start!important;}
.magazine-shell .tabs::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:26px!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,246,204,.46),rgba(122,86,32,.32),rgba(25,15,4,.16)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.32) 0 1px,rgba(115,82,31,.16) 1px 5px)!important;
  box-shadow:inset 0 0 13px rgba(0,0,0,.27)!important;
}
.magazine-shell .tabs.left::before{right:2px!important;border-radius:0 10px 10px 0!important;}
.magazine-shell .tabs.right::before{left:2px!important;border-radius:10px 0 0 10px!important;}
.magazine-shell .tab{
  position:relative!important;
  z-index:1!important;
  flex:1 1 0!important;
  min-height:0!important;
  width:56px!important;
  height:auto!important;
  margin:0!important;
  padding:0 3px!important;
  border:1px solid rgba(94,67,25,.72)!important;
  color:#221507!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(251,240,203,.98) 34%,rgba(224,194,125,.93) 67%,rgba(143,104,38,.76) 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 1px,transparent 1px 6px)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10.5px!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-shadow:0 1px 0 rgba(255,255,255,.76)!important;
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.92),
    inset -8px 0 12px rgba(78,51,16,.20),
    0 2px 5px rgba(0,0,0,.28)!important;
}
.magazine-shell .tabs.left .tab{
  border-radius:10px 2px 2px 10px!important;
  transform:translateX(0)!important;
}
.magazine-shell .tabs.right .tab{
  border-radius:2px 10px 10px 2px!important;
  transform:translateX(0)!important;
}
.magazine-shell .tab + .tab{margin-top:-1px!important;}
.magazine-shell .tabs.left .tab:first-child{border-top-left-radius:13px!important;}
.magazine-shell .tabs.left .tab:last-child{border-bottom-left-radius:13px!important;}
.magazine-shell .tabs.right .tab:first-child{border-top-right-radius:13px!important;}
.magazine-shell .tabs.right .tab:last-child{border-bottom-right-radius:13px!important;}
.magazine-shell .tab::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.68),transparent 42%,rgba(76,50,16,.18))!important;
}
.magazine-shell .tab::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:7px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(255,255,255,.68),rgba(81,52,15,.24))!important;
}
.magazine-shell .tabs.left .tab::after{right:0!important;}
.magazine-shell .tabs.right .tab::after{left:0!important;}
.magazine-shell .tab.is-active,
.magazine-shell .tab[aria-current="true"]{
  background:
    linear-gradient(90deg,#ffeb8f 0%,#e9bd2d 55%,#a87912 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 6px)!important;
  border-color:rgba(116,76,8,.80)!important;
  color:#201205!important;
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.72),
    inset -8px 0 13px rgba(86,52,5,.24),
    0 4px 9px rgba(0,0,0,.37)!important;
}
/* A stronger outside page edge masks the inner root of the tabs so they look inserted into the stack. */
.magazine-shell .page.left{
  box-shadow:
    inset -58px 0 48px rgba(54,35,17,.32),
    inset 18px 0 10px rgba(255,244,196,.30),
    -10px 0 0 rgba(246,229,169,.88),
    -18px 0 0 rgba(151,112,49,.45),
    inset 0 0 42px rgba(90,55,17,.18)!important;
}
.magazine-shell .page.right{
  box-shadow:
    inset 58px 0 48px rgba(54,35,17,.28),
    inset -18px 0 10px rgba(255,244,196,.30),
    10px 0 0 rgba(246,229,169,.88),
    18px 0 0 rgba(151,112,49,.45),
    inset 0 0 42px rgba(90,55,17,.18)!important;
}
/* Editor parity: selection overlay must not resize, move or visually cover the category lips. */
body.nc-editor-page .magazine-shell .tabs,
body.nc-editor-page .magazine-shell .stack-left,
body.nc-editor-page .magazine-shell .stack-right{
  z-index:32!important;
}
body.nc-editor-page .magazine-shell .page{z-index:84!important;}
body.nc-editor-page .magazine-shell .spine{z-index:112!important;}
body.nc-editor-page .nc-canvas .page.is-active-page::after{
  inset:14px!important;
  border:2px solid rgba(64,169,255,.70)!important;
  box-shadow:0 0 0 2px rgba(64,169,255,.08)!important;
  z-index:120!important;
  pointer-events:none!important;
}
@media(max-width:1000px){
  .magazine-shell .stack-left{left:-48px!important}.magazine-shell .stack-right{right:-48px!important}
  .magazine-shell .tabs{width:58px!important;top:3.9%!important;bottom:3.9%!important}
  .magazine-shell .tabs.left{left:-50px!important}.magazine-shell .tabs.right{right:-50px!important}
  .magazine-shell .tab{width:51px!important;font-size:9.2px!important}
}

/* v12.10.75 - unified admin/sidebar polish and report layout repair */
.admin-layout{grid-template-columns:300px minmax(0,1fr)!important;background:#080809!important;color:#fff;min-height:100vh}.admin-layout .side{position:sticky;top:0;height:100vh;overflow:auto;padding:20px 18px!important;background:linear-gradient(180deg,rgba(17,17,18,.98),rgba(9,9,10,.98))!important;border-right:1px solid rgba(243,193,75,.22)!important;box-shadow:18px 0 60px rgba(0,0,0,.28);z-index:20}.admin-layout .side .brand{display:flex;align-items:center;gap:12px;padding:0 2px 16px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.18)}.admin-layout .side .brand .logo{width:48px;height:48px;min-width:48px;border-radius:10px;font-size:27px;line-height:1}.admin-layout .side .brand h1{margin:0;color:#51a4d5;font-size:23px;letter-spacing:-.03em;line-height:1.05}.admin-layout .side .brand span{display:block;margin-top:4px;color:#d6c99e;font-size:12px;line-height:1.15}.admin-layout .side hr{display:none}.admin-layout .side p{margin:4px 0!important}.admin-layout .side a{display:flex;align-items:center;min-height:36px;padding:0 12px;border-radius:12px;color:#f2ead0!important;text-decoration:none!important;font-size:14px;font-weight:800;line-height:1.1;border:1px solid transparent;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.admin-layout .side a:hover{background:rgba(243,193,75,.10);border-color:rgba(243,193,75,.24);color:#fff4ca!important;transform:translateX(2px)}.admin-layout .side a.is-active,.op-page-reports .side a[href="reports.php"]{background:linear-gradient(135deg,rgba(243,193,75,.22),rgba(243,193,75,.07));border-color:rgba(243,193,75,.42);color:#f7c84c!important;box-shadow:inset 3px 0 0 #f3c14b}.admin-layout .main{min-width:0;padding:26px 28px 42px!important}.op-page-reports .op-report-main{max-width:none!important}.op-page-reports .op-analytics-head{display:flex;align-items:flex-start!important;justify-content:space-between;gap:28px;margin:0 0 14px!important}.op-page-reports .op-analytics-head h1{font-size:40px!important;line-height:1!important;margin:0 0 8px!important;letter-spacing:-.04em}.op-page-reports .op-analytics-head p{max-width:900px;margin:0!important;color:#d8ceb0!important;font-size:15px;line-height:1.35}.op-page-reports .op-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:0!important}.op-page-reports .op-actions .op-export{height:38px!important;padding:0 18px!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px!important;font-size:13px!important;line-height:1!important;white-space:nowrap;box-shadow:none!important}.op-page-reports .op-filters{width:fit-content;max-width:100%;display:inline-flex!important;align-items:center!important;gap:10px!important;margin:0 0 14px!important;padding:10px 12px!important;border-radius:16px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(243,193,75,.20)!important;box-shadow:none!important}.op-page-reports .op-filters label{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:36px!important;color:#eadfbf!important;font-size:14px!important;font-weight:900!important}.op-page-reports .op-filters select{height:36px!important;min-width:120px;padding:0 34px 0 12px!important;border-radius:12px!important;background:#121214!important;color:#fff!important;border:1px solid rgba(243,193,75,.34)!important;outline:none!important;box-shadow:none!important;font-weight:800}.op-page-reports .op-filters select:focus{border-color:#f3c14b!important;box-shadow:0 0 0 3px rgba(243,193,75,.18)!important}.op-page-reports .op-filters button{height:36px!important;min-width:126px;padding:0 16px!important;border-radius:999px!important;box-shadow:none!important;font-size:13px!important}.op-page-reports .op-report-cover{margin-top:0!important;margin-bottom:14px!important;padding:20px 22px!important;min-height:0!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(243,193,75,.18),rgba(18,18,20,.98) 58%)!important}.op-page-reports .op-report-cover h2{font-size:27px!important;line-height:1.08!important;margin:0 0 14px!important}.op-page-reports .op-report-cover p{margin:8px 0!important;font-size:14px;line-height:1.35}.op-page-reports .op-kpis{gap:10px!important;margin-bottom:14px!important}.op-page-reports .op-kpis div{min-height:76px!important;padding:13px 14px!important;border-radius:16px!important}.op-page-reports .op-kpis span{font-size:10px!important;letter-spacing:.11em}.op-page-reports .op-kpis strong{font-size:25px!important}.op-page-reports .panel{border-radius:18px!important}.op-page-reports .op-grid{gap:12px!important}.op-page-reports .op-row em{font-size:11px;opacity:.92}.op-page-reports .op-row span>b{line-height:1.22}.op-page-reports .op-note{line-height:1.45}@media(max-width:1280px){.admin-layout{grid-template-columns:260px minmax(0,1fr)!important}.admin-layout .side .brand h1{font-size:20px}.op-page-reports .op-analytics-head{flex-direction:column;gap:14px}.op-page-reports .op-actions{justify-content:flex-start}}@media(max-width:980px){.admin-layout{display:block!important}.admin-layout .side{position:relative!important;height:auto!important}.op-page-reports .op-filters{display:flex!important;width:100%;flex-wrap:wrap}.op-page-reports .op-filters label{flex:1 1 220px}.op-page-reports .op-filters select{width:100%}.op-page-reports .op-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.op-page-reports .op-grid-2{grid-template-columns:1fr!important}}@media(max-width:640px){.admin-layout .main{padding:18px 14px 34px!important}.op-page-reports .op-analytics-head h1{font-size:32px!important}.op-page-reports .op-actions .op-export,.op-page-reports .op-filters button{width:100%!important}.op-page-reports .op-kpis{grid-template-columns:1fr!important}}@media print{.admin-layout .side{display:none!important}.admin-layout{display:block!important}.admin-layout .main{padding:0!important}.op-page-reports .op-actions,.op-page-reports .op-filters{display:none!important}}

/* v12.10.222 - right page rear-corner mask fix
   The visible paper-stack layers behind the right sheet must not show square/double corners. */
.magazine-shell .page.left,
.magazine-shell .page.right{
  overflow:hidden!important;
  background-clip:padding-box!important;
  transform:translateZ(0);
}
.magazine-shell .page.left{
  border-radius:13px 0 0 13px!important;
  clip-path:inset(0 round 13px 0 0 13px)!important;
}
.magazine-shell .page.right{
  border-radius:0 13px 13px 0!important;
  clip-path:inset(0 round 0 13px 13px 0)!important;
}
.magazine-shell .page.left::before,
.magazine-shell .page.left::after{
  border-radius:11px 0 0 11px!important;
}
.magazine-shell .page.right::before,
.magazine-shell .page.right::after{
  border-radius:0 11px 11px 0!important;
}
.magazine-shell .stack-left,
.magazine-shell .stack-right{
  overflow:hidden!important;
  background-clip:padding-box!important;
}
.magazine-shell .stack-left{
  border-radius:13px 0 0 13px!important;
  clip-path:inset(0 round 13px 0 0 13px)!important;
}
.magazine-shell .stack-right{
  border-radius:0 13px 13px 0!important;
  clip-path:inset(0 round 0 13px 13px 0)!important;
}
/* The extra rear paper offsets are now softer and rounded; no hard square corners behind the right page. */
.magazine-shell .page.right{
  box-shadow:
    inset 58px 0 48px rgba(54,35,17,.28),
    inset -16px 0 10px rgba(255,244,196,.28),
    8px 0 0 rgba(236,214,153,.54),
    14px 0 0 rgba(164,125,58,.24),
    inset 0 0 42px rgba(90,55,17,.18)!important;
}
.magazine-shell .page.left{
  box-shadow:
    inset -58px 0 48px rgba(54,35,17,.32),
    inset 16px 0 10px rgba(255,244,196,.28),
    -8px 0 0 rgba(236,214,153,.54),
    -14px 0 0 rgba(164,125,58,.24),
    inset 0 0 42px rgba(90,55,17,.18)!important;
}