.zine-flip{outline-offset:4px;gap:.8rem;display:grid}.zine-flip__body{justify-content:center;align-items:center;gap:.6rem;display:flex}.zine-flip__nav{flex-shrink:0}.zine-flip__viewport{touch-action:pan-y;cursor:grab;flex:1;min-width:0;max-width:760px;overflow:hidden}.zine-flip__viewport--zoomed{touch-action:none}.zine-flip__viewport--zoomed:active{cursor:grabbing}.zine-flip__stage{perspective:1800px;margin:0 auto;transition:transform .12s ease-out;position:relative}.zine-flip__page{border:1px solid var(--surface-border);width:50%;box-shadow:var(--box-shadow);background:#fff;position:absolute;top:0;bottom:0;overflow:hidden}.zine-flip__page--left{border-right:none;left:0}.zine-flip__page--right{border-left:none;left:50%}.zine-flip__page--blank{box-shadow:none;background:0 0;border:none}.zine-flip__page .zine-page-preview,.zine-flip__leaf-face .zine-page-preview{height:100%}.zine-flip__page--left:not(.zine-flip__page--blank):after,.zine-flip__page--right:not(.zine-flip__page--blank):after{content:"";pointer-events:none;position:absolute;inset:0}.zine-flip__page--left:not(.zine-flip__page--blank):after{background:linear-gradient(270deg,#0000001a,#0000 12%)}.zine-flip__page--right:not(.zine-flip__page--blank):after{background:linear-gradient(90deg,#0000001a,#0000 12%)}.zine-flip__leaf{z-index:2;width:50%;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;bottom:0}.zine-flip__leaf--forward{transform-origin:0;animation:.45s ease-in-out forwards zine-leaf-forward;left:50%}.zine-flip__leaf--backward{transform-origin:100%;animation:.45s ease-in-out forwards zine-leaf-backward;left:0}@keyframes zine-leaf-forward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes zine-leaf-backward{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.zine-flip__leaf-face{border:1px solid var(--surface-border);-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:drop-shadow(0 6px 12px #00000040);background:#fff;position:absolute;inset:0;overflow:hidden}.zine-flip__leaf-face--back{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.zine-flip__leaf{animation-duration:1ms!important}}.zine-flip__spine{z-index:1;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.zine-flip__spine--crease{background:linear-gradient(#0000002e,#00000014)}.zine-flip__spine--staples{flex-direction:column;justify-content:space-around;align-items:center;display:flex}.zine-flip__staple{background:#8a93a6;border-radius:2px;width:4px;height:9%;display:block;box-shadow:0 0 1px #00000080}.zine-flip__status{text-align:center;color:var(--muted-text);margin:0;font-size:.95em}.zine-folded,.zine-fold3d{gap:.8rem;display:grid}.zine-fold3d__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.zine-fold3d__controls [role=group]{gap:.3rem;display:inline-flex}.zine-fold3d__status{text-align:center;color:var(--muted-text);margin:0;font-size:.95em}.zine-pdfpager{gap:.5rem;width:100%;display:grid}.zine-pdfpager__pages{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.6rem;display:grid}.zine-pdfpager__pages--single{grid-template-columns:minmax(0,1fr)}.zine-pdfpager__page{min-width:0}.zine-pdfpager__nav{color:var(--muted-text);justify-content:center;align-items:center;gap:.6rem;font-size:.85em;display:flex}.zine-sheet-side{border:1px solid var(--surface-border);width:100%;box-shadow:var(--box-shadow);background:#fff;position:relative;overflow:hidden}.zine-sheet-side__tile{position:absolute;overflow:hidden}.zine-sheet-side__layer{width:100%;height:100%}.zine-sheet-side__tile .zine-page-preview{height:100%}.zine-export{gap:1.25rem;display:grid}.zine-export h2,.zine-export-folded h2{margin:0}.zine-export-folded{gap:1.25rem;display:grid}.zine-export-folded__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.zine-export-folded__card{background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:18px;padding:1.1rem}.zine-export__title{color:var(--heading-color);gap:.3rem;font-weight:700;display:grid}.zine-export__title input{box-sizing:border-box;font:inherit;color:var(--text-color);background:var(--surface-solid);border:1px solid var(--surface-border);border-radius:10px;padding:.5rem .8rem;font-weight:400}.zine-export__columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}@media (width<=900px){.zine-export__columns{grid-template-columns:minmax(0,1fr)}}.zine-export__group{background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:18px;justify-items:start;gap:.6rem;padding:1.1rem;display:grid}.zine-export__group .zine-pdfpager{justify-self:stretch}.zine-export__actions{flex-wrap:wrap;gap:.5rem;display:flex}.zine-reading-thumb .zine-page-preview{border:1px solid var(--surface-border);box-shadow:var(--box-shadow)}.zine-export__group h3{margin:0;font-size:1.1em}.zine-export__group p{color:var(--muted-text);margin:0}.zine-export__group label{align-items:center;gap:.4rem;display:inline-flex}.zine-export__creep{border:1px dashed var(--surface-border);border-radius:10px;justify-items:start;gap:.4rem;padding:.6rem .8rem;display:grid}.zine-export__creep-amount{color:var(--muted-text);font-size:.9em}.zine-export__creep-amount input{width:160px;accent-color:var(--accent)}.zine-export__hint{font-size:.85em}.zine-export__toggle{align-items:flex-start;gap:.45rem;font-size:.9em;display:inline-flex}.zine-export__toggle[data-disabled]{color:var(--muted-text);cursor:not-allowed;position:relative}.zine-export__toggle[data-disabled]:after{content:"";pointer-events:none;background:#c0392b;height:2px;position:absolute;top:.75em;left:-.1rem;right:-.1rem;transform:rotate(-1deg)}.zine-export__not-applicable{color:#c0392b;margin:-.15rem 0 0;font-size:.9em;font-weight:700}:root[data-theme=dark] .zine-export__toggle[data-disabled]:after{background:#ff8a7a}:root[data-theme=dark] .zine-export__not-applicable{color:#ff8a7a}.zine-export__done{color:var(--heading-color);margin:0;font-weight:600}.zine-duplex-help{box-sizing:border-box;border:1px solid var(--surface-border);border-left:4px solid var(--accent);border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.92em}.zine-duplex-help h4{margin:0 0 .4rem}.zine-duplex-help ul{gap:.25rem;margin:0;padding-left:1.1rem;display:grid}