
.creation-wishlist-page{
    width:100%;
    max-width:none;
    padding:1.25rem clamp(14px,2vw,32px) 3rem;
    box-sizing:border-box;
}

.creation-wishlist-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:1rem;
    padding:1.1rem;
    border:1px solid rgba(148,163,184,.22);
    border-radius:14px;
    background:rgba(8,20,32,.78);
}

.creation-wishlist-hero h1{
    margin:.2rem 0 .4rem;
}

.creation-wishlist-hero p{
    margin:0;
    color:#aeb9c7;
}

.creation-wishlist-grid{
    display:grid;
    grid-template-columns:repeat(
        auto-fill,
        minmax(260px,1fr)
    );
    gap:1rem;
}

.creation-wishlist-card{
    padding:1rem;
    border:1px solid rgba(148,163,184,.22);
    border-radius:12px;
    background:rgba(8,20,32,.76);
}

.creation-wishlist-card-head{
    display:flex;
    justify-content:space-between;
    gap:.5rem;
}

.creation-wishlist-release,
.creation-wishlist-status{
    display:inline-flex;
    padding:.22rem .45rem;
    border-radius:999px;
    background:rgba(66,165,255,.12);
    font-size:.64rem;
    font-weight:800;
    text-transform:uppercase;
}

.creation-wishlist-card dl{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.55rem;
    margin:0;
}

.creation-wishlist-card dl div,
.creation-wishlist-static{
    padding:.55rem;
    border:1px solid rgba(255,255,255,.07);
    border-radius:8px;
    background:rgba(255,255,255,.025);
}

.creation-wishlist-card dt,
.creation-wishlist-static span{
    display:block;
    color:#aeb9c7;
    font-size:.62rem;
}

.creation-wishlist-card dd,
.creation-wishlist-static strong{
    display:block;
    margin:.15rem 0 0;
    font-size:.78rem;
}

.creation-wishlist-notes{
    color:#c7d0dc;
    font-size:.78rem;
    line-height:1.45;
}

.creation-wishlist-message{
    margin-bottom:1rem;
    padding:.75rem;
    border-radius:8px;
}

.creation-wishlist-message.success{
    background:rgba(62,207,142,.1);
}

.creation-wishlist-message.error{
    background:rgba(230,105,105,.1);
}

.creation-wishlist-dialog[hidden]{
    display:none;
}

.creation-wishlist-dialog{
    position:fixed;
    inset:0;
    z-index:6000;
    display:grid;
    place-items:center;
    padding:1rem;
}

.creation-wishlist-backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.72);
}

.creation-wishlist-modal{
    position:relative;
    z-index:1;
    width:min(640px,calc(100vw - 2rem));
    max-height:88vh;
    overflow:auto;
    padding:1.25rem;
    border:1px solid rgba(66,165,255,.4);
    border-radius:14px;
    background:#0b1722;
}

.creation-wishlist-close{
    position:absolute;
    top:.7rem;
    right:.7rem;
}

.creation-wishlist-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.75rem;
}

.creation-wishlist-form-grid label{
    display:grid;
    gap:.3rem;
}

.creation-wishlist-form-grid .is-wide{
    grid-column:1 / -1;
}

.creation-wishlist-form-grid input,
.creation-wishlist-form-grid select,
.creation-wishlist-form-grid textarea{
    width:100%;
    box-sizing:border-box;
}

.creation-wishlist-form-grid textarea{
    min-height:110px;
    resize:vertical;
}

.creation-wishlist-actions{
    display:flex;
    justify-content:flex-end;
    gap:.5rem;
    margin-top:1rem;
}

body.has-creation-wishlist-modal{
    overflow:hidden;
}

@media(max-width:680px){
    .creation-wishlist-hero{
        align-items:flex-start;
        flex-direction:column;
    }

    .creation-wishlist-form-grid{
        grid-template-columns:1fr;
    }

    .creation-wishlist-form-grid .is-wide{
        grid-column:auto;
    }
}
