/* Comixio 9.3.9.61 - clearer credits, progress and planche dialogs. */
.storybd-v7.storybd-library .storybd-library-dashboard-head{
    align-items:stretch!important;
}
.storybd-v7.storybd-library .storybd-library-topbar{
    width:min(520px,100%)!important;
}
.storybd-v7.storybd-library .storybd-library-credit-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:16px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    padding:17px!important;
    overflow:visible!important;
}
.storybd-v7.storybd-library .storybd-library-credit-summary{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    min-width:0!important;
}
.storybd-v7.storybd-library .storybd-library-credit-eyebrow{
    color:#ff2d6f!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.8px!important;
    text-transform:uppercase!important;
}
.storybd-v7.storybd-library .storybd-library-credit-summary > strong{
    color:#141c2c!important;
    font-size:20px!important;
    line-height:1.1!important;
}
.storybd-v7.storybd-library .storybd-library-credit-summary > p{
    margin:5px 0 0!important;
    color:#141c2c!important;
    font-size:12px!important;
    font-weight:750!important;
    line-height:1.35!important;
}
.storybd-v7.storybd-library .storybd-library-credit-summary > em{
    color:rgba(20,28,44,.64)!important;
    font-size:11px!important;
    font-style:normal!important;
    font-weight:700!important;
    line-height:1.35!important;
}
.storybd-v7.storybd-library .storybd-library-credit-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    min-width:190px!important;
}
.storybd-v7.storybd-library .storybd-library-credit-actions .storybd-library-credit-add{
    width:100%!important;
    min-height:42px!important;
    padding:9px 12px!important;
    font-size:11px!important;
}
.storybd-v7.storybd-library .storybd-library-credit-details{
    position:relative!important;
    width:100%!important;
}
.storybd-v7.storybd-library .storybd-library-credit-details > summary{
    color:#141c2c!important;
    font-size:10px!important;
    font-weight:850!important;
    text-align:center!important;
    text-decoration:underline!important;
    text-underline-offset:3px!important;
    cursor:pointer!important;
}
.storybd-v7.storybd-library .storybd-library-credit-details > ul{
    position:absolute!important;
    z-index:20!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    width:270px!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid rgba(20,28,44,.12)!important;
    border-radius:13px!important;
    list-style:none!important;
    background:#fff!important;
    box-shadow:0 16px 38px rgba(20,28,44,.18)!important;
}
.storybd-v7.storybd-library .storybd-library-credit-details li{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:7px 5px!important;
    border-bottom:1px solid rgba(20,28,44,.07)!important;
    color:#141c2c!important;
    font-size:11px!important;
}
.storybd-v7.storybd-library .storybd-library-credit-details li:last-child{
    border-bottom:0!important;
}
.storybd-v7.storybd-library .storybd-library-credit-details li b{
    white-space:nowrap!important;
}

.storybd-v7.storybd-library .storybd-library-featured-cover{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    height:auto!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
}
.storybd-v7.storybd-library .storybd-library-featured-cover > b{
    color:#141c2c!important;
    font-size:11px!important;
    font-weight:950!important;
    text-align:center!important;
}
.storybd-v7.storybd-library .storybd-library-featured-cover > img{
    width:100%!important;
    height:210px!important;
    border-radius:14px!important;
    object-fit:cover!important;
    object-position:top center!important;
    box-shadow:0 10px 24px rgba(20,28,44,.18)!important;
}
.storybd-v7.storybd-library .storybd-library-featured-cover > small{
    color:rgba(20,28,44,.62)!important;
    font-size:10px!important;
    font-weight:850!important;
    text-align:center!important;
}
.storybd-v7.storybd-library .storybd-library-progress-eyebrow{
    display:block!important;
    margin:15px 0 5px!important;
    color:#ff2d6f!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.7px!important;
    text-transform:uppercase!important;
}
.storybd-v7.storybd-library .storybd-library-progress-count{
    display:block!important;
    margin-top:6px!important;
}
.storybd-v7.storybd-library .storybd-library-progress-explanation,
.storybd-v7.storybd-library .storybd-library-credit-status{
    display:flex!important;
    align-items:flex-start!important;
    gap:8px!important;
    max-width:none!important;
    margin:10px 0 0!important;
    padding:9px 10px!important;
    border-radius:11px!important;
    font-size:11px!important;
    line-height:1.35!important;
}
.storybd-v7.storybd-library .storybd-library-progress-explanation{
    color:#40506b!important;
    background:#f2f5f9!important;
}
.storybd-v7.storybd-library .storybd-library-credit-status.is-enough{
    color:#17633d!important;
    background:#eaf8f0!important;
}
.storybd-v7.storybd-library .storybd-library-credit-status.is-missing{
    color:#9c2f3f!important;
    background:#fff0f2!important;
}
.storybd-v7.storybd-library .storybd-library-featured-continue{
    justify-content:center!important;
}
.storybd-v7.storybd-library .storybd-library-featured-continue h2{
    margin-bottom:6px!important;
}

/* The grid contains previews only. */
.storybd-v7.storybd-library .storybd-library-planche-row > .storybd-library-card.storybd-planche-card{
    flex:0 0 220px!important;
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    min-height:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:16px!important;
    background:transparent!important;
    box-shadow:none!important;
}
.storybd-v7.storybd-library .storybd-planche-card > .storybd-library-planche-open,
.storybd-v7.storybd-library .storybd-planche-card > button.storybd-library-planche-open{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:3/4!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(20,28,44,.12)!important;
    border-radius:16px!important;
    background:#eef1f5!important;
    box-shadow:0 10px 26px rgba(20,28,44,.13)!important;
    cursor:pointer!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
}
.storybd-v7.storybd-library .storybd-planche-card > .storybd-library-planche-open:hover{
    transform:translateY(-4px)!important;
    box-shadow:0 16px 34px rgba(20,28,44,.20)!important;
}
.storybd-v7.storybd-library .storybd-planche-card > .storybd-library-planche-open > img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    border:0!important;
    border-radius:0!important;
    object-fit:cover!important;
    object-position:top center!important;
}
.storybd-v7.storybd-library .storybd-library-planche-open-label{
    position:absolute!important;
    z-index:5!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:2px!important;
    padding:24px 10px 10px!important;
    color:#fff!important;
    background:linear-gradient(180deg,transparent,rgba(8,12,30,.88))!important;
    text-align:center!important;
}
.storybd-v7.storybd-library .storybd-library-planche-open-label b{
    font-size:13px!important;
    font-weight:950!important;
}
.storybd-v7.storybd-library .storybd-library-planche-open-label small{
    color:rgba(255,255,255,.84)!important;
    font-size:9px!important;
    font-weight:750!important;
}

/* Native dialog keeps every existing action inside its original project card. */
body.storybd-library-planche-modal-open{
    overflow:hidden!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal{
    position:fixed!important;
    inset:0!important;
    width:min(980px,calc(100vw - 32px))!important;
    max-width:980px!important;
    max-height:94svh!important;
    margin:auto!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:24px!important;
    color:#141c2c!important;
    background:transparent!important;
    box-shadow:0 34px 100px rgba(0,0,0,.38)!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal:not([open]){
    display:none!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal::backdrop{
    background:rgba(5,8,22,.76)!important;
    backdrop-filter:blur(8px)!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal-shell{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(280px,.85fr) minmax(320px,1fr)!important;
    gap:12px 18px!important;
    max-height:94svh!important;
    padding:22px!important;
    overflow:auto!important;
    border-radius:24px!important;
    background:#fff!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal-close{
    position:absolute!important;
    z-index:8!important;
    top:12px!important;
    right:12px!important;
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    padding:0!important;
    border:1px solid rgba(20,28,44,.14)!important;
    border-radius:999px!important;
    color:#141c2c!important;
    background:#fff!important;
    box-shadow:0 7px 18px rgba(20,28,44,.14)!important;
    font-size:25px!important;
    line-height:1!important;
    cursor:pointer!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal-head{
    grid-column:1/-1!important;
    width:100%!important;
    margin:0!important;
    padding:0 48px 12px 0!important;
    border-bottom:1px solid rgba(20,28,44,.09)!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal-head .storybd-library-title-stack{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:14px!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal-head .storybd-library-display-title{
    margin:0!important;
    color:#141c2c!important;
    font-size:25px!important;
    line-height:1.1!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal-head .storybd-library-display-title small{
    display:block!important;
    margin-top:6px!important;
    color:#ff2d6f!important;
    font-size:11px!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal-head > p{
    margin:7px 0 0!important;
    color:rgba(20,28,44,.58)!important;
    font-size:10px!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal-head .storybd-library-gift-open{
    flex:0 0 auto!important;
    min-height:42px!important;
    padding:9px 12px!important;
    font-size:10px!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal-preview{
    grid-column:1!important;
    grid-row:2/6!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
    padding:10px!important;
    border-radius:16px!important;
    background:#f1f3f7!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal-preview > img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:68svh!important;
    margin:0 auto!important;
    border:0!important;
    border-radius:11px!important;
    object-fit:contain!important;
    box-shadow:0 10px 28px rgba(20,28,44,.16)!important;
}
.storybd-v7.storybd-library .storybd-library-planche-read{
    grid-column:2!important;
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
    border-radius:13px!important;
}
.storybd-v7.storybd-library .storybd-library-planche-read small{
    color:inherit!important;
    font-size:12px!important;
    font-weight:950!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal .storybd-library-card-body,
.storybd-v7.storybd-library .storybd-library-planche-modal .storybd-library-actions{
    grid-column:2!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal .storybd-library-dialogue-orb,
.storybd-v7.storybd-library .storybd-library-planche-modal .storybd-library-actions > .storybd-btn,
.storybd-v7.storybd-library .storybd-library-planche-modal .storybd-viral-share-card{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:48px!important;
    margin:0!important;
    transform:none!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal .storybd-library-dialogue-orb{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:13px!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal .storybd-library-action-cost{
    flex:0 0 auto!important;
    margin-left:auto!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    font-size:9px!important;
    font-weight:950!important;
    line-height:1!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal .storybd-library-action-cost.is-free{
    color:#17633d!important;
    background:#e7f8ef!important;
}
.storybd-v7.storybd-library .storybd-library-planche-modal .storybd-viral-share-card{
    padding:10px!important;
    border-radius:13px!important;
}

@media(max-width:760px){
    .storybd-v7.storybd-library .storybd-library-dashboard-head{
        gap:14px!important;
    }
    .storybd-v7.storybd-library .storybd-library-topbar{
        width:100%!important;
    }
    .storybd-v7.storybd-library .storybd-library-credit-card{
        grid-template-columns:1fr!important;
    }
    .storybd-v7.storybd-library .storybd-library-credit-actions{
        min-width:0!important;
    }
    .storybd-v7.storybd-library .storybd-library-credit-details > ul{
        position:static!important;
        width:100%!important;
        margin-top:8px!important;
        box-shadow:none!important;
    }
    .storybd-v7.storybd-library .storybd-library-featured-summary{
        align-items:start!important;
    }
    .storybd-v7.storybd-library .storybd-library-featured-cover{
        width:118px!important;
        min-width:118px!important;
    }
    .storybd-v7.storybd-library .storybd-library-featured-cover > img{
        height:152px!important;
    }
    .storybd-v7.storybd-library .storybd-library-planche-row > .storybd-library-card.storybd-planche-card{
        flex-basis:min(72vw,250px)!important;
        width:min(72vw,250px)!important;
        min-width:min(72vw,250px)!important;
        max-width:min(72vw,250px)!important;
    }
    .storybd-v7.storybd-library .storybd-library-planche-modal{
        width:100%!important;
        max-width:none!important;
        height:100svh!important;
        max-height:100svh!important;
        margin:0!important;
        border-radius:0!important;
    }
    .storybd-v7.storybd-library .storybd-library-planche-modal-shell{
        display:flex!important;
        flex-direction:column!important;
        gap:10px!important;
        width:100%!important;
        min-height:100svh!important;
        max-height:100svh!important;
        padding:16px 14px calc(26px + env(safe-area-inset-bottom))!important;
        border-radius:0!important;
    }
    .storybd-v7.storybd-library .storybd-library-planche-modal-head{
        padding-right:46px!important;
    }
    .storybd-v7.storybd-library .storybd-library-planche-modal-head .storybd-library-title-stack{
        flex-direction:column!important;
    }
    .storybd-v7.storybd-library .storybd-library-planche-modal-head .storybd-library-display-title{
        font-size:20px!important;
    }
    .storybd-v7.storybd-library .storybd-library-planche-modal-head .storybd-library-gift-open{
        width:100%!important;
    }
    .storybd-v7.storybd-library .storybd-library-planche-modal-preview{
        flex:0 0 auto!important;
        width:100%!important;
        max-height:44svh!important;
        padding:8px!important;
    }
    .storybd-v7.storybd-library .storybd-library-planche-modal-preview > img{
        max-height:40svh!important;
    }
}

@media(prefers-reduced-motion:reduce){
    .storybd-v7.storybd-library .storybd-library-planche-open{
        transition:none!important;
    }
}