/* InkBleed10 – Frontend Styles */
.ib10-wrap{position:relative;width:100%;height:520px;overflow:hidden;cursor:pointer;background:#f4ece0;-webkit-tap-highlight-color:transparent;user-select:none;outline:none;}
.ib10-canvas{display:block;width:100%;height:100%;}

.ib10-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(244,236,218,.75);transition:opacity .4s;z-index:10;pointer-events:none;}
.ib10-loader-inner{width:44px;height:44px;border:3px solid rgba(60,50,40,.15);border-top-color:#4a3c30;border-radius:50%;animation:ib10-spin .8s linear infinite;}
@keyframes ib10-spin{to{transform:rotate(360deg);}}

.ib10-caption{position:absolute;bottom:0;left:0;right:0;padding:14px 20px 12px;background:rgba(40,30,20,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:3px;opacity:0;transition:opacity .35s;pointer-events:none;z-index:5;}
.ib10-caption-title{display:block;font-size:1.05rem;font-weight:600;color:#fdf6ec;text-shadow:0 1px 6px rgba(0,0,0,.4);}
.ib10-caption-sub{display:block;font-size:.82rem;color:rgba(250,240,225,.8);}

.ib10-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:28px;background:rgba(50,40,30,.35);color:#f5ead8;border:none;border-radius:50%;cursor:pointer;transition:background .2s,opacity .2s;backdrop-filter:blur(6px);opacity:.65;}
.ib10-arrow:hover{background:rgba(70,55,40,.6);opacity:1;}
.ib10-arrow--prev{left:14px;}.ib10-arrow--next{right:14px;}

.ib10-dots{position:absolute;bottom:56px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:6;}
.ib10-dot{width:9px;height:9px;border-radius:50%;background:rgba(80,60,40,.3);border:none;cursor:pointer;padding:0;transition:background .25s,transform .25s;}
.ib10-dot.ib10-dot--active{background:#5a4530;transform:scale(1.45);}

.ib10-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(80,60,40,.12);z-index:7;}
.ib10-progress-bar{height:100%;width:0%;background:rgba(90,69,48,.55);}

.ib10-lightbox{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center;}
.ib10-lightbox.ib10-lb--active{display:flex;animation:ib10-lbbg .35s forwards;}
@keyframes ib10-lbbg{to{background:rgba(20,15,10,.9);}}
.ib10-lb-inner{max-width:90vw;max-height:90vh;animation:ib10-lbsc .4s cubic-bezier(.22,.61,.36,1) forwards;}
@keyframes ib10-lbsc{from{transform:scale(.7);opacity:0;}to{transform:scale(1);opacity:1;}}
.ib10-lb-img{display:block;max-width:100%;max-height:90vh;border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.8);}
.ib10-lb-close{position:fixed;top:16px;right:16px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:rgba(70,55,40,.4);color:#f5ead8;font-size:18px;border:none;border-radius:50%;cursor:pointer;transition:background .2s;z-index:100000;backdrop-filter:blur(6px);}
.ib10-lb-close:hover{background:rgba(100,80,55,.6);}

.dm10-body-lock{overflow:hidden;}

@media(max-width:1024px){.ib10-wrap{height:360px;}}
@media(max-width:767px){.ib10-wrap{height:250px;}.ib10-arrow{width:36px;height:36px;font-size:22px;}.ib10-arrow--prev{left:8px;}.ib10-arrow--next{right:8px;}.ib10-dots{bottom:46px;}}
@media(prefers-reduced-motion:reduce){.ib10-loader-inner,.ib10-lb-inner,.ib10-lb-img{animation:none;}.ib10-arrow,.ib10-dot{transition:none;}}