.clica-fb-wrap{position:relative;border:1px solid rgba(0,0,0,.08);border-radius:14px;overflow:hidden;max-width:100%}
.clica-fb-stage{position:absolute;inset:0;padding:14px;display:flex;align-items:center;justify-content:center}
.clica-fb-loading{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;font-size:12px;color:#444;display:none;z-index:6;background:rgba(255,255,255,.7);backdrop-filter:blur(6px)}
.clica-fb-wrap.is-loading .clica-fb-loading{display:block}
.clica-fb-controls{position:absolute;left:0;right:0;bottom:0;display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 12px;background:rgba(255,255,255,.78);backdrop-filter:blur(8px);border-top:1px solid rgba(0,0,0,.06);z-index:5}
.clica-fb-btn{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:10px;padding:6px 10px;cursor:pointer;font-size:14px;line-height:1}
.clica-fb-btn[disabled]{opacity:.35;cursor:not-allowed}
.clica-fb-info{font-size:13px;color:#222;padding:0 6px;min-width:92px;text-align:center}

.clica-fb-book{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:2200px}
.clica-fb-spread{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.clica-fb-page{position:relative;width:50%;height:92%;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.12);overflow:hidden}
.clica-fb-page.left{border-top-right-radius:0;border-bottom-right-radius:0}
.clica-fb-page.right{border-top-left-radius:0;border-bottom-left-radius:0}
.clica-fb-gutter{position:absolute;left:50%;top:4%;bottom:4%;width:14px;transform:translateX(-50%);background:linear-gradient(to right, rgba(0,0,0,.18), rgba(0,0,0,.02), rgba(0,0,0,.18));border-radius:999px;pointer-events:none;opacity:.35}
.clica-fb-canvas{width:100%;height:auto;max-height:100%;display:block;background:#fff}

.clica-fb-sheet{position:absolute;top:4%;bottom:4%;width:50%;left:50%;transform-style:preserve-3d;transform-origin:left center;z-index:3}
.clica-fb-sheet .front,.clica-fb-sheet .back{position:absolute;inset:0;background:#fff;border-radius:10px;overflow:hidden;backface-visibility:hidden;box-shadow:0 14px 34px rgba(0,0,0,.12)}
.clica-fb-sheet .back{transform:rotateY(180deg)}
.clica-fb-sheet .shade{position:absolute;inset:0;background:linear-gradient(to left, rgba(0,0,0,.38), rgba(0,0,0,0));opacity:.25;pointer-events:none}
.clica-fb-sheet.turning{animation:clicaTurn .78s cubic-bezier(.2,.7,.12,1)}
@keyframes clicaTurn{0%{transform:rotateY(0deg)}100%{transform:rotateY(-180deg)}}

.clica-fb-thumbs{position:absolute;top:0;bottom:0;left:0;width:140px;background:rgba(255,255,255,.92);border-right:1px solid rgba(0,0,0,.08);z-index:4;overflow:auto}
.clica-fb-thumbs-inner{display:flex;flex-direction:column;gap:10px;padding:10px}
.clica-fb-thumb{border:1px solid rgba(0,0,0,.10);border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.06)}
.clica-fb-thumb canvas{width:100%;height:auto;display:block}
.clica-fb-thumb .lbl{font:12px/1.2 system-ui;padding:6px 8px;color:#333;background:#fafafa;border-top:1px solid rgba(0,0,0,.06);text-align:center}