tr-planner-flipbook{display:block;background:var(--tr-flip-bg,#faeeee);color:var(--tr-flip-text,#382b26);padding:32px 24px;margin:24px 0;text-align:center;width:100%;box-sizing:border-box}
tr-planner-flipbook[hidden]{display:none!important}tr-planner-flipbook h2{color:inherit;font-size:clamp(24px,3vw,34px);margin:0 0 10px}tr-planner-flipbook p{color:inherit}tr-planner-flipbook .tr-format{display:block;margin:16px auto;max-width:380px}tr-planner-flipbook select{display:block;width:100%;padding:10px;background:white;color:#382b26;border:1px solid #b7aaa4;margin-top:8px}
.tr-spread,.tr-large-spread{display:flex;align-items:flex-start;justify-content:center;gap:4px;max-width:1000px;margin:20px auto;touch-action:pan-y}.tr-spread img,.tr-large-spread img{display:block;width:calc(50% - 2px);height:auto;object-fit:contain;box-shadow:0 3px 10px #0002;border-radius:0}.tr-spread img:only-child,.tr-large-spread img:only-child{width:50%}
.tr-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.tr-controls button,[data-close]{cursor:pointer;background:#fff;color:#382b26;border:1px solid #b7aaa4;padding:10px 14px;font:inherit;min-height:44px}.tr-controls button:disabled{opacity:.4;cursor:default}.tr-controls button:focus-visible,.tr-spread:focus-visible,[data-close]:focus-visible{outline:3px solid #382b26;outline-offset:3px}.tr-preview-description{margin:18px 0 0}.tr-preview-description p{margin-bottom:0}
.tr-flip-dialog{width:min(1200px,96vw);max-width:96vw;max-height:94vh;overflow:auto;padding:20px;background:var(--tr-flip-bg);color:var(--tr-flip-text);border:0}.tr-flip-dialog::backdrop{background:#0009}.tr-flip-dialog [data-close]{display:block;margin-left:auto}.tr-page-turn{animation:tr-turn .3s ease-out}@keyframes tr-turn{from{opacity:.4;transform:perspective(1200px) rotateY(-7deg)}to{opacity:1;transform:none}}
@media(max-width:749px){tr-planner-flipbook{padding:24px 12px}.tr-spread img,.tr-spread img:only-child,.tr-large-spread img,.tr-large-spread img:only-child{width:100%}.tr-controls{gap:8px;font-size:14px}.tr-controls button{padding:10px}.tr-spread,.tr-large-spread{max-width:480px}}
@media(prefers-reduced-motion:reduce){.tr-page-turn{animation:none}}

tr-planner-flipbook .tr-format[hidden]{display:none!important}