.layout-compose-tools {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    z-index: 3;
}

.layout-compose-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid rgba(61, 255, 168, 0.4);
    background: rgba(8, 16, 28, 0.94);
    color: #e8f4ff;
    font-size: 0.78rem;
    line-height: 1;
    cursor: pointer;
}

.layout-compose-btn:hover,
.layout-compose-btn.is-off {
    border-color: #3dffa8;
    color: #3dffa8;
}

.site-blog-tab-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    max-width: 100%;
}

.site-blog-tab-wrap.is-layout-hidden .site-blog-tab {
    opacity: 0.45;
    border-style: dashed;
}

.layout-block {
    position: relative;
}

.layout-block > .layout-compose-tools {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
}

.layout-block.is-layout-hidden,
.blog-card.is-layout-hidden,
.games-card.is-layout-hidden {
    opacity: 0.42;
    outline: 1px dashed rgba(61, 255, 168, 0.45);
    outline-offset: 2px;
}

.blog-card[data-layout-item] {
    position: relative;
}

.blog-card[data-layout-item] > .layout-compose-tools {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
}

.games-add {
    max-width: 28rem;
    margin: 1.5rem auto 0;
    padding: 1rem;
    border: 1px solid rgba(61, 255, 168, 0.28);
    border-radius: 1rem;
    background: rgba(8, 16, 28, 0.72);
}

.games-add-title {
    margin: 0;
    font-size: 1rem;
}

.feed-identity {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem 1rem;
    margin: 0 0 0.9rem;
}

.feed-identity-title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 650;
    letter-spacing: 0.04em;
}