/* Comixio 9.3.9.62 - responsive layout stabilization only. */
.storybd-v7.storybd-library[data-storybd-library-version],
.storybd-v7.storybd-library[data-storybd-library-version] *,
.storybd-v7.storybd-library[data-storybd-library-version] *::before,
.storybd-v7.storybd-library[data-storybd-library-version] *::after{
    box-sizing:border-box!important;
}
.storybd-v7.storybd-library[data-storybd-library-version]{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    overflow-x:clip!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] img{
    max-width:100%!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] :where(h1,h2,h3,p,strong,small,span,em,a,button){
    overflow-wrap:anywhere;
}
.storybd-v7.storybd-library[data-storybd-library-version] :where(.storybd-library-head,.storybd-library-dashboard,.storybd-library-upgrade-banner){
    width:min(1180px,calc(100% - 40px))!important;
    max-width:1180px!important;
    min-width:0!important;
    margin-right:auto!important;
    margin-left:auto!important;
}

/* Header and credit balance. */
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-dashboard-head{
    display:grid!important;
    grid-template-columns:minmax(260px,1fr) minmax(440px,520px)!important;
    align-items:start!important;
    gap:28px!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-heading-copy,
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-topbar,
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-credit-summary,
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-credit-actions{
    min-width:0!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-heading-copy h1,
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-heading-copy p{
    width:auto!important;
    max-width:100%!important;
    margin-right:0!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-topbar{
    justify-self:end!important;
    width:100%!important;
    max-width:520px!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-credit-card{
    grid-template-columns:minmax(0,1fr) minmax(170px,190px)!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-credit-details > ul{
    max-width:min(270px,calc(100vw - 48px))!important;
}

/* Featured story. */
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-dashboard,
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-story-box,
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-story-panel,
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-story-content{
    min-width:0!important;
    max-width:100%!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(310px,.75fr)!important;
    align-items:stretch!important;
    gap:24px!important;
    width:100%!important;
    min-width:0!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-summary{
    display:grid!important;
    grid-template-columns:minmax(130px,170px) minmax(0,1fr)!important;
    align-items:start!important;
    gap:22px!important;
    width:100%!important;
    min-width:0!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-cover{
    width:100%!important;
    min-width:0!important;
    max-width:170px!important;
    align-self:start!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-copy,
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-title-row,
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-continue{
    min-width:0!important;
    max-width:100%!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-title-row{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    gap:8px 12px!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-title-row h2{
    flex:1 1 220px!important;
    min-width:0!important;
    margin:0!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-continue{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    height:auto!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-continue .storybd-library-continue{
    width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
}

/* Planche strip. */
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-panel-inner,
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-row-wrap{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-row{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:16px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:8px 4px 22px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x proximity!important;
    scrollbar-gutter:stable!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-row > :where(.storybd-planche-card,.storybd-library-future-card){
    flex:0 0 220px!important;
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    scroll-snap-align:start!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-row > .storybd-library-future-card{
    height:auto!important;
    min-height:293px!important;
    aspect-ratio:3/4!important;
    align-self:flex-start!important;
}

/* Other stories and promotional banner. */
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-other-stories,
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-other-grid{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-section-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    gap:14px!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-other-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:start!important;
    gap:18px!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-other-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-story-toggle{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-upgrade-banner{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:18px!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-upgrade-copy{
    min-width:0!important;
}

/* Planche tools dialog. */
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-modal{
    box-sizing:border-box!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-modal-shell{
    grid-template-columns:minmax(260px,.82fr) minmax(300px,1fr)!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-modal-shell > *{
    min-width:0!important;
    max-width:100%!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-modal-head .storybd-library-title-stack{
    flex-wrap:wrap!important;
}
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-modal .storybd-btn,
.storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-modal .storybd-library-dialogue-orb{
    white-space:normal!important;
}

@media(max-width:1100px){
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-dashboard-head{
        grid-template-columns:minmax(220px,1fr) minmax(400px,500px)!important;
        gap:20px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-hero{
        grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr)!important;
        gap:18px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-summary{
        grid-template-columns:135px minmax(0,1fr)!important;
        gap:16px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-other-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

@media(max-width:900px){
    .storybd-v7.storybd-library[data-storybd-library-version] :where(.storybd-library-head,.storybd-library-dashboard,.storybd-library-upgrade-banner){
        width:min(calc(100% - 28px),760px)!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-dashboard-head{
        grid-template-columns:1fr!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-topbar{
        justify-self:stretch!important;
        max-width:none!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-hero{
        grid-template-columns:1fr!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-continue{
        width:100%!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-other-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:760px){
    .storybd-v7.storybd-library[data-storybd-library-version] :where(.storybd-library-head,.storybd-library-dashboard,.storybd-library-upgrade-banner){
        width:calc(100% - 24px)!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-dashboard-head{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:16px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-heading-copy h1{
        font-size:clamp(30px,10vw,42px)!important;
        line-height:.98!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-credit-card{
        display:flex!important;
        flex-direction:column!important;
        gap:14px!important;
        padding:15px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-credit-actions,
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-credit-actions .storybd-library-credit-add{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-credit-details > ul{
        width:100%!important;
        max-width:100%!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-hero{
        display:flex!important;
        flex-direction:column!important;
        gap:16px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-summary{
        grid-template-columns:minmax(96px,112px) minmax(0,1fr)!important;
        gap:14px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-cover{
        width:100%!important;
        min-width:0!important;
        max-width:112px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-cover > img{
        width:100%!important;
        height:auto!important;
        aspect-ratio:3/4!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-title-row{
        display:block!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-status-badge{
        display:inline-flex!important;
        margin-top:8px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-progress-explanation,
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-credit-status{
        width:100%!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-row{
        gap:12px!important;
        margin:0!important;
        padding:6px 2px 18px!important;
        scroll-padding-left:2px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-row > :where(.storybd-planche-card,.storybd-library-future-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[data-storybd-library-version] .storybd-library-planche-row > .storybd-library-future-card{
        min-height:0!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-section-head{
        align-items:stretch!important;
        flex-direction:column!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-section-head .storybd-library-new-story{
        width:100%!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-other-grid{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-upgrade-banner{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:14px!important;
        text-align:center!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-upgrade-icon{
        align-self:center!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-upgrade-banner .storybd-btn{
        width:100%!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-modal{
        inset:0!important;
        width:100%!important;
        max-width:none!important;
        height:100dvh!important;
        max-height:100dvh!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-modal-shell{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:none!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-modal-preview{
        width:100%!important;
        min-height:0!important;
    }
}

@media(max-width:420px){
    .storybd-v7.storybd-library[data-storybd-library-version] :where(.storybd-library-head,.storybd-library-dashboard,.storybd-library-upgrade-banner){
        width:calc(100% - 16px)!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-summary{
        grid-template-columns:88px minmax(0,1fr)!important;
        gap:11px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-cover{
        max-width:88px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-cover > b,
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-cover > small{
        font-size:9px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-featured-copy h2{
        font-size:21px!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-modal-shell{
        padding:14px 10px calc(22px + env(safe-area-inset-bottom))!important;
    }
    .storybd-v7.storybd-library[data-storybd-library-version] .storybd-library-planche-modal-head{
        padding-right:44px!important;
    }
}