/* ============================================================
   flipbook.css — Full-screen presentation viewer
   ============================================================ */
.flipbook{
  position:fixed;inset:0;z-index:150;background:radial-gradient(120% 120% at 50% 0%,#141b16 0%,#0a0f0c 60%,#070a08 100%);
  display:flex;flex-direction:column;color:#e8efe9;
  opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility .45s;
}
.flipbook.is-open{opacity:1;visibility:visible;transform:none}

.fb-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.fb-brand{display:flex;align-items:center;gap:12px;min-width:0}
.fb-brand .logo-badge{width:36px;height:34px}
.fb-brand .logo-badge img{width:100%;height:100%;object-fit:contain}
.fb-doc-title{display:block;font-family:'Manrope',sans-serif;font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-doc-sub{display:block;font-size:11.5px;color:rgba(255,255,255,.5);letter-spacing:.06em;text-transform:uppercase}
.fb-actions{display:flex;gap:8px;flex:none}
.fb-actions .fb-btn{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.12);transition:background .2s,color .2s}
.fb-actions .fb-btn:hover{background:rgba(255,255,255,.1);color:#fff}
.fb-actions .fb-btn svg{width:18px;height:18px}

.fb-stage{flex:1;position:relative;overflow:hidden;min-height:0;touch-action:none;cursor:grab}
.fb-stage.is-dragging{cursor:grabbing}
.fb-transform{position:absolute;inset:0;display:grid;place-items:center;will-change:transform;transition:transform .3s var(--ease)}
.fb-layer{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(18px,4vw,56px);opacity:0;will-change:opacity,transform;transition:opacity .34s var(--ease),transform .34s var(--ease)}
.fb-layer.is-active{opacity:1;transform:none}
.fb-layer img{
  max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.75),0 2px 6px rgba(0,0,0,.4);
  user-select:none;-webkit-user-drag:none;
}

.fb-foot{display:flex;align-items:center;justify-content:center;gap:26px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.08)}
.fb-nav{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.14);transition:background .2s,transform .2s,color .2s}
.fb-nav:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-1px)}
.fb-nav:disabled{opacity:.3;cursor:default;transform:none}
.fb-nav svg{width:20px;height:20px}
.fb-counter{font-family:'Manrope',sans-serif;font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;color:rgba(255,255,255,.9);display:flex;align-items:baseline;gap:7px;min-width:92px;justify-content:center}
.fb-counter .sep{color:rgba(255,255,255,.35);font-weight:500}
.fb-counter .cur{color:#fff;font-size:19px}

.fb-side-tools{position:absolute;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:5}
.fb-tool{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:rgba(255,255,255,.75);background:rgba(10,15,12,.55);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);transition:background .2s,color .2s}
.fb-tool:hover{background:rgba(255,255,255,.12);color:#fff}
.fb-tool svg{width:18px;height:18px}
.fb-tool.zoom-reset{height:auto;padding:9px 0;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}

.fb-thumbs-toggle{position:absolute;left:20px;bottom:20px;z-index:5}
.fb-thumbs{
  position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;gap:12px;
  padding:14px 20px 20px;overflow-x:auto;background:linear-gradient(0deg,rgba(5,8,6,.92),rgba(5,8,6,0));backdrop-filter:blur(6px);
  transform:translateY(20px);opacity:0;pointer-events:none;transition:transform .35s var(--ease),opacity .35s;
}
.fb-thumbs.is-open{transform:none;opacity:1;pointer-events:auto}
.fb-thumb{flex:none;width:86px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .2s,transform .2s;background:rgba(255,255,255,.05)}
.fb-thumb:hover{transform:translateY(-2px)}
.fb-thumb.is-active{border-color:#6fd6a4}
.fb-thumb img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}

.fb-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.1);z-index:6}
.fb-progress span{display:block;height:100%;background:linear-gradient(90deg,#5fcf9b,#eafff3);width:0;transition:width .3s var(--ease)}