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