.preset-section-title {
    font-weight: 600;
    color: rgba(255,255,255,.85);
    margin-top: .75rem;
    margin-bottom: -.25rem;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.preset-badge {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .15rem .5rem;
    border-radius: 999px;
    font-size: .72rem;
    line-height: 1;
    border: 1px solid rgba(148,197,255,.25);
    color: rgba(255,255,255,.85);
    background: rgba(255,255,255,.03);
}

.preset-badge-featured {
    border-color: rgba(255, 193, 7, .35);
    background: rgba(255, 193, 7, .08);
}

.public-msg-tags .badge {
    margin-right: .25rem;
    margin-bottom: .25rem;
}

.preset-card--clickcopy {
    cursor: pointer;
}

    .preset-card--clickcopy:hover {
        transform: translateY(-1px);
        transition: transform .08s ease;
    }

.preset-clickhint {
    opacity: .75;
}

.public-hero {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 1.25rem;
    align-items: start;
    margin-top: .75rem;
}

@media (max-width: 992px) {
    .public-hero {
        grid-template-columns: 1fr;
    }
}

.public-hero__title {
    margin: 0 0 .25rem 0;
    font-size: 2rem;
    font-weight: 700;
}

.public-hero__subtitle {
    margin: 0 0 .75rem 0;
    color: rgba(255,255,255,.75);
}

.public-hero__note {
    display: flex;
    gap: .75rem;
    padding: .75rem .85rem;
    border-radius: 14px;
    border: 1px solid rgba(148,197,255,.18);
    background: rgba(255,255,255,.03);
    color: rgba(255,255,255,.85);
}

    .public-hero__note i {
        margin-top: .15rem;
        opacity: .85;
    }

.public-hero__noteTitle {
    font-weight: 600;
    margin-bottom: .1rem;
}

.public-hero__noteText {
    font-size: .92rem;
    color: rgba(255,255,255,.75);
}

    .public-hero__noteText a,
    .public-link {
        color: rgba(148,197,255,.95);
        text-decoration: none;
    }

        .public-hero__noteText a:hover,
        .public-link:hover {
            text-decoration: underline;
        }

.public-tools {
    padding: .75rem .85rem;
    border-radius: 14px;
    border: 1px solid rgba(148,197,255,.18);
    background: rgba(0,0,0,.12);
}

.public-tools__row {
    display: grid;
    grid-template-columns: 1.2fr .8fr auto auto;
    gap: .6rem;
    align-items: center;
}

@media (max-width: 992px) {
    .public-tools__row {
        grid-template-columns: 1fr;
    }
}

.public-tools__search {
    position: relative;
}

    .public-tools__search i {
        position: absolute;
        left: .6rem;
        top: 50%;
        transform: translateY(-50%);
        opacity: .7;
    }

    .public-tools__search input {
        padding-left: 1.9rem;
    }

.public-tools__category {
    min-width: 140px;
}

.public-tools__toggle {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .6rem;
    border-radius: 999px;
    border: 1px solid rgba(148,197,255,.18);
    background: rgba(255,255,255,.02);
    cursor: pointer;
    user-select: none;
}

    .public-tools__toggle input {
        margin: 0;
    }

.public-tools__btn {
    white-space: nowrap;
}

.public-tools__meta {
    display: flex;
    gap: .75rem;
    margin-top: .6rem;
    align-items: center;
}

.pm-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.pm-h1 {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
}

.pm-sub {
    margin-top: .25rem;
    color: rgba(255,255,255,.72);
    font-size: .95rem;
}

.pm-dot {
    margin: 0 .5rem;
    opacity: .45;
}

.pm-private a {
    color: rgba(148,197,255,.95);
    text-decoration: none;
}

    .pm-private a:hover {
        text-decoration: underline;
    }

.pm-tools {
    display: flex;
    gap: .6rem;
    align-items: center;
}

.pm-search {
    position: relative;
    min-width: 320px;
}

    .pm-search i {
        position: absolute;
        left: .6rem;
        top: 50%;
        transform: translateY(-50%);
        opacity: .65;
    }

    .pm-search input {
        padding-left: 1.9rem;
    }

@media (max-width: 992px) {
    .pm-header {
        flex-direction: column;
        align-items: stretch;
    }

    .pm-search {
        min-width: 0;
        width: 100%;
    }

    .pm-tools {
        justify-content: space-between;
    }
}

.pm-filters {
    margin-bottom: .75rem;
}

.pm-filtersInner {
    padding: .75rem .85rem;
    border-radius: 14px;
    border: 1px solid rgba(148,197,255,.18);
    background: rgba(0,0,0,.12);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .75rem 1rem;
}

.pm-field-inline {
    align-self: end;
}

.pm-actions {
    grid-column: 1 / -1;
    display: flex;
    gap: .5rem;
    align-items: center;
}

.pm-chip {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .6rem;
    border-radius: 999px;
    border: 1px solid rgba(148,197,255,.18);
    background: rgba(255,255,255,.02);
    cursor: pointer;
    user-select: none;
}

    .pm-chip i {
        opacity: .85;
    }

.pm-sectionTitle {
    margin-top: 1rem;
    margin-bottom: .35rem;
    font-weight: 650;
    color: rgba(255,255,255,.85);
    display: flex;
    align-items: center;
    gap: .5rem;
}

.pm-featuredRail {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(260px, 320px);
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: .25rem;
    -webkit-overflow-scrolling: touch;
}

.preset-card--clickcopy {
    cursor: pointer;
}

    .preset-card--clickcopy:hover {
        transform: translateY(-1px);
        transition: transform .08s ease;
    }

.preset-card.copied {
    outline: 2px solid rgba(25,135,84,.55);
    outline-offset: 2px;
}

.preset-card--owner .preset-card__layout {
    display: flex;
    gap: 10px;
    height: 100%;
}

.preset-card--owner .preset-card__main {
    flex: 1 1 auto;
    min-width: 0;
}

.preset-card--owner .preset-card__rail {
    flex: 0 0 44px;
    width: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 8px 6px;
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(148,197,255,0.14);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12);
}

.preset-card--owner .preset-rail-form {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.preset-card--owner .preset-rail-btn {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: .92;
}

    .preset-card--owner .preset-rail-btn:hover {
        opacity: 1;
    }

.preset-card--owner .preset-rail-sep {
    width: 70%;
    height: 1px;
    background: rgba(148,197,255,0.14);
    margin: 2px 0;
}

.preset-card--owner .vault-card__actionsTop {
    display: none !important;
}

@media (max-width: 575.98px) {
    .preset-card--owner .vault-card__top {
        padding-right: 0 !important;
    }

    .preset-card--owner .vault-card__pill {
        max-width: 100% !important;
    }
}