/* Planner5D home experiment overrides for the embedded Spaces page. */

/* Local files register as OpenSans; aliases so "Open Sans" in CSS resolves too. */
@font-face{font-family:"Open Sans";src:url(../fonts/OpenSans-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url(../fonts/OpenSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url(../fonts/OpenSans-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url(../fonts/OpenSans-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url(../fonts/OpenSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url(../fonts/OpenSans-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

@media (min-width: 1440px){
    .spaces-wrap > main .spaces-grid:not(.documents):not(:has(.space-section-start-template)) > .spaces-item-wrap {
        width: calc((100% - 96px) / 4);
        flex: 0 0 calc((100% - 96px) / 4);
        max-width: calc((100% - 96px) / 4);
    }

    .spaces-wrap.skeleton > main .spaces-grid > :nth-child(4),
    .spaces-wrap > main.skeleton .spaces-grid > :nth-child(4) {
        opacity: 1;
    }
}

.spaces-item-wrap .spaces-item-doc-count{
    margin-left: auto;
    color: #747474;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

/* Spaces 2.0 header — Figma page 84:37603, Header frame 84:37604. */
.header-editor.header-spaces.header-spaces-v2{
    position: relative;
    z-index: 40;
    width: 100%;
    min-width: 0;
    height: 64px;
    padding: 6px 0;
    justify-content: flex-start;
    box-sizing: border-box;
    background: var(--space-bg-alpha, #fff);
    overflow: visible;
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-left{
    display: flex;
    flex: 0 0 256px;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    width: 256px;
    height: 44px;
    margin: 0;
    padding: 0 0 0 16px;
    box-sizing: border-box;
}

.header-editor.header-spaces.header-spaces-v2 .header-logo-dropdown{
    position: relative;
    flex: 0 0 164px;
    width: 164px;
}

.header-editor.header-spaces.header-spaces-v2 .header-logo{
    display: flex;
    align-items: center;
    border: 0;
    width: 164px;
    height: 44px;
    padding: 0 16px;
    box-sizing: border-box;
    background: transparent;
    cursor: pointer;
}

.header-editor.header-spaces.header-spaces-v2 .header-logo svg{
    width: 94px;
    height: 44px;
}

.header-editor.header-spaces.header-spaces-v2 .header-logo-dropdown > .header-main-dropdown-wrapper{
    top: calc(100% + 4px);
    right: auto;
    left: 16px;
}

.header-editor.header-spaces.header-spaces-v2 .header-logo-dropdown.is-open > .header-main-dropdown-wrapper{
    display: block;
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-left .header-item,
.header-editor.header-spaces.header-spaces-v2 .header-spaces-left .header-button{
    width: 44px;
    height: 44px;
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-left .header-button{
    padding: 10px;
    border-radius: var(--space-radius-medium, 12px);
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-left .header-button svg{
    color: var(--space-alpha-gray-ga80, #000000a8);
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-center{
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 16px;
    min-width: 0;
    height: 52px;
    padding: 0 32px;
    box-sizing: border-box;
}

.header-editor.header-spaces.header-spaces-v2 .header-create-button,
.header-editor.header-spaces.header-spaces-v2 .header-upgrade-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 40px;
    border-radius: var(--space-radius-round, 100px);
    box-sizing: border-box;
    font-family: var(--space-body, "Open Sans"), sans-serif;
    font-size: var(--space-body-small-size, 14px);
    font-weight: 600;
    line-height: var(--space-body-small-line-height, 20px);
    letter-spacing: 0;
    cursor: pointer;
}

.header-editor.header-spaces.header-spaces-v2 .header-create-control{
    position: relative;
    flex: 0 0 112px;
    width: 112px;
    height: 40px;
}

.header-editor.header-spaces.header-spaces-v2.is-header-create-hidden .header-create-control{
    display: none;
}

.header-editor.header-spaces.header-spaces-v2.is-header-create-hidden .header-spaces-center{
    gap: 0;
}

/* Search lives in the free space between logo and Pricing, up to 520px. */
.header-editor.header-spaces.header-spaces-v2.is-header-navigation-centered .header-spaces-center{
    position: static;
    left: auto;
    flex: 1 1 auto;
    justify-content: center;
    width: auto;
    max-width: none;
    min-width: 0;
    padding: 0 16px;
    transform: none;
}

.header-editor.header-spaces.header-spaces-v2.is-header-navigation-centered.is-header-create-hidden .header-spaces-center{
    width: auto;
}

.header-editor.header-spaces.header-spaces-v2 .header-create-button{
    flex: 0 0 112px;
    width: 112px;
    min-width: 112px;
    padding: 8px 20px 8px 12px;
    border: var(--space-border-small, 1px) solid var(--space-neutral-border-gamma, #00000017);
    color: var(--space-neutral-text-alpha, #393939);
    background: transparent;
}

.header-editor.header-spaces.header-spaces-v2 .header-create-button:hover{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.header-editor.header-spaces.header-spaces-v2 .header-create-button:hover + .tooltip{
    --spaces-tooltip-show-duration: 75ms;
    --spaces-tooltip-show-delay: 100ms;
}

.header-editor.header-spaces.header-spaces-v2 .header-create-button:hover + .tooltip,
.header-editor.header-spaces.header-spaces-v2 .header-create-button:hover + .tooltip::before{
    visibility: visible;
    opacity: 1;
}

.header-editor.header-spaces.header-spaces-v2 .header-create-control > .tooltip{
    white-space: nowrap;
}

.header-editor.header-spaces.header-spaces-v2 .header-create-button:active{
    background: var(--space-alpha-gray-ga20, #00000017);
}

.header-editor.header-spaces.header-spaces-v2 .header-create-button img,
.header-editor.header-spaces.header-spaces-v2 .header-upgrade-button img{
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

.header-editor.header-spaces.header-spaces-v2 .header-create-button img{
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-search{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 520px;
    min-width: 0;
    height: 40px;
    padding: 8px 10px 8px 12px;
    border: var(--space-border-small, 1px) solid var(--space-neutral-border-gamma, #00000017);
    border-radius: var(--space-radius-round, 100px);
    box-sizing: border-box;
    background: var(--space-bg-alpha, #fff);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.header-editor.header-spaces.header-spaces-v2 .header-search-control{
    position: relative;
    z-index: 20;
    display: block;
    flex: 1 1 auto;
    width: 100%;
    max-width: 520px;
    min-width: 0;
}

.spaces-header-search-clear{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    color: #747474;
    background: rgba(0, 0, 0, .06);
    cursor: pointer;
}

.spaces-header-search-clear[hidden]{
    display: none !important;
}

.spaces-header-search-clear:hover,
.spaces-header-search-clear:focus-visible{
    color: #1c1c1c;
    background: rgba(0, 0, 0, .1);
    outline: 0;
}

.spaces-header-search-hotkey{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    height: 20px;
    margin: 0;
    padding: 1px 8px 2px;
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
    background: transparent;
}

.spaces-header-search-hotkey > span{
    font-weight: 700;
}

.header-editor.header-spaces.header-spaces-v2 .header-search:focus-within .spaces-header-search-hotkey{
    display: none;
}

.spaces-header-search-popover{
    position: absolute;
    z-index: 30;
    top: calc(100% + 8px);
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: min(72vh, 560px);
    overflow: hidden;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: 16px;
    box-sizing: border-box;
    background: var(--space-neutral-background-alpha, #fff);
    box-shadow: 0 16px 40px rgba(28, 28, 28, .14);
}

.spaces-header-search-popover[hidden]{
    display: none;
}

.spaces-header-search-copilot{
    flex: 0 0 auto;
    padding: 10px 6px 8px;
}

/* Idle hint removed — hide if stale HTML/cache still injects it */
.spaces-header-search-idle-hint,
[data-header-search-idle-hint]{
    display: none !important;
}

.spaces-header-search-section-label{
    margin: 6px 12px 4px;
    color: var(--space-neutral-text-beta, #747474);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    letter-spacing: 0;
    text-transform: none;
}

.spaces-header-search-copilot-heading[hidden],
.spaces-header-search-section-label[hidden],
.spaces-header-search-ask[hidden],
.spaces-header-search-suggestions[hidden],
.spaces-header-search-suggestions > li[hidden],
.spaces-header-search-files[hidden],
.spaces-header-search-recent[hidden]{
    display: none;
}

.spaces-header-search-recent{
    flex: 0 0 auto;
    padding: 4px 6px 10px;
    border-top: 1px solid rgba(0, 0, 0, .06);
}

.spaces-header-search-recent-list{
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.spaces-header-search-recent-item{
    min-height: 48px;
}

.spaces-header-search-recent-item .spaces-header-search-result-content{
    justify-content: center;
}

.spaces-header-search-suggestions{
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.spaces-header-search-suggestion,
.spaces-header-search-ask{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.spaces-header-search-ask{
    margin-bottom: 4px;
    font-weight: 600;
    background: transparent;
}

.spaces-header-search-ask-copy{
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.spaces-header-search-ask-copy > [data-header-search-ask-label]{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-header-search-ask-hint{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #747474;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 6px;
    background: rgba(255, 255, 255, .72);
    box-sizing: border-box;
}

.spaces-header-search-ask-hint > img{
    display: block;
    width: 14px;
    height: 14px;
}

.spaces-header-search-suggestion:hover,
.spaces-header-search-suggestion:focus-visible,
.spaces-header-search-ask:hover,
.spaces-header-search-ask:focus-visible,
.spaces-header-search-suggestion.is-active,
.spaces-header-search-ask.is-active,
.spaces-header-search-result.is-active{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-header-search-suggestion-icon{
    display: grid;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    overflow: visible;
    border-radius: 0;
    place-items: center;
    background: transparent !important;
}

.spaces-header-search-ask-icon{
    display: grid;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    overflow: visible;
    border-radius: 0;
    place-items: center;
    background: transparent;
}

.spaces-header-search-ask-icon > img{
    display: block;
    width: 16px;
    height: 16px;
    filter: none;
    opacity: 1;
}

.spaces-header-search-suggestion-icon > img{
    display: block;
    width: 16px;
    height: 16px;
    filter: none;
    opacity: 1;
}

.spaces-header-search-files{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    border-top: 1px solid rgba(0, 0, 0, .06);
}

.spaces-header-search-files-head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 4px 6px 0;
}

.spaces-header-search-files-head .spaces-header-search-section-label{
    margin: 8px 10px 4px;
}

.spaces-header-search-categories{
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 6px;
    padding: 4px 10px 6px;
}

.spaces-header-search-category{
    min-width: 0;
    padding: 4px 10px;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-text-alpha, #1c1c1c);
    background: var(--space-neutral-background-alpha, #fff);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    cursor: pointer;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.spaces-header-search-category:hover,
.spaces-header-search-category:focus-visible,
.spaces-header-search-category.is-active{
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-header-search-category:focus-visible{
    outline: 2px solid var(--space-primary-green, #019d2b);
    outline-offset: 2px;
}

.spaces-header-search-category:active{
    background: var(--space-neutral-fill-beta, rgba(0, 0, 0, .08));
}

.spaces-header-search-results{
    flex: 1 1 auto;
    max-height: 280px;
    overflow-y: auto;
    padding: 4px 6px 8px;
}

.spaces-header-search-result{
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 56px;
    padding: 8px;
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    color: inherit;
    text-align: left;
    background: transparent;
    cursor: pointer;
    transition: background-color 120ms ease;
}

.spaces-header-search-result:hover,
.spaces-header-search-result:focus-visible{
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-header-search-result-thumbnail{
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-header-search-result-thumbnail > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-header-search-result-content,
.spaces-header-search-result-title,
.spaces-header-search-result-meta{
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-header-search-result-title{
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-header-search-result-title mark{
    padding: 0;
    color: inherit;
    font-weight: 700;
    background: rgba(129, 238, 138, .35);
    border-radius: 2px;
}

.spaces-header-search-result-meta{
    margin-top: 1px;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-header-search-result-date{
    justify-self: end;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
}

.spaces-header-search-empty{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0;
    padding: 28px 16px 32px;
    box-sizing: border-box;
}

.spaces-header-search-empty[hidden]{
    display: none !important;
}

.spaces-header-search-empty-icon{
    display: block;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
}

.spaces-header-search-empty-copy{
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.spaces-header-search-empty-title{
    margin: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 16px/22px "Open Sans", Arial, sans-serif;
}

.spaces-header-search-empty-subtitle{
    margin: 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-header-search-footer{
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 8px 14px;
    border-top: 1px solid rgba(0, 0, 0, .06);
    color: #919191;
    font: 400 11px/16px "Open Sans", Arial, sans-serif;
    background: #fafafa;
}

.spaces-header-search-footer[hidden]{
    display: none !important;
}

.spaces-header-search-footer kbd{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    margin-right: 2px;
    padding: 0 4px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 4px;
    color: #747474;
    font: 500 10px/1 "Open Sans", Arial, sans-serif;
    background: #fff;
}

.header-editor.header-spaces.header-spaces-v2 .header-search:hover{
    border-color: var(--space-alpha-gray-ga40, #0000003d);
}

.header-editor.header-spaces.header-spaces-v2 .header-search:focus-within{
    border-color: rgba(1, 157, 43, .9);
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

.header-editor.header-spaces.header-spaces-v2 .header-search > img{
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    color: var(--space-neutral-icon-beta, #747474);
}

.header-editor.header-spaces.header-spaces-v2 .header-search input{
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    background: transparent;
    appearance: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-search input::placeholder{
    color: var(--space-neutral-text-gamma, #919191);
}

.header-editor.header-spaces.header-spaces-v2 .header-search input::-webkit-search-cancel-button{
    display: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-content{
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    min-width: 0;
    height: 52px;
    margin: 0 0 0 auto;
    padding: 0 16px 0 8px;
    box-sizing: border-box;
    overflow: visible;
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    width: auto;
    min-width: 0;
    height: 52px;
    overflow: visible;
}

.header-editor.header-spaces.header-spaces-v2 .header-upgrade-button{
    flex: 0 0 116px;
    min-width: 112px;
    padding: 8px 16px 8px 12px;
    border: 0;
    color: var(--space-primary-text-on-beta, #fff);
    background: var(--space-primary-fill-beta, #1aa73f);
}

.header-editor.header-spaces.header-spaces-v2 .header-upgrade-button:hover{
    background: var(--space-primary-icon-beta, #07872f);
}

.header-editor.header-spaces.header-spaces-v2 .header-upgrade-button:active{
    background: var(--space-solid-primary-p80, #01601c);
}

.header-editor.header-spaces.header-spaces-v2 .header-upgrade-button img{
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-account-cluster{
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    height: 40px;
    margin: 0 0 0 4px;
    padding: 0 0 0 16px;
    border: 0;
    box-sizing: border-box;
}

.header-editor.header-spaces.header-spaces-v2 .header-account-cluster::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    background: rgba(0, 0, 0, .12);
    transform: translateY(-50%);
}

.header-editor.header-spaces.header-spaces-v2 .header-account-pill{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 40px;
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 100px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    cursor: pointer;
}

.header-editor.header-spaces.header-spaces-v2 .header-account-pill:hover,
.header-editor.header-spaces.header-spaces-v2 .header-account-pill:focus-visible,
.header-editor.header-spaces.header-spaces-v2 .header-item-user.is-open .header-account-pill{
    outline: 0;
    border-color: rgba(0, 0, 0, .14);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.header-editor.header-spaces.header-spaces-v2 .header-account-pill-spark{
    display: block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0 0 0 5px;
}

.header-editor.header-spaces.header-spaces-v2 .header-account-pill-credits{
    min-width: 18px;
    margin: 0 2px 0 0;
    color: #7c5dff;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    text-align: center;
}

.header-editor.header-spaces.header-spaces-v2 .header-account-pill.is-low .header-account-pill-credits{
    color: #d92d20;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu{
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    width: 280px;
    padding: 0;
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .14), 0 0 0 .5px rgba(0, 0, 0, .06);
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu[hidden]{
    display: none !important;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    padding: 12px 16px;
    box-sizing: border-box;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-row + .header-credits-menu-row{
    border-top: 1px solid rgba(0, 0, 0, .08);
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-available{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #1c1c1c;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-available > img{
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-available strong{
    font-weight: 600;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-buy{
    flex: 0 0 auto;
    height: 28px;
    padding: 4px 12px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    font: 600 13px/20px "Open Sans", Arial, sans-serif;
    background: #1c1c1c;
    cursor: pointer;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-buy:hover,
.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-buy:focus-visible{
    outline: 0;
    background: #000;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-row.is-plan{
    min-height: 64px;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-plan{
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-plan > strong{
    color: #1c1c1c;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-plan > span{
    color: #919191;
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-upsell{
    color: #1c1c1c;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-upgrade{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 4px 12px;
    border: 0;
    border-radius: 999px;
    box-sizing: border-box;
    color: #fff;
    font: 600 13px/20px "Open Sans", Arial, sans-serif;
    background: var(--space-primary-fill-beta, #1aa73f);
    cursor: pointer;
}

.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-upgrade:hover,
.header-editor.header-spaces.header-spaces-v2 .header-credits-menu-upgrade:focus-visible{
    outline: 0;
    background: var(--space-primary-icon-beta, #07872f);
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-icons{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 136px;
    width: 136px;
    height: 40px;
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-icons .header-item,
.header-editor.header-spaces.header-spaces-v2 .header-spaces-icons .header-button{
    width: 40px;
    height: 40px;
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-icons .header-item{
    flex: 0 0 40px;
    border-radius: var(--space-radius-round, 100px);
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-icons .header-button{
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    max-width: 40px;
    padding: 8px;
    border-radius: var(--space-radius-round, 100px);
    box-sizing: border-box;
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-icons .header-button img{
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-icons .header-button:hover{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.header-editor.header-spaces.header-spaces-v2 .header-notify-block .noty{
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--space-info-fill-beta, #0177de);
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user{
    position: relative;
    flex: 0 0 auto;
    width: auto;
    height: 40px;
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    background: transparent;
}

.header-editor.header-spaces.header-spaces-v2 .header-avatar-cluster{
    display: flex;
    align-items: center;
    gap: 4px;
    width: 68px;
    height: 32px;
}

.header-editor.header-spaces.header-spaces-v2 .header-avatar-user{
    display: flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    box-sizing: border-box;
}

.header-editor.header-spaces.header-spaces-v2 .header-avatar-user img{
    display: block;
    width: 24px;
    height: 24px;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-avatar-letter{
    position: relative;
    isolation: isolate;
    display: inline-flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    border-radius: 100px;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.12px;
    text-align: center;
    background: #da4092 !important;
}

.header-editor.header-spaces.header-spaces-v2 .header-avatar-letter::before{
    display: none;
    content: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-identity-avatar{
    display: inline-flex;
    flex: 0 0 24px;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    color: #fff;
    font: 700 14px/1 "Open Sans", Arial, sans-serif;
    letter-spacing: -.14px;
    background: #da4092 !important;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .header-spaces-username-badge{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 20px;
    margin: 0;
    padding: 1px 8px 2px;
    border-radius: 10px;
    box-sizing: border-box;
    color: var(--space-neutral-text-beta, #747474);
    background: var(--space-neutral-fill-gamma, #0000000a);
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .header-spaces-username-badge.pro{
    color: #fff;
    background-image: linear-gradient(114deg, #00c45a 1.6%, #006ed4 100%);
    background-color: #00a86b;
}

/* Profile menu — Figma 244:17085 */
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper{
    top: calc(100% + 8px);
    right: 0;
    width: 298px;
    min-width: 298px;
    padding: 0;
    border: 0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .14);
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper .header-main-dropdown{
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 298px;
    min-width: 0;
    margin: 0;
    padding: 4px 0;
    border-radius: 16px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper .header-main-dropdown > div{
    margin: 0;
    padding: 0;
    border-top: 0;
    background: transparent;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper a{
    min-width: 0;
    margin: 0;
    background-image: none !important;
    background-position: 0 0;
    background-size: 0;
    background-repeat: no-repeat;
}

/* Kill base .grouped-dropdown-wrapper a:hover gray fill inside the billing card */
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper a.spaces-profile-menu-credits,
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper a.spaces-profile-menu-premium{
    border-radius: 0;
    background-color: transparent !important;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper a.spaces-profile-menu-credits:hover,
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper a.spaces-profile-menu-credits:focus-visible,
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper a.spaces-profile-menu-premium:hover,
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper a.spaces-profile-menu-premium:focus-visible{
    color: inherit;
    border-radius: 0;
    background-color: transparent !important;
    background-image: none !important;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper .header-main-dropdown > .spaces-profile-menu-identity{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-height: 0;
    margin: 0 !important;
    padding: 8px 14px;
    border: 0;
    box-sizing: border-box;
    background: transparent;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-identity-copy{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-identity-name{
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    color: #2c2c2c !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0 !important;
    background: transparent;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-identity-plan{
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    color: #6d6d6d !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: -.14px !important;
    background: transparent;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper .header-main-dropdown > .spaces-profile-menu-billing{
    display: flex;
    flex-direction: column;
    gap: 11px;
    align-self: center;
    width: 272px;
    max-width: calc(100% - 26px);
    margin: 0 auto !important;
    padding: 11px 4px;
    border: 0;
    border-radius: 16px;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 0 .5px rgba(0, 0, 0, .04), 0 4px 10px rgba(0, 0, 0, .14);
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits:hover,
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits:focus-visible{
    outline: 0;
    background-color: transparent !important;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits:hover .spaces-profile-menu-credits-title,
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits:focus-visible .spaces-profile-menu-credits-title{
    color: #000;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits:hover .spaces-profile-menu-credits-meta,
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits:focus-visible .spaces-profile-menu-credits-meta{
    color: #393939;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits-row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits-title{
    color: #1c1c1c;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits-meta{
    display: inline-flex;
    align-items: center;
    gap: 0;
    color: #575757;
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits-meta > img{
    display: block;
    width: 16px;
    height: 16px;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits-bar{
    display: block;
    width: 100%;
    height: 6px;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(0, 0, 0, .04);
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits-bar > span{
    display: block;
    width: 6px;
    height: 100%;
    border-radius: inherit;
    background: #7c5dff;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-credits-hint{
    color: #575757;
    font: 400 12px/20px "Open Sans", Arial, sans-serif;
    letter-spacing: -.12px;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-billing-divider{
    width: calc(100% - 16px);
    height: 1px;
    margin: 0 8px;
    background: rgba(0, 0, 0, .09);
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-premium{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-height: 38px;
    padding: 0 8px;
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-premium:hover,
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-premium:focus-visible{
    outline: 0;
    background-color: transparent !important;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-premium-label{
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    color: #1c1c1c;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-premium-label > img{
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    filter: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-premium-upgrade{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    min-height: 24px;
    padding: 6px 16px;
    border-radius: 100px;
    box-sizing: border-box;
    color: #fff;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: #1aa73f;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-premium-upgrade:hover,
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-premium:hover .spaces-profile-menu-premium-upgrade,
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-premium:focus-visible .spaces-profile-menu-premium-upgrade{
    background: #07872f;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper .header-main-dropdown > .spaces-profile-menu-group{
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper .header-main-dropdown > .spaces-profile-menu-group.is-primary{
    padding: 0;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper .header-main-dropdown > .spaces-profile-menu-group.is-settings,
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper .header-main-dropdown > .spaces-profile-menu-group.is-signout{
    margin: 0;
    padding: 0 4px;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu.grouped-dropdown-wrapper .header-main-dropdown > .spaces-profile-menu-group.is-signout{
    border-top: 1px solid #e8e8e8;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 10px;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #2c2c2c !important;
    background: transparent;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    letter-spacing: 0 !important;
    text-decoration: none;
    white-space: nowrap;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-group.is-signout .spaces-profile-menu-item{
    color: #252525 !important;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-item:hover,
.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-item:focus-visible{
    background: rgba(0, 0, 0, .04);
    outline: 0;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-item > img{
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    object-fit: contain;
    filter: none !important;
    opacity: 1 !important;
}

.header-editor.header-spaces.header-spaces-v2 .header-item-user .spaces-profile-menu-item > span{
    flex: 1 1 auto;
    min-width: 0;
    color: inherit;
    font: inherit;
}

.header-editor.header-spaces.header-spaces-v2 .spaces-profile-sidebar-variants{
    display: flex;
    flex-direction: column;
    width: 204px;
    margin: 0;
    padding: 4px 6px;
    border: 0;
    box-sizing: border-box;
}

.header-editor.header-spaces.header-spaces-v2 .header-logo-dropdown .header-main-dropdown > .spaces-profile-sidebar-variants::before,
.header-editor.header-spaces.header-spaces-v2 .header-logo-dropdown .header-main-dropdown > .spaces-profile-sidebar-variants::after,
.header-editor.header-spaces.header-spaces-v2 .spaces-profile-sidebar-variants > p::before,
.header-editor.header-spaces.header-spaces-v2 .spaces-profile-sidebar-variants > p::after{
    content: none;
}

.header-editor.header-spaces.header-spaces-v2 .spaces-profile-sidebar-variants > p{
    display: flex;
    align-items: center;
    height: 36px;
    margin: 0;
    padding: 8px 10px 8px 12px;
    border: 0;
    box-sizing: border-box;
    color: var(--space-neutral-text-gamma, #919191);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}

.header-editor.header-spaces.header-spaces-v2 .spaces-profile-sidebar-variants > div{
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0;
    border-top: 0;
    border-radius: 0;
    background: transparent;
}

.header-editor.header-spaces.header-spaces-v2 .spaces-profile-sidebar-variants + .spaces-profile-sidebar-variants{
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid var(--space-neutral-border-gamma, #00000017);
}

.header-editor.header-spaces.header-spaces-v2 .spaces-profile-sidebar-variants button{
    width: 100%;
    height: 32px;
    padding: 4px 10px 4px 12px;
    border: 0;
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-text-beta, #747474);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.header-editor.header-spaces.header-spaces-v2 .spaces-profile-sidebar-variants button:hover,
.header-editor.header-spaces.header-spaces-v2 .spaces-profile-sidebar-variants button:focus-visible,
.header-editor.header-spaces.header-spaces-v2 .spaces-profile-sidebar-variants button[aria-pressed="true"]{
    color: var(--space-neutral-text-alpha, #393939);
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-profiles-fab{
    position: relative;
    z-index: 40;
}

.header-editor.header-spaces.header-spaces-v2 .header-profiles-item{
    position: relative;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
}

.header-editor.header-spaces.header-spaces-v2 .header-profiles-item .header-button{
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: var(--space-radius-round, 100px);
    box-sizing: border-box;
}

.header-editor.header-spaces.header-spaces-v2 .header-profiles-item .header-button img{
    display: block;
    flex: 0 0 24px;
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.spaces-sparkles-fab{
    display: none !important;
}

.spaces-sparkles-fab > img{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-sparkles-fab:hover,
.spaces-sparkles-fab:focus-visible{
    outline: 0;
    background: #6fe07a;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
}

.spaces-sparkles-fab:active{
    transform: scale(.98);
}

.spaces-sparkles-fab[hidden],
body.is-space-home-page .spaces-sparkles-fab{
    display: none;
}

body.is-copilot-panel-open .spaces-sparkles-fab{
    display: none;
}

body.is-copilot-panel-open .header-editor.header-spaces.header-spaces-v2{
    width: calc(100% - 320px);
    min-width: 0;
    max-width: calc(100% - 320px);
}

body.is-copilot-panel-open .header-editor.header-spaces.header-spaces-v2.is-header-navigation-centered .header-spaces-center{
    position: static;
    left: auto;
    flex: 1 1 auto;
    justify-content: stretch;
    width: auto;
    min-width: 0;
    padding: 0 16px;
    transform: none;
}

body.is-copilot-panel-open .header-editor.header-spaces.header-spaces-v2 .header-search-control,
body.is-copilot-panel-open .header-editor.header-spaces.header-spaces-v2 .header-search{
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
}

body.is-copilot-panel-open .header-editor.header-spaces.header-spaces-v2 .header-spaces-content{
    flex: 0 0 auto;
    width: auto;
    padding: 0 16px 0 8px;
}

body.is-copilot-panel-open .header-editor.header-spaces.header-spaces-v2 .header-spaces-right{
    width: auto;
}

body.is-copilot-panel-open .spaces-wrap{
    overflow: visible;
}

.spaces-wrap > aside.spaces-copilot-panel,
.spaces-copilot-panel{
    position: sticky;
    z-index: 2;
    top: 0;
    right: auto;
    bottom: auto;
    display: flex;
    flex: 0 0 320px;
    flex-direction: column;
    align-self: flex-start;
    width: 320px;
    min-width: 320px;
    max-width: 320px;
    height: calc(100vh - 65px);
    min-height: calc(100vh - 65px);
    max-height: calc(100vh - 65px);
    overflow: visible;
    border: 0;
    border-left: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: 0;
    box-sizing: border-box;
    background: var(--space-bg-alpha, #fff);
    box-shadow: none;
}

body.is-copilot-panel-open .spaces-wrap > aside.spaces-copilot-panel,
body.is-copilot-panel-open .spaces-copilot-panel{
    z-index: 50;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    margin-top: -65px;
}

.spaces-wrap > aside.spaces-copilot-panel > .spaces-copilot-panel-header,
.spaces-wrap > aside.spaces-copilot-panel > .spaces-copilot-panel-body{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.spaces-wrap > aside.spaces-copilot-panel > .spaces-copilot-composer{
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
}

.spaces-wrap > aside.spaces-copilot-panel[hidden],
.spaces-copilot-panel[hidden]{
    display: none !important;
}

.spaces-copilot-panel-header{
    display: flex;
    flex: 0 0 64px;
    align-items: center;
    gap: 16px;
    height: 64px;
    padding: 10px 8px 10px 16px;
    box-sizing: border-box;
}

.spaces-copilot-panel-header > h2{
    flex: 1 1 auto;
    margin: 0;
    color: #000;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -.18px;
}

.spaces-copilot-panel-header-actions{
    position: relative;
    z-index: 4;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 2px;
}

.spaces-copilot-layout-wrap{
    position: relative;
    z-index: 5;
    flex: 0 0 auto;
}

.spaces-copilot-layout-menu{
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 6;
    display: none;
    flex-direction: column;
    min-width: 148px;
    padding: 6px;
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: 12px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    pointer-events: auto;
}

.spaces-copilot-layout-wrap:hover .spaces-copilot-layout-menu,
.spaces-copilot-layout-wrap:focus-within .spaces-copilot-layout-menu,
.spaces-copilot-layout-wrap.is-open .spaces-copilot-layout-menu{
    display: flex;
}

.spaces-copilot-layout-option{
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    margin: 0;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    color: var(--space-neutral-text-alpha, #393939);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    text-align: left;
    cursor: pointer;
    background: transparent;
}

.spaces-copilot-layout-option:hover,
.spaces-copilot-layout-option:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-copilot-icon-btn{
    display: grid;
    width: 40px;
    height: 40px;
    padding: 8px;
    border: 0;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    place-items: center;
    background: transparent;
}

.spaces-copilot-icon-btn > img,
.spaces-copilot-icon-btn > svg{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-copilot-icon-btn > svg{
    color: var(--space-alpha-gray-ga80, #000000a8);
}

.spaces-copilot-icon-btn:hover,
.spaces-copilot-icon-btn:focus-visible,
.spaces-copilot-icon-btn.is-active{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-copilot-icon-btn.is-active > img,
.spaces-copilot-icon-btn.is-active > svg{
    display: block;
}

.spaces-copilot-panel-body{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: auto;
}

.spaces-copilot-empty{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    gap: 16px;
    min-height: 0;
    padding: 16px 12px 12px;
    box-sizing: border-box;
}

.spaces-copilot-empty[hidden],
.spaces-copilot-thread[hidden]{
    display: none;
}

.spaces-copilot-suggestions{
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
}

.spaces-copilot-suggestions > li + li{
    margin-top: 0;
}

.spaces-copilot-suggestion{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 24px;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #393939);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
    background: transparent;
}

.spaces-copilot-suggestion > span:not(.spaces-copilot-suggestion-icon){
    flex: 1 1 auto;
    min-width: 0;
}

.spaces-copilot-suggestion:hover,
.spaces-copilot-suggestion:focus-visible{
    outline: 0;
    background: transparent;
}

.spaces-copilot-suggestion-icon{
    display: grid;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    border-radius: 8px;
    place-items: center;
}

.spaces-copilot-suggestion-icon > img{
    display: block;
    width: 16px;
    height: 16px;
}

.spaces-copilot-suggestion-icon.is-lilac{ background: var(--additional-lilac, #d3aaff); }
.spaces-copilot-suggestion-icon.is-orange{ background: var(--additional-orange, #ffad82); }
.spaces-copilot-suggestion-icon.is-gray{ background: var(--additional-gray, #d9d9d9); }

.spaces-copilot-hero{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 0;
}

.spaces-copilot-mark{
    display: block;
    width: 72px;
    height: 72px;
    margin: 0;
    object-fit: contain;
}

.spaces-copilot-hero > p{
    width: 100%;
    max-width: 280px;
    margin: 0;
    color: #1c1c1c;
    font: 700 24px/32px "Open Sans", Arial, sans-serif;
    letter-spacing: -.5px;
    text-align: center;
}

.spaces-copilot-thread{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 12px;
}

.spaces-copilot-widget-dock{
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    padding: 0 12px 12px;
    box-sizing: border-box;
}

.spaces-copilot-widget-dock[hidden]{
    display: none !important;
}

.spaces-copilot-widget-dock .spaces-home-widget,
.spaces-copilot-message .spaces-home-widget,
.spaces-copilot-message .spaces-home-choices,
.spaces-copilot-message .spaces-home-listing-card{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.spaces-copilot-message .spaces-home-widget,
.spaces-copilot-message .spaces-home-choices,
.spaces-copilot-message .spaces-home-listing-card{
    margin: 0;
}

.spaces-copilot-widget-dock .spaces-home-widget-upload-dropzone{
    min-height: 120px;
    padding: 20px 12px;
}

.spaces-copilot-message{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    max-width: 100%;
    padding: 10px 12px;
    border-radius: 12px;
    color: #1c1c1c;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-copilot-message > p{
    margin: 0;
}

.spaces-copilot-message.is-user{
    align-self: flex-end;
    align-items: flex-end;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-copilot-message.is-assistant{
    align-self: flex-start;
    background: transparent;
}

.spaces-copilot-choices{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
}

.spaces-copilot-choice,
.spaces-copilot-continue,
.spaces-copilot-listing-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 6px 12px;
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .09));
    border-radius: 100px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #393939);
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
    background: #fff;
    cursor: pointer;
}

.spaces-copilot-choice:hover,
.spaces-copilot-choice:focus-visible,
.spaces-copilot-continue:hover,
.spaces-copilot-continue:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-copilot-choice.is-selected{
    border-color: rgba(0, 0, 0, .2);
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-copilot-choice:disabled,
.spaces-copilot-continue:disabled{
    cursor: default;
    opacity: .7;
}

.spaces-copilot-listing-link{
    color: #fff;
    background: #1c1c1c;
    border-color: #1c1c1c;
}

.spaces-copilot-listing-link:hover,
.spaces-copilot-listing-link:focus-visible{
    outline: 0;
    background: #000;
}

.spaces-copilot-composer{
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
    width: calc(100% - 24px);
    min-height: 110px;
    margin: 0 12px 12px;
    padding: 16px 12px 12px;
    overflow: visible;
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: 16px;
    box-sizing: border-box;
    background: var(--space-bg-alpha, #fff);
}

.spaces-copilot-composer > textarea{
    display: block;
    width: 100%;
    min-height: 20px;
    max-height: 72px;
    padding: 0;
    overflow: hidden;
    border: 0;
    resize: none;
    color: var(--space-neutral-text-alpha, #393939);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    background: transparent;
}

.spaces-copilot-composer > textarea:focus{
    outline: 0;
}

.spaces-copilot-placeholder{
    position: absolute;
    top: 16px;
    left: 12px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    max-width: calc(100% - 24px);
    overflow: hidden;
    color: #919191;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
    pointer-events: none;
}

.spaces-copilot-placeholder[hidden]{
    display: none;
}

.spaces-copilot-placeholder > img{
    display: block;
    width: 14px;
    height: 14px;
}

.spaces-copilot-composer-toolbar{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    min-width: 0;
    margin-top: 16px;
}

.spaces-copilot-composer-toolbar-left,
.spaces-copilot-composer-toolbar-right{
    display: flex;
    align-items: center;
    width: auto;
    min-width: 0;
}

.spaces-copilot-composer-toolbar-left{
    flex: 0 0 auto;
    gap: 4px;
}

.spaces-copilot-composer-toolbar-right{
    flex: 0 0 auto;
    gap: 4px;
    margin-left: auto;
    justify-content: flex-end;
}

.spaces-copilot-composer-toolbar .spaces-copilot-icon-btn{
    width: 36px;
    height: 36px;
    padding: 6px;
    border-radius: 12px;
}

.spaces-copilot-scope-wrap{
    position: relative;
    min-width: 0;
}

.spaces-copilot-mode-wrap{
    position: static;
    flex: 0 0 auto;
    min-width: 0;
}

.spaces-copilot-scope{
    display: grid;
    width: 36px;
    height: 36px;
    padding: 6px;
    overflow: hidden;
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #393939);
    background: transparent;
    cursor: pointer;
    place-items: center;
}

.spaces-copilot-scope-icon,
.spaces-copilot-scope-icon > img,
.spaces-copilot-scope-icon > .spaces-home-space-initial{
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
}

.spaces-copilot-scope:hover,
.spaces-copilot-scope:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-copilot-scope-menu{
    position: absolute;
    z-index: 9;
    left: 0;
    bottom: calc(100% + 8px);
    display: flex;
    flex-direction: column;
    width: 248px;
    max-width: min(248px, calc(100vw - 48px));
    max-height: 280px;
    overflow: auto;
    padding: 8px;
    border-radius: 16px;
    box-sizing: border-box;
    background: var(--space-bg-alpha, #fff);
    box-shadow: 0 0 0 .5px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .1);
}

.spaces-copilot-mode{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 36px;
    padding: 8px;
    overflow: hidden;
    border: 0;
    border-radius: 20px;
    color: #1c1c1c;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    background: transparent;
    cursor: pointer;
}

.spaces-copilot-mode > span:first-child{
    font-weight: 600;
}

.spaces-copilot-mode:hover,
.spaces-copilot-mode:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-copilot-scope-menu[hidden]{
    display: none;
}

.spaces-copilot-mode-menu{
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: calc(100% + 8px);
    left: 0;
    display: flex;
    flex-direction: column;
    width: auto;
    max-width: none;
    padding: 12px 4px 4px;
    border-radius: 16px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1), 0 0 0 .5px rgba(0, 0, 0, .04);
    transform: none;
}

.spaces-copilot-mode-menu[hidden]{
    display: none;
}

.spaces-copilot-mode-heading{
    margin: 0;
    padding: 0 12px 4px;
    color: #575757;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-copilot-mode-option{
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 8px;
    color: #2c2c2c;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.spaces-copilot-mode-option-title{
    display: flex;
    align-items: center;
    gap: 8px;
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-copilot-mode-option-desc{
    color: #6d6d6d;
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-copilot-mode-badge{
    display: inline-flex;
    padding: 2.5px 6px;
    border-radius: 8px;
    color: #4b4b4b;
    font: 400 10px/11px "Open Sans", Arial, sans-serif;
    background: #f3f3f3;
}

.spaces-copilot-mode-option.is-selected,
.spaces-copilot-mode-option:hover,
.spaces-copilot-mode-option:focus-visible{
    outline: 0;
    background: #f3f3f3;
}

.spaces-copilot-send{
    display: grid;
    width: 36px;
    height: 36px;
    padding: 6px;
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    cursor: pointer;
    place-items: center;
    background: rgba(15, 255, 15, .19);
}

.spaces-copilot-send > img{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-copilot-send.is-ready{
    background: var(--space-primary-fill-beta, #1aa73f);
}

.spaces-copilot-send:hover,
.spaces-copilot-send:focus-visible{
    outline: 0;
}

.spaces-profiles-fab-trigger{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: var(--space-radius-round, 100px);
    background: var(--space-primary-fill-beta, #1aa73f);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
    cursor: pointer;
    transition: transform 160ms cubic-bezier(.2, .8, .2, 1), background-color 120ms ease, box-shadow 160ms ease;
}

.spaces-profiles-fab-trigger:hover{
    transform: scale(1.05);
    background: #07872f;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .22);
}

.spaces-profiles-fab-trigger:focus-visible{
    box-shadow: 0 0 0 3px var(--space-neutral-background-alpha, #fff), 0 0 0 5px var(--space-solid-blue-b60, #0194f5), 0 6px 16px rgba(0, 0, 0, .18);
}

.spaces-profiles-fab-trigger:active{
    transform: scale(.98);
}

.spaces-profiles-fab-trigger > img{
    width: 24px;
    height: 24px;
    filter: brightness(0) invert(1);
}

.spaces-profiles-popover{
    position: absolute;
    z-index: 40;
    top: calc(100% + 8px);
    right: 0;
    bottom: auto;
    display: flex;
    flex-direction: column;
    width: 248px;
    height: min(560px, calc(100vh - 80px));
    padding: 6px;
    border: 0;
    border-radius: var(--space-radius-medium, 12px);
    box-sizing: border-box;
    background: var(--space-neutral-background-alpha, #fff);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .2);
    overflow: hidden;
}

.spaces-profiles-popover[hidden]{
    display: none;
}

.spaces-profiles-popover > header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    padding: 0 2px 0 12px;
}

.spaces-profiles-popover > header > span{
    color: var(--space-neutral-text-alpha, #393939);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.spaces-profiles-popover > header button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-text-beta, #747474);
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    background: transparent;
    cursor: pointer;
}

.spaces-profiles-popover > header button:hover,
.spaces-profiles-popover > header button:focus-visible{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-profile-settings-tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 2px 0 6px;
}

.spaces-profile-settings-tabs > button{
    flex: 1 1 auto;
    height: 32px;
    padding: 4px 8px;
    border: 0;
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-text-beta, #747474);
    font: 500 12px/20px "Open Sans", Arial, sans-serif;
    text-align: center;
    background: transparent;
    cursor: pointer;
}

.spaces-profile-settings-tabs > button:hover,
.spaces-profile-settings-tabs > button:focus-visible,
.spaces-profile-settings-tabs > button[aria-selected="true"]{
    color: var(--space-neutral-text-alpha, #393939);
    background: var(--space-neutral-fill-gamma, #0000000a);
}

body.is-personalization-home-owner [data-personalization-realtor-only],
body.is-personalization-interior-designer [data-personalization-realtor-only],
body.is-personalization-contractor [data-personalization-realtor-only]{
    display: none;
}

body.is-personalization-realtor [data-personalization-home-owner-only]{
    display: none;
}

.spaces-home-chips-row{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 645px;
    margin: 0 auto;
    box-sizing: border-box;
}

.spaces-home-chips-row[hidden]{
    display: none !important;
}

.spaces-home-role-switch{
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-self: flex-start;
    align-items: center;
    z-index: 6;
    margin-top: 0;
}

.spaces-home-role-switch-divider{
    display: none;
}

.spaces-home-role-switch[hidden]{
    display: none !important;
}

body.is-role-placement-option2 .spaces-home:not(.is-centered-chat) .spaces-home-composer-hero > .spaces-home-role-switch:not([hidden]){
    display: flex;
    align-self: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    margin: 12px auto 0;
    z-index: 8;
}

.spaces-home-role-switch-chevron{
    display: none;
}

body.is-role-placement-option2 .spaces-home-role-switch-prefix{
    color: #1c1c1c;
}

body.is-role-placement-option2 .spaces-home-role-switch-chevron{
    display: none;
}

body.is-role-placement-option2 .spaces-home:not(.is-centered-chat) .spaces-home-composer-hero > h1{
    margin-top: 4px;
}

body.is-role-placement-option2 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row:not([hidden]){
    margin-top: 28px;
}

body.is-role-placement-option2 .spaces-home:not(.is-centered-chat) .spaces-home-role-switch-menu{
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

.spaces-home-role-switch-icon{
    display: none;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    color: #1c1c1c;
}

.spaces-home-role-switch-menu .spaces-home-role-switch-icon{
    display: block;
}

.spaces-home-role-switch-trigger{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #919191;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    letter-spacing: 0;
    white-space: nowrap;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
}

.spaces-home-role-switch-prefix{
    color: #919191;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-role-switch-role,
.spaces-home-role-switch-trigger [data-home-role-switch-label]{
    color: #1c1c1c;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    padding: 0 0 1px;
    border-bottom: 1px solid rgba(28, 28, 28, .28);
}

.spaces-home-role-switch-trigger:hover,
.spaces-home-role-switch-trigger:focus-visible,
.spaces-home-role-switch-trigger[aria-expanded="true"]{
    outline: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
}

.spaces-home-role-switch-trigger:hover .spaces-home-role-switch-role,
.spaces-home-role-switch-trigger:focus-visible .spaces-home-role-switch-role,
.spaces-home-role-switch-trigger[aria-expanded="true"] .spaces-home-role-switch-role{
    border-bottom-color: rgba(28, 28, 28, .45);
}

.spaces-home-role-switch-chevron{
    display: none !important;
}

.spaces-home-role-switch-trigger[aria-expanded="true"] .spaces-home-role-switch-chevron{
    transform: none;
}

.spaces-home-role-switch-menu{
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 8;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 220px;
    padding: 6px;
    border-radius: 14px;
    box-sizing: border-box;
    background: var(--space-bg-alpha, #fff);
    box-shadow: 0 0 0 .5px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .12);
}

.spaces-home-role-switch-menu[hidden]{
    display: none !important;
}

.spaces-home-role-switch-menu > button{
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    padding: 8px 12px;
    border: 0;
    border-radius: 10px;
    box-sizing: border-box;
    gap: 8px;
    color: #000;
    font: 500 14px/20px "Open Sans", Arial, sans-serif;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.spaces-home-role-switch-menu > button:hover,
.spaces-home-role-switch-menu > button:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .04);
}

.spaces-home-role-switch-menu > button[aria-selected="true"]{
    background: rgba(0, 0, 0, .06);
    font-weight: 600;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row:not([hidden]),
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row:not([hidden]){
    align-items: flex-start;
    height: auto;
    min-height: 0;
    margin-top: 28px;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row .spaces-inline-copilot-chips,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row .spaces-inline-copilot-chips{
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 40px;
    min-width: 0;
    margin: 0;
    padding: 0;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row .spaces-inline-copilot-chips::-webkit-scrollbar,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row .spaces-inline-copilot-chips::-webkit-scrollbar{
    display: none;
}

.spaces-home.is-centered-chat .spaces-home-chips-row,
body:not(.is-new-chat-placement-option4):not(.is-new-chat-placement-option5) .spaces-home-chips-row{
    display: none !important;
}

.spaces-profile-settings-panel[hidden]{
    display: none;
}

.spaces-profile-settings-panel{
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: scroll;
    scrollbar-gutter: stable;
}

.spaces-profile-user-description{
    margin: 8px 12px 0;
    color: var(--space-neutral-text-gamma, #919191);
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-profiles-popover .spaces-profile-sidebar-variants{
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    padding: 4px 0;
}

.spaces-profiles-popover .spaces-profile-sidebar-variants + .spaces-profile-sidebar-variants{
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid var(--space-neutral-border-gamma, #00000017);
}

.spaces-profiles-popover .spaces-profile-sidebar-variants > p{
    display: flex;
    align-items: center;
    height: 28px;
    margin: 0;
    padding: 4px 10px 4px 12px;
    box-sizing: border-box;
    color: var(--space-neutral-text-gamma, #919191);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}

.spaces-profiles-popover .spaces-profile-sidebar-variants > div{
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.spaces-profiles-popover .spaces-profile-sidebar-variants button[hidden],
.spaces-profiles-popover .spaces-profile-sidebar-variants[hidden],
.spaces-profiles-popover [data-chat-ui-variants],
.spaces-profiles-popover [data-option4-suggestions-settings],
.spaces-profiles-popover [data-option51-placement-hint],
.spaces-profiles-popover [data-option52-placement-hint],
.spaces-profiles-popover [data-option53-placement-hint],
.spaces-profiles-popover [data-option54-placement-hint]{
    display: none !important;
}

.spaces-profiles-popover .spaces-profile-sidebar-variants button{
    width: 100%;
    height: 32px;
    padding: 4px 10px 4px 12px;
    border: 0;
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-text-beta, #747474);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.spaces-profiles-popover .spaces-profile-sidebar-variants button:hover,
.spaces-profiles-popover .spaces-profile-sidebar-variants button:focus-visible,
.spaces-profiles-popover .spaces-profile-sidebar-variants button[aria-pressed="true"]{
    color: var(--space-neutral-text-alpha, #393939);
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.header-editor.header-spaces.header-spaces-v2 .header-notify-block > .tooltip{
    color: var(--space-neutral-text-on-beta, #fff);
}

/* Header popovers are intentional click actions; hover only reveals the tooltip. */
.header-editor.header-spaces.header-spaces-v2 .header-main-dropdown-item:hover > .header-main-dropdown-wrapper,
.header-editor.header-spaces.header-spaces-v2 .header-item-dropdown:hover > .header-main-dropdown-wrapper{
    display: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-main-dropdown-item.is-open > .header-main-dropdown-wrapper,
.header-editor.header-spaces.header-spaces-v2 .header-item-dropdown.is-open > .header-main-dropdown-wrapper{
    display: block;
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-icons .header-main-dropdown-item:hover{
    color: inherit;
    border-radius: var(--space-radius-round, 100px);
    background: transparent;
}

/* Tooltips wait briefly before opening and hide immediately when hover ends. */
.header-editor.header-spaces.header-spaces-v2 .tooltip,
.header-editor.header-spaces.header-spaces-v2 .tooltip::before,
.spaces-wrap .tooltip,
.spaces-wrap .tooltip::before{
    --spaces-tooltip-show-duration: 0ms;
    --spaces-tooltip-show-delay: 0ms;
    transition-property: opacity, visibility;
    transition-duration: var(--spaces-tooltip-show-duration), 0ms;
    transition-timing-function: ease-out, linear;
    transition-delay: var(--spaces-tooltip-show-delay), var(--spaces-tooltip-show-delay);
}

.header-editor.header-spaces.header-spaces-v2 .tooltip,
.spaces-wrap .tooltip{
    border-radius: 12px;
    font-size: 14px;
    line-height: 20px;
    pointer-events: none;
}

.header-editor.header-spaces.header-spaces-v2 .tooltip::before,
.spaces-wrap .tooltip::before{
    top: -5px;
    border-width: 0 6px 6px;
}

.header-editor.header-spaces.header-spaces-v2 .tooltip.tooltip-top::before,
.spaces-wrap .tooltip.tooltip-top::before{
    top: auto;
    bottom: -5px;
}

.header-editor.header-spaces.header-spaces-v2 .header-button:hover + .tooltip,
.spaces-wrap > aside .spaces-aside-all-spaces-create:hover .tooltip,
.spaces-wrap .spaces-item-wrap .spaces-item-shared-wrap:hover .tooltip,
.spaces-wrap .tooltip-container:hover .tooltip,
.spaces-wrap .spaces-item-avatar-list .avatar-button:hover + .tooltip{
    --spaces-tooltip-show-duration: 75ms;
    --spaces-tooltip-show-delay: 100ms;
}

.header-editor.header-spaces.header-spaces-v2 .header-button.is-tooltip-dismissed:hover + .tooltip,
.header-editor.header-spaces.header-spaces-v2 .header-button.is-tooltip-dismissed:hover + .tooltip::before,
.header-editor.header-spaces.header-spaces-v2 .header-create-button.is-tooltip-dismissed:hover + .tooltip,
.header-editor.header-spaces.header-spaces-v2 .header-create-button.is-tooltip-dismissed:hover + .tooltip::before{
    --spaces-tooltip-show-duration: 0ms;
    --spaces-tooltip-show-delay: 0ms;
    visibility: hidden;
    opacity: 0;
}

/* Spaces 2.0 left rail — Figma page 92:37736. */
.spaces-wrap > aside.spaces-sidebar-v2{
    width: 256px;
    min-width: 256px;
    background: var(--space-bg-alpha, #fff);
}

.spaces-wrap > aside.spaces-sidebar-v2.is-hidden{
    width: 0;
    min-width: 0;
}

.spaces-wrap > aside.spaces-sidebar-v2.is-popover-open{
    position: relative;
    z-index: 10;
}

.spaces-wrap > aside.spaces-sidebar-v2 .spaces-aside-inner,
.spaces-wrap > aside.spaces-sidebar-v2 > .spaces-aside-badge-wrap{
    display: none;
}

.spaces-wrap > aside.spaces-sidebar-v2 .spaces-sidebar{
    /* Figma Sidebar text tokens; legacy Spaces exposes a different text/beta value. */
    --spaces-sidebar-text-alpha: #1c1c1c;
    --spaces-sidebar-neutral-alpha: #393939;
    --spaces-sidebar-text-beta: #4b4b4b;
    width: 256px;
    height: calc(100vh - 64px);
    min-height: 0;
    padding: 12px;
    box-sizing: border-box;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    color: var(--space-neutral-text-alpha, #393939);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    font-variation-settings: "wdth" 100;
}

.spaces-wrap > aside.spaces-sidebar-v2 .spaces-sidebar::-webkit-scrollbar{
    width: 8px;
}

.spaces-wrap > aside.spaces-sidebar-v2 .spaces-sidebar::-webkit-scrollbar-track{
    background: transparent;
}

.spaces-wrap > aside.spaces-sidebar-v2 .spaces-sidebar::-webkit-scrollbar-thumb{
    border: 2px solid transparent;
    border-radius: var(--space-radius-round, 100px);
    background: transparent;
    background-clip: padding-box;
    transition: background-color 150ms ease;
}

.spaces-wrap > aside.spaces-sidebar-v2 .spaces-sidebar:hover{
    scrollbar-color: var(--space-solid-gray-g20, #e9e9e9) transparent;
}

.spaces-wrap > aside.spaces-sidebar-v2 .spaces-sidebar.is-scrollbar-hovered{
    scrollbar-color: var(--space-solid-gray-g40, #c4c4c4) transparent;
}

.spaces-wrap > aside.spaces-sidebar-v2 .spaces-sidebar:hover::-webkit-scrollbar-thumb{
    background-color: var(--space-solid-gray-g20, #e9e9e9);
}

.spaces-wrap > aside.spaces-sidebar-v2 .spaces-sidebar.is-scrollbar-hovered::-webkit-scrollbar-thumb,
.spaces-wrap > aside.spaces-sidebar-v2 .spaces-sidebar:hover::-webkit-scrollbar-thumb:hover{
    background-color: var(--space-solid-gray-g40, #c4c4c4);
}

.spaces-sidebar button{
    appearance: none;
    border: 0;
    outline: 0;
    cursor: pointer;
    font: inherit;
}

.spaces-sidebar-primary,
.spaces-sidebar-spaces,
.spaces-space-tree,
.spaces-documents-tree{
    margin: 0;
    padding: 0;
    list-style: none;
}

.spaces-sidebar-primary[data-sidebar-pinned-nav]{
    flex: 0 0 auto;
}

.spaces-sidebar-primary [data-ask-copilot-item]{
    display: list-item;
}

.spaces-sidebar-primary [data-ask-copilot-item][hidden]{
    display: none !important;
}

.spaces-pinned-section[hidden]{
    display: none;
}

.spaces-pinned-section .spaces-sidebar-space{
    cursor: grab;
}

.spaces-sidebar-spaces > .spaces-sidebar-space{
    cursor: grab;
}

.spaces-sidebar-spaces > .spaces-sidebar-space.is-dragging{
    opacity: .45;
}

.spaces-pinned-section.is-drop-target .spaces-sidebar-spaces{
    min-height: 32px;
}

.spaces-pinned-drag-handle{
    position: absolute;
    z-index: 1;
    top: 2px;
    left: -12px;
    width: 12px;
    height: 32px;
    cursor: grab;
}

.spaces-pinned-drag-handle::before{
    position: absolute;
    top: 15px;
    left: 6px;
    width: 2px;
    height: 2px;
    content: "";
    border-radius: 50%;
    opacity: 0;
    background: var(--space-neutral-icon-gamma, #d9d9d9);
    box-shadow: 0 -3px var(--space-neutral-icon-gamma, #d9d9d9), 0 3px var(--space-neutral-icon-gamma, #d9d9d9);
    transition: opacity 100ms ease;
}

.spaces-pinned-section .spaces-sidebar-space:hover .spaces-pinned-drag-handle::before,
.spaces-pinned-section .spaces-sidebar-space.is-dragging .spaces-pinned-drag-handle::before{
    opacity: 1;
}

.spaces-pinned-section .spaces-sidebar-space.is-dragging{
    opacity: .45;
}

.spaces-pinned-section .spaces-sidebar-space.is-dragging .spaces-pinned-drag-handle{
    cursor: grabbing;
}

.spaces-pinned-drag-ghost{
    position: fixed !important;
    z-index: 100;
    pointer-events: none;
    opacity: 1;
    border: 1px solid var(--space-border-gamma, var(--border-gamma, #e8e8e8));
    border-radius: var(--space-radius-round, 100px);
    background: var(--space-bg-alpha, #fff);
    box-shadow: none;
}

.spaces-pinned-drag-ghost .spaces-space-pin,
.spaces-pinned-drag-ghost .spaces-space-chevron,
.spaces-pinned-drag-ghost .spaces-space-pin:hover,
.spaces-pinned-drag-ghost .spaces-space-chevron:hover{
    background: transparent !important;
    box-shadow: none !important;
}

/* The preview is appended to body, outside the sidebar's button reset. */
.spaces-pinned-drag-ghost button{
    appearance: none;
    border: 0;
    outline: 0;
    font: inherit;
}

.spaces-sidebar-item,
.spaces-space-main,
.spaces-tree-item,
.spaces-folder-item{
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    color: var(--space-neutral-text-alpha, #393939);
    background: transparent;
    border-radius: var(--space-radius-round, 100px);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    transition: background-color 100ms ease;
}

.spaces-sidebar-item{
    position: relative;
    gap: 12px;
    height: 36px;
    padding: 8px 12px;
    box-sizing: border-box;
}

.spaces-sidebar-item:not(.is-active),
.spaces-space-main{
    color: var(--spaces-sidebar-text-alpha);
}

.spaces-sidebar-item > svg,
.spaces-sidebar-item > img{
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    object-fit: contain;
    color: var(--space-neutral-icon-beta, #919191);
}

.spaces-sidebar-section-title{
    display: block;
    height: 36px;
    margin: 2px 0 0;
    padding: 8px 12px;
    box-sizing: border-box;
    color: #747474;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.spaces-section{
    width: 100%;
}

.spaces-explore-section[hidden]{
    display: none;
}

.spaces-ai-chats-section{
    width: 100%;
    margin: 8px 0 2px;
}

.spaces-ai-chats-section[hidden]{
    display: none;
}

.spaces-ai-chats-title{
    height: auto;
    margin: 0;
    padding: 8px 12px;
    color: #747474;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.spaces-ai-chats-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    min-width: 0;
}

.spaces-ai-chats-heading > .spaces-ai-chats-title{
    flex: 0 0 auto;
    padding-right: 4px;
}

.spaces-ai-chats-heading-filter-wrap{
    position: relative;
    flex: 0 0 auto;
    margin: 0 4px 0 auto;
    opacity: 0;
    transition: opacity 100ms ease;
}

.spaces-ai-chats-heading:hover .spaces-ai-chats-heading-filter-wrap,
.spaces-ai-chats-heading:focus-within .spaces-ai-chats-heading-filter-wrap,
.spaces-ai-chats-section:hover .spaces-ai-chats-heading-filter-wrap,
.spaces-ai-chats-heading-filter-wrap.is-open,
.spaces-ai-chats-heading-filter-wrap.is-filtered{
    opacity: 1;
}

.spaces-ai-chats-heading-filter{
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    background: transparent;
    cursor: pointer;
}

.spaces-ai-chats-heading-filter > img{
    display: block;
    width: 16px;
    height: 16px;
}

.spaces-ai-chats-heading-filter:hover,
.spaces-ai-chats-heading-filter:focus-visible,
.spaces-ai-chats-heading-filter[aria-expanded="true"]{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-ai-chats-heading-filter-menu{
    z-index: 80;
}

.spaces-ai-chats-list{
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.spaces-ai-chats-empty{
    display: none;
    margin: 4px 0 0;
    padding: 10px 12px 12px;
    color: #747474;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-ai-chats-empty[hidden]{
    display: none !important;
}

.spaces-ai-chats-section.is-space-filter-empty .spaces-ai-chats-empty:not([hidden]){
    display: block !important;
}

.spaces-ai-chats-section.is-space-filter-empty .spaces-ai-chats-list:empty{
    display: none;
}

.spaces-ai-chats-row{
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
}

.spaces-ai-chats-row > .spaces-ai-chats-item{
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 36px;
}

.spaces-ai-chats-item > span,
.spaces-ai-chats-all{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-ai-chats-more{
    position: absolute;
    top: 50%;
    right: 4px;
    z-index: 2;
    display: grid;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    background: transparent;
    place-items: center;
    transform: translateY(-50%);
}

.spaces-ai-chats-more::before{
    position: absolute;
    top: 0;
    right: 100%;
    width: 16px;
    height: 100%;
    pointer-events: none;
    content: "";
    background: linear-gradient(to right, rgba(245, 245, 245, 0), #f5f5f5);
}

.spaces-ai-chats-more > img{
    position: relative;
    z-index: 1;
    display: block;
    width: 16px;
    height: 16px;
}

.spaces-ai-chats-row:hover .spaces-ai-chats-more,
.spaces-ai-chats-row:focus-within .spaces-ai-chats-more,
.spaces-ai-chats-row.is-menu-open .spaces-ai-chats-more,
.spaces-ai-chats-row.is-active .spaces-ai-chats-more{
    opacity: 1;
    pointer-events: auto;
    background: #f5f5f5;
}

.spaces-ai-chats-more:hover,
.spaces-ai-chats-more:focus-visible,
.spaces-ai-chats-row.is-menu-open .spaces-ai-chats-more{
    outline: 0;
    background: #ececec;
}

.spaces-ai-chats-more:hover::before,
.spaces-ai-chats-more:focus-visible::before,
.spaces-ai-chats-row.is-menu-open .spaces-ai-chats-more::before{
    background: linear-gradient(to right, rgba(236, 236, 236, 0), #ececec);
}

.spaces-ai-chats-menu{
    position: absolute;
    top: calc(100% - 4px);
    right: 4px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    min-width: 140px;
    padding: 6px;
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: 12px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

.spaces-ai-chats-menu[hidden]{
    display: none !important;
}

.spaces-ai-chats-menu-item{
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    margin: 0;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    color: var(--space-neutral-text-alpha, #393939);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    text-align: left;
    cursor: pointer;
    background: transparent;
}

.spaces-ai-chats-menu-item:hover,
.spaces-ai-chats-menu-item:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-ai-chats-menu-item.is-danger{
    color: #c62828;
}

.spaces-ai-chats-row.is-renaming{
    gap: 0;
}

.spaces-ai-chats-row.is-renaming .spaces-ai-chats-item{
    display: none;
}

.spaces-ai-chats-row.is-renaming .spaces-ai-chats-more,
.spaces-ai-chats-row.is-renaming .spaces-ai-chats-menu{
    display: none !important;
}

.spaces-ai-chats-rename-input{
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 32px;
    margin: 0 4px 0 8px;
    padding: 2px 8px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #393939);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: #fff;
}

.spaces-ai-chats-rename-input:focus{
    outline: 0;
    border-color: rgba(0, 0, 0, .4);
}

.spaces-ai-chats-section .spaces-ai-chats-shortcut{
    display: inline-flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
    padding: 1px 8px 2px;
    border-radius: 100px;
    color: rgba(0, 0, 0, .6);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 100ms ease;
    pointer-events: none;
}

.spaces-ai-chats-section .spaces-sidebar-item:hover .spaces-ai-chats-shortcut,
.spaces-ai-chats-section .spaces-sidebar-item:focus-visible .spaces-ai-chats-shortcut,
.spaces-ai-chats-section .spaces-sidebar-item:focus-within .spaces-ai-chats-shortcut{
    opacity: 1;
}

.spaces-ai-chats-section .spaces-ai-chats-shortcut span{
    font-weight: 700;
}

.spaces-sidebar-item.spaces-ai-chats-all,
.spaces-sidebar-item.spaces-ai-chats-all:not(.is-active){
    color: var(--space-neutral-text-beta, #747474);
    font-weight: 600;
}

.spaces-sidebar-item.spaces-ai-chats-all[hidden]{
    display: none;
}

.spaces-ai-chats-section [data-ai-chats-new-wrap]{
    margin: 0 0 2px;
}

.spaces-ai-chats-section [data-ai-chats-new-wrap][hidden]{
    display: none;
}

.spaces-sidebar.is-comfortable-density .spaces-ai-chats-title{
    height: auto;
    min-height: 0;
}

.spaces-explore-items{
    margin-bottom: 2px;
}

.spaces-sidebar.is-explore-profile [data-sidebar-assets-item] .spaces-sidebar-notification-dot{
    display: none;
}

.spaces-section-header{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px;
    margin: 2px 0 0;
    padding: 0 4px 0 12px;
    box-sizing: border-box;
}

.spaces-section.is-actions-open .spaces-section-header{
    z-index: 6;
}

.spaces-section-title-control{
    display: flex;
    align-items: center;
    gap: 2px;
    height: 36px;
}

.spaces-section-title-control .spaces-sidebar-section-title{
    margin: 0;
    padding: 8px 0;
}

.spaces-section-collapse{
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 4px;
    border-radius: var(--space-radius-round, 100px);
    background: transparent;
}

.spaces-section-collapse:hover{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-section-collapse > img{
    position: relative;
    top: 1px;
    width: 20px;
    height: 20px;
    opacity: 0;
    transition: opacity 100ms ease, transform 100ms ease;
}

.spaces-section-actions{
    position: relative;
    display: flex;
    gap: 4px;
    margin-left: auto;
    opacity: 0;
    transition: opacity 100ms ease;
}

.spaces-section-action{
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 4px;
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-icon-beta, #919191);
    background: transparent;
}

.spaces-section-action > img,
.spaces-section-action > svg{
    width: 20px;
    height: 20px;
}

.spaces-section-action:hover{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-section-header:hover .spaces-section-collapse > img,
.spaces-section-header:focus-within .spaces-section-collapse > img,
.spaces-section-header:hover .spaces-section-actions,
.spaces-section-header:focus-within .spaces-section-actions,
.spaces-section-actions.is-open{
    opacity: 1;
}

.spaces-section.is-collapsed .spaces-section-collapse > img{
    transform: rotate(-90deg);
}

.spaces-section-content{
    overflow: hidden;
    max-height: 1200px;
    opacity: 1;
    transition: max-height 180ms ease, opacity 120ms ease;
}

.spaces-section:not(.is-collapsed) > .spaces-section-content{
    overflow: visible;
}

.spaces-section.is-collapsed .spaces-section-content{
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}

.spaces-section-add-tooltip{
    top: calc(100% + 4px);
    right: 0;
    left: auto;
    transform: none;
    white-space: nowrap;
}

.spaces-section-add-tooltip::before{
    right: auto;
    left: calc(100% - 14px);
    transform: translateX(-50%);
}

.spaces-section-action:hover + .spaces-section-add-tooltip,
.spaces-section-action:hover + .spaces-section-add-tooltip::before{
    --spaces-tooltip-show-duration: 75ms;
    --spaces-tooltip-show-delay: 100ms;
    visibility: visible;
    opacity: 1;
}

.spaces-actions-popover{
    position: absolute;
    z-index: 5;
    top: calc(100% + 4px);
    right: 0;
    display: flex;
    flex-direction: column;
    width: 204px;
    padding: 4px 0;
    overflow: hidden;
    border-radius: var(--space-radius-large, 16px);
    background: var(--space-bg-alpha, #fff);
    box-shadow: 0 6px 28px rgba(0, 0, 0, .18);
}

.spaces-actions-popover[hidden]{
    display: none;
}

.spaces-actions-popover-group{
    display: flex;
    flex-direction: column;
    padding: 0 6px;
}

.spaces-actions-popover-sort-group{
    gap: 2px;
}

.spaces-actions-popover-show-group{
    gap: 2px;
}

.spaces-actions-popover-label{
    display: flex;
    align-items: center;
    height: 36px;
    margin: 0;
    padding: 8px 10px 8px 12px;
    box-sizing: border-box;
    color: var(--space-neutral-text-gamma, #919191);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}

.spaces-actions-popover-option,
.spaces-actions-popover-option > span{
    font-weight: 500;
}

.spaces-actions-popover-option{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 32px;
    padding: 4px 10px 4px 12px;
    border-radius: var(--space-radius-round, 100px);
    box-sizing: border-box;
    color: var(--space-neutral-text-beta, #575757);
    background: transparent;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
}

.spaces-actions-popover-option:hover,
.spaces-actions-popover-option:focus-visible{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-actions-popover-option.is-selected{
    color: var(--space-neutral-text-alpha, #393939);
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-actions-popover-option > span{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-actions-popover-check,
.spaces-actions-popover-chevron{
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-left: auto;
}

.spaces-actions-popover-option:not(.is-selected) .spaces-actions-popover-check{
    visibility: hidden;
}

.spaces-actions-popover-chevron{
    transform: rotate(-90deg);
}

.spaces-actions-popover-divider{
    width: 100%;
    height: 1px;
    margin: 2px 0;
    background: var(--space-border-gamma, rgba(0, 0, 0, .09));
}

.spaces-sidebar-item:hover,
.spaces-space-main:hover,
.spaces-tree-item:hover,
.spaces-folder-item:hover,
.spaces-documents-main:hover{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-sidebar-item.is-active,
.spaces-space-main.is-active,
.spaces-tree-item.is-active,
.spaces-folder-item.is-active{
    background: var(--space-solid-gray-g10, #f5f5f5);
}

.spaces-sidebar-notification-dot{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--space-solid-blue-b60, #0194f5);
}

.spaces-sidebar-more{
    position: relative;
}

.spaces-more-popover{
    position: fixed;
    z-index: 5;
    top: var(--spaces-more-popover-top, 0);
    left: var(--spaces-more-popover-left, 0);
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 240px;
    padding: 6px;
    border-radius: 16px;
    background: var(--space-bg-alpha, #fff);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .2);
}

.spaces-more-popover[hidden]{
    display: none;
}

.spaces-more-popover button{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 8px;
    border-radius: 12px;
    color: var(--space-neutral-text-alpha, #393939);
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}

.spaces-more-popover button > img{
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

.spaces-more-popover-new{
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    margin-left: auto;
    padding: 0 6px;
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-background-alpha, #fff);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    background: var(--space-solid-blue-b60, #0194f5);
}

.spaces-more-popover button:hover{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-sidebar-spaces{
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.spaces-show-all{
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px;
    margin-top: 2px;
    padding: 8px 12px;
    border-radius: 8px;
    color: #747474;
    background: transparent;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
}

.spaces-show-all:hover{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-show-all[hidden]{
    display: none;
}

.spaces-sidebar-space{
    min-width: 0;
}

.spaces-space-row{
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    display: flex;
    align-items: center;
    height: 36px;
    min-height: 36px;
}

.spaces-space-main{
    gap: 12px;
    height: 36px;
    padding: 8px 40px 8px 12px;
    white-space: nowrap;
    overflow: hidden;
}

.spaces-space-row:has(.spaces-space-shared) .spaces-space-main{
    padding-right: 96px;
}

.spaces-space-main > span:not(.spaces-space-avatar){
    overflow: hidden;
    text-overflow: ellipsis;
}

.spaces-space-avatar{
    display: grid;
    place-items: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--space-absolute-black-b5, #0000000a);
    border-radius: 6px;
    box-sizing: border-box;
}

.spaces-space-avatar.river{ background: #aad0ff; }
.spaces-space-avatar.apartment{ background: #ffad82; }
.spaces-space-avatar.white-house{ background: #d3aaff; }
.spaces-space-avatar.sunny{ background: #ffd873; }
.spaces-space-avatar.gray{ background: #d9d9d9; }
.spaces-space-avatar.green{ background: #aeea8f; }
.spaces-space-avatar.mint{ background: #73eaad; }
.spaces-space-avatar.cyan{ background: #8ee4fd; }
.spaces-space-avatar.pink{ background: #fd92c9; }
.spaces-space-avatar.coral{ background: #ff9383; }

.spaces-space-avatar-letter{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: var(--space-absolute-black-b60, rgba(0, 0, 0, 0.6));
    font-family: OpenSans, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.11px;
    text-align: center;
    mix-blend-mode: plus-darker;
    transform: translate(-1px, -1px);
}

.spaces-space-chevron,
.spaces-space-pin,
.spaces-documents-chevron{
    position: absolute;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 4px;
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-icon-beta, #919191);
    background: transparent;
    transition: opacity 100ms ease, background-color 100ms ease;
}

.spaces-space-chevron:hover,
.spaces-space-pin:hover,
.spaces-documents-chevron:hover{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-space-chevron{
    right: 4px;
}

.spaces-space-chevron svg,
.spaces-space-chevron img,
.spaces-space-pin svg,
.spaces-space-pin img,
.spaces-documents-chevron svg,
.spaces-documents-chevron img,
.spaces-space-shared{
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.spaces-sidebar-space:not(.is-expanded) > .spaces-space-row .spaces-space-chevron svg,
.spaces-sidebar-space:not(.is-expanded) > .spaces-space-row .spaces-space-chevron img,
.spaces-documents:not(.is-expanded) .spaces-documents-chevron svg,
.spaces-documents:not(.is-expanded) .spaces-documents-chevron img{
    transform: rotate(-90deg);
}

.spaces-space-pin{
    right: 32px;
    opacity: 0;
}

.spaces-single-space-profile .spaces-space-pin,
.spaces-single-space-profile .spaces-space-pin-tooltip{
    display: none !important;
}

.spaces-space-pin img{
    transform: rotate(-90deg) scaleY(-1);
}

.spaces-sidebar-space:hover .spaces-space-pin{
    opacity: 1;
}

.spaces-space-pin:hover{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-space-pin-tooltip{
    top: calc(100% + 4px);
    right: 46px;
    left: auto;
    transform: translateX(50%);
    white-space: nowrap;
}

.spaces-space-pin:hover + .spaces-space-pin-tooltip,
.spaces-space-pin:hover + .spaces-space-pin-tooltip::before{
    --spaces-tooltip-show-duration: 75ms;
    --spaces-tooltip-show-delay: 100ms;
    visibility: visible;
    opacity: 1;
}

.spaces-space-pin.is-tooltip-dismissed:hover + .spaces-space-pin-tooltip,
.spaces-space-pin.is-tooltip-dismissed:hover + .spaces-space-pin-tooltip::before{
    --spaces-tooltip-show-duration: 0ms;
    --spaces-tooltip-show-delay: 0ms;
    visibility: hidden;
    opacity: 0;
}

.spaces-space-shared{
    position: absolute;
    right: 72px;
    flex: 0 0 20px;
    color: var(--space-neutral-icon-beta, #919191);
}

.spaces-space-shared-tooltip{
    top: calc(100% + 4px);
    right: 82px;
    left: auto;
    transform: translateX(50%);
    white-space: nowrap;
}

.spaces-space-row:has(.spaces-space-shared:hover) > .spaces-space-shared-tooltip,
.spaces-space-row:has(.spaces-space-shared:hover) > .spaces-space-shared-tooltip::before{
    --spaces-tooltip-show-duration: 75ms;
    --spaces-tooltip-show-delay: 100ms;
    visibility: visible;
    opacity: 1;
}

.spaces-space-tree,
.spaces-documents-tree{
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
    opacity: 1;
    will-change: max-height, opacity;
}

.spaces-space-tree{
    position: relative;
    margin: 2px 0 2px 20px;
    padding: 0 0 0 10px;
    max-height: 620px;
    transition: max-height 220ms ease, margin 220ms ease, padding 220ms ease, opacity 150ms ease;
}

.spaces-space-tree > li,
.spaces-tree-folder-list > li{
    min-width: 0;
}

.spaces-space-tree::before,
.spaces-documents-tree::before{
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
    width: 2px;
    border-radius: 5px;
    background: var(--space-solid-gray-g10, #f5f5f5);
    content: "";
}

.spaces-tree-item,
.spaces-documents-main,
.spaces-tree-collection-main{
    gap: 10px;
    height: 36px;
    min-height: 36px;
    padding: 8px 8px 8px 16px;
    box-sizing: border-box;
}

.spaces-tree-item-label{
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-tree-item > .spaces-tree-item-label,
.spaces-tree-collection-main > .spaces-tree-item-label,
.spaces-folder-item > .spaces-tree-item-label{
    flex: 1 1 auto;
}

.spaces-tree-item[data-file-count]::after,
.spaces-folder-item[data-file-count]::after{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 20px;
    height: 20px;
    margin-left: auto;
    padding: 0 6px;
    border-radius: var(--space-radius-round, 100px);
    box-sizing: border-box;
    color: var(--space-neutral-text-beta, #575757);
    content: attr(data-file-count);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
}

.spaces-tree-item.is-beta,
.spaces-folder-item.is-beta{
    color: var(--spaces-sidebar-text-beta);
}

.spaces-documents-main{
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 4px;
    border-radius: var(--space-radius-round, 100px);
    color: var(--spaces-sidebar-text-beta);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
}

.spaces-documents-main > span:first-child{
    flex: 1;
    min-width: 0;
    padding: 0;
    color: var(--spaces-sidebar-text-beta);
    background: transparent;
    font: inherit;
    text-align: left;
}

.spaces-documents-chevron{
    position: static;
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    order: 2;
}

.spaces-documents-main[data-file-count]::after{
    order: 1;
}

.spaces-documents-tree{
    position: relative;
    margin: 2px 16px 0 20px;
    padding-left: 10px;
    max-height: 244px;
    transition: max-height 200ms ease, margin 200ms ease, opacity 120ms ease;
}

.spaces-tree-collection{
    position: relative;
    display: block;
    min-width: 0;
}

.spaces-tree-collection-row{
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    height: 36px;
}

.spaces-tree-collection-main{
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 8px;
}

.spaces-tree-collection-chevron{
    position: static;
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: var(--space-radius-round, 100px);
    background: transparent;
    cursor: pointer;
}

.spaces-tree-collection-chevron:hover{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-tree-collection-chevron img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    transition: transform 160ms ease;
}

.spaces-tree-collection:not(.is-open) .spaces-tree-collection-chevron img{
    transform: rotate(-90deg);
}

.spaces-tree-folder-list{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 2px 16px 0 20px;
    padding: 0 0 0 10px;
    max-height: 520px;
    overflow: hidden;
    opacity: 1;
    list-style: none;
    transition: max-height 200ms ease, margin 200ms ease, opacity 120ms ease;
}

.spaces-tree-folder-list::before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    border-radius: 5px;
    background: var(--space-solid-gray-g10, #f5f5f5);
    content: "";
}

.spaces-tree-collection:not(.is-open) .spaces-tree-folder-list{
    max-height: 0;
    margin-top: 0;
    opacity: 0;
    pointer-events: none;
}

.space-section-folders[hidden]{
    display: none;
}

.spaces-folder-item[data-file-count]{
    display: flex;
    align-items: center;
    gap: 8px;
}

.spaces-folder-item[data-file-count]::after{
    margin-left: auto;
}

.spaces-documents-tree::before{
    top: 0;
    bottom: 0;
}

.spaces-folder-item{
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 32px;
    padding: 6px 8px 6px 16px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #393939);
    font-size: 13px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Left rail density profile: first and second hierarchy levels are 40px,
   folder items on the third level are 36px. */
.spaces-sidebar.is-comfortable-density .spaces-space-row,
.spaces-sidebar.is-comfortable-density .spaces-space-main,
.spaces-sidebar.is-comfortable-density .spaces-tree-item,
.spaces-sidebar.is-comfortable-density .spaces-documents-main,
.spaces-sidebar.is-comfortable-density .spaces-sidebar-item,
.spaces-sidebar.is-comfortable-density .spaces-sidebar-section-title,
.spaces-sidebar.is-comfortable-density .spaces-section-header,
.spaces-sidebar.is-comfortable-density .spaces-show-all{
    height: 40px;
    min-height: 40px;
}

.spaces-sidebar.is-comfortable-density .spaces-folder-item{
    min-height: 36px;
}

.spaces-sidebar.is-comfortable-density .spaces-documents-tree{
    max-height: 276px;
}

.spaces-sidebar-space:not(.is-expanded) .spaces-space-tree{
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    pointer-events: none;
}

.spaces-documents:not(.is-expanded) .spaces-documents-tree{
    max-height: 0;
    margin-top: 0;
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 767px) {
    .spaces-wrap > aside.spaces-sidebar-v2 .spaces-sidebar{
        width: 256px;
    }
}

/* Layout AA navigation — Figma node 147:3412 */
.header-editor.header-spaces.header-spaces-v2 .header-invite-item{
    display: none;
}

.header-editor.header-spaces.header-spaces-v2 .header-spaces-icons{
    flex: 0 0 136px;
    width: 136px;
}

.spaces-wrap > aside.spaces-sidebar-v2 .spaces-sidebar{
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 24px 12px 12px;
    overflow: hidden;
}

.spaces-sidebar-scroll{
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.spaces-sidebar-scroll::-webkit-scrollbar{
    width: 8px;
}

.spaces-sidebar-scroll::-webkit-scrollbar-track{
    background: transparent;
}

.spaces-sidebar-scroll::-webkit-scrollbar-thumb{
    border: 2px solid transparent;
    border-radius: var(--space-radius-round, 100px);
    background: transparent;
    background-clip: padding-box;
}

.spaces-sidebar-scroll:hover{
    scrollbar-color: var(--space-solid-gray-g20, #e9e9e9) transparent;
}

.spaces-sidebar-scroll:hover::-webkit-scrollbar-thumb{
    background-color: var(--space-solid-gray-g20, #e9e9e9);
}

.spaces-sidebar.is-explore-profile .spaces-space-chevron{
    opacity: 1;
}

.spaces-sidebar.is-explore-profile .spaces-space-row:hover .spaces-space-chevron,
.spaces-sidebar.is-explore-profile .spaces-space-row:focus-within .spaces-space-chevron{
    opacity: 1;
}

.spaces-sidebar.is-explore-profile{
    gap: 8px;
}

.spaces-sidebar.is-explore-profile .spaces-sidebar-primary{
    gap: 2px;
    margin-bottom: 0;
}

.spaces-sidebar.is-explore-profile .spaces-sidebar-item,
.spaces-sidebar.is-explore-profile .spaces-space-row,
.spaces-sidebar.is-explore-profile .spaces-space-main{
    height: 40px;
    min-height: 40px;
    gap: 10px;
    border-radius: 20px;
}

.spaces-sidebar.is-explore-profile .spaces-sidebar-item{
    padding: 10px 12px;
}

.spaces-sidebar.is-explore-profile .spaces-space-main{
    padding: 10px 40px 10px 12px;
}

.spaces-sidebar.is-explore-profile .spaces-space-row:has(.spaces-space-shared) .spaces-space-main{
    padding-right: 64px;
}

.spaces-sidebar.is-explore-profile .spaces-space-shared{
    right: 40px;
}

.spaces-sidebar.is-explore-profile .spaces-sidebar-item.is-active,
.spaces-sidebar.is-explore-profile .spaces-space-main.is-active{
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, 0.04));
}

.spaces-sidebar.is-explore-profile .spaces-sidebar-primary .spaces-sidebar-item.is-active{
    border-radius: 12px;
}

.spaces-sidebar.is-explore-profile .spaces-sidebar-section-title,
.spaces-sidebar.is-explore-profile .spaces-section-header,
.spaces-sidebar.is-explore-profile .spaces-section-title-control{
    height: auto;
    min-height: 36px;
}

.spaces-sidebar.is-explore-profile .spaces-sidebar-section-title,
.spaces-sidebar.is-explore-profile .spaces-section-title-control .spaces-sidebar-section-title{
    padding: 8px 12px;
    color: #747474;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.spaces-sidebar.is-explore-profile .spaces-section-header{
    height: auto;
    padding: 0;
}

.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-header{
    height: 36px;
    min-height: 36px;
    padding: 0 4px 0 12px;
}

.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-title-control{
    height: 36px;
    min-height: 36px;
}

.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-title-control .spaces-sidebar-section-title{
    padding: 8px 0;
    color: #747474;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-collapse{
    display: grid;
    background: transparent;
}

.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-header:hover .spaces-section-collapse,
.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-header:focus-within .spaces-section-collapse,
.spaces-sidebar.is-explore-profile [data-spaces-section].is-collapsed .spaces-section-collapse{
    background: #ededed;
}

.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-collapse:hover{
    background: var(--space-solid-gray-g20, #e9e9e9);
}

.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-collapse > img,
.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-actions{
    opacity: 0;
}

.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-header:hover .spaces-section-collapse > img,
.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-header:focus-within .spaces-section-collapse > img,
.spaces-sidebar.is-explore-profile [data-spaces-section].is-collapsed .spaces-section-collapse > img,
.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-header:hover .spaces-section-actions,
.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-section-header:focus-within .spaces-section-actions,
.spaces-sidebar.is-explore-profile [data-spaces-section].is-actions-open .spaces-section-actions{
    opacity: 1;
}

.spaces-sidebar.is-explore-profile [data-spaces-section] .spaces-show-all:not([hidden]){
    display: flex;
}

.spaces-sidebar.is-explore-profile .spaces-space-pin,
.spaces-sidebar.is-explore-profile .spaces-space-pin-tooltip,
.spaces-sidebar.is-explore-profile .spaces-explore-section .spaces-section-collapse,
.spaces-sidebar.is-explore-profile .spaces-assets-section .spaces-section-collapse,
.spaces-sidebar.is-explore-profile [data-sidebar-assets-item]{
    display: none;
}

.spaces-sidebar-new-badge{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    min-width: 20px;
    padding: 1px 8px 2px;
    border-radius: var(--space-radius-round, 100px);
    background: var(--space-solid-blue-b70, #0177de);
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
    white-space: nowrap;
}

.spaces-assets-section[hidden]{
    display: none;
}

.spaces-upgrade-card{
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
    padding: 16px;
    border-radius: 16px;
    background: var(--space-bg-alpha, #fff);
    box-shadow:
        0 0 0 0.5px var(--space-alpha-gray-ga10, rgba(0, 0, 0, 0.04)),
        0 2px 6px rgba(0, 0, 0, 0.1);
}

.spaces-upgrade-card-copy{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.spaces-upgrade-card-copy span{
    color: var(--space-solid-gray-g50, #ababab);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;
}

.spaces-upgrade-card-copy strong{
    color: var(--space-text-alpha, #1c1c1c);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.spaces-upgrade-card-button{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    height: 36px;
    padding: 6px 16px;
    border: 0;
    border-radius: var(--space-radius-round, 100px);
    background: var(--space-primary-fill-beta, #1aa73f);
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
}

.spaces-upgrade-card-button:hover{
    background: var(--space-primary-icon-beta, #07872f);
}

.spaces-space-avatar.my-home{
    background: #6ba6f5;
}

/* Space overview — Figma node 92:38300 */
.spaces-wrap > main.get-started-main{
    box-sizing: border-box;
    min-width: 0;
    max-width: none;
    padding: 0;
    overflow: auto;
    background: var(--space-neutral-background-alpha, #fff);
}

.spaces-main-content{
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding: 16px 32px 48px;
}

.spaces-wrap > aside.is-hidden{
    flex: 0 0 0;
    width: 0;
    border: 0;
}

.spaces-info-wrap{
    position: relative;
    display: block;
    height: 96px;
    min-height: 96px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.spaces-info-img{
    position: absolute;
    inset: 0 auto auto 0;
    display: block;
    width: 96px;
    height: 96px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--space-neutral-border-alpha, rgba(0, 0, 0, .09));
    border-radius: 24px;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-info-img img{
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}

.spaces-name-dropdown-wrap{
    position: absolute;
    top: 4px;
    left: 120px;
    margin: 0;
}

.spaces-info-space-name{
    display: block;
    max-width: 360px;
    padding: 0;
    overflow: hidden;
    border: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -.5px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: transparent;
}

.spaces-share-block{
    position: absolute;
    top: 48px;
    left: 120px;
}

.spaces-share-block .spaces-share-dropdown-wrap{
    position: relative;
}

.spaces-button-share{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 32px;
    padding: 6px 12px;
    border: 1px solid var(--space-neutral-border-alpha, rgba(0, 0, 0, .09));
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    background: var(--space-neutral-background-alpha, #fff);
}

.spaces-button-share:hover,
.spaces-button-share:focus-visible{
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-button-share > img{
    width: 20px;
    height: 20px;
}

.spaces-button-edit{
    display: none;
}

.spaces-info-additional-tags{
    position: absolute;
    top: 48px;
    left: 210px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0 0 0 12px;
    border-left: 2px solid var(--space-neutral-border-alpha, rgba(0, 0, 0, .09));
}

.spaces-info-additional-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 32px;
    padding: 6px 8px;
    border: 0;
    border-radius: 6px;
    color: var(--space-neutral-text-beta, #575757);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    background: transparent;
}

.spaces-info-additional-tag:hover,
.spaces-info-additional-tag:focus-visible{
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-info-additional-tag > img{
    width: 20px;
    height: 20px;
}

.spaces-info-additional-tag-add{
    width: 32px;
    padding: 6px;
}

.spaces-quick-actions{
    display: flex;
    align-items: flex-start;
    width: max-content;
    height: 76px;
    margin: 32px 0 0;
    padding: 0;
    gap: 0;
}

.spaces-quick-actions .get-started-panel-button{
    display: flex;
    flex: 0 0 96px;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    width: 96px;
    min-width: 96px;
    height: 76px;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--space-neutral-text-beta, #575757);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    background: transparent;
}

.spaces-quick-actions .get-started-panel-button:not(:first-of-type),
.spaces-quick-actions .get-started-panel-button.moodboard{
    margin-left: 0;
}

.spaces-quick-actions .get-started-panel-button::before,
.spaces-quick-actions .get-started-panel-button::after{
    content: none;
}

.spaces-quick-actions .get-started-panel-button > img{
    display: grid;
    width: 48px;
    height: 48px;
    padding: 12px;
    box-sizing: border-box;
    border-radius: var(--space-radius-round, 100px);
    transform: translateZ(0);
    transition: transform 260ms cubic-bezier(.34, 1.56, .64, 1), box-shadow 150ms ease;
    will-change: transform;
}

.spaces-quick-actions .get-started-panel-button > span{
    display: block;
    width: 100%;
    overflow: hidden;
    color: inherit;
    font: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 150ms ease;
}

.spaces-quick-actions .get-started-panel-button:hover > img,
.spaces-quick-actions .get-started-panel-button:focus-visible > img{
    box-shadow: inset 0 0 0 999px rgba(0, 0, 0, .08);
    transform: scale(1.05);
    transition-duration: 150ms, 150ms;
    transition-timing-function: cubic-bezier(.2, .8, .2, 1), ease;
}

@media (prefers-reduced-motion: reduce) {
    .spaces-quick-actions .get-started-panel-button > img{
        transition: none;
    }

    .spaces-quick-actions .get-started-panel-button:hover > img,
    .spaces-quick-actions .get-started-panel-button:focus-visible > img{
        transform: none;
    }
}

.spaces-quick-actions .create > img{ background: var(--space-primary-fill-beta, #1aa73f); }
.spaces-quick-actions .scratch > img{ background: var(--space-solid-blue-b60, #0194f5); }
.spaces-quick-actions .upload > img{ background: #4a53fa; }
.spaces-quick-actions .smart-wizard > img{ background: #992bff; }
.spaces-quick-actions .upload-file > img{ background: #2a9aa4; }
.spaces-quick-actions .image-ai > img{ background: #fb9219; }
.spaces-quick-actions .ai-studio > img{ background: #ff3b4b; }
.spaces-quick-actions .moodboard > img{ background: #c634d0; }
.spaces-quick-actions .hire-designer > img{ background: #fb9219; }

.spaces-quick-actions .create:hover > span,
.spaces-quick-actions .create:focus-visible > span{ color: var(--space-primary-fill-beta, #1aa73f); }
.spaces-quick-actions .scratch:hover > span,
.spaces-quick-actions .scratch:focus-visible > span{ color: var(--space-solid-blue-b60, #0194f5); }
.spaces-quick-actions .upload:hover > span,
.spaces-quick-actions .upload:focus-visible > span{ color: #4a53fa; }
.spaces-quick-actions .smart-wizard:hover > span,
.spaces-quick-actions .smart-wizard:focus-visible > span{ color: #992bff; }
.spaces-quick-actions .upload-file:hover > span,
.spaces-quick-actions .upload-file:focus-visible > span{ color: #2a9aa4; }
.spaces-quick-actions .image-ai:hover > span,
.spaces-quick-actions .image-ai:focus-visible > span{ color: #fb9219; }
.spaces-quick-actions .ai-studio:hover > span,
.spaces-quick-actions .ai-studio:focus-visible > span{ color: #ff3b4b; }
.spaces-quick-actions .moodboard:hover > span,
.spaces-quick-actions .moodboard:focus-visible > span{ color: #c634d0; }
.spaces-quick-actions .hire-designer:hover > span,
.spaces-quick-actions .hire-designer:focus-visible > span{ color: #fb9219; }

.spaces-quick-actions-divider{
    flex: 0 0 3px;
    width: 3px;
    height: 24px;
    margin: 14px 8px 0;
    border-radius: var(--space-radius-round, 100px);
    background: var(--space-neutral-border-gamma, #00000017);
}

.spaces-collections{
    margin-top: 32px;
}

.spaces-collections-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    margin: 0;
}

.spaces-collections-header h2{
    margin: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -.4px;
}

.spaces-collections-controls{
    display: flex;
    align-items: center;
    gap: 4px;
}

.spaces-collections.is-content-search-profile .spaces-collections-header h2{
    display: none;
}

.spaces-collections.is-content-search-profile .spaces-collections-controls{
    width: 100%;
}

.spaces-collections.is-content-search-profile .spaces-collections-search-field{
    order: -1;
    margin-right: auto;
    gap: 8px;
}

.spaces-collections [data-collections-search-field]{
    height: 40px;
    padding: 9px 12px;
}

.spaces-collections-filters{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: 8px;
}

.spaces-collections-filters[hidden]{
    display: none;
}

.spaces-collections-filter{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 145px;
    height: 36px;
    padding: 4px 12px 4px 16px;
    box-sizing: border-box;
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .09));
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-text-beta, #747474);
    cursor: pointer;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.14px;
    text-align: left;
    white-space: nowrap;
    background: var(--space-neutral-background-alpha, #fff);
}

.spaces-collections-filter-recent{
    width: 106px;
}

.spaces-collections-filter:hover,
.spaces-collections-filter:focus-visible{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-collections-filter img{
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

.spaces-collections-icon-button{
    display: grid;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    padding: 6px;
    border: 0;
    border-radius: var(--space-radius-round, 100px);
    cursor: pointer;
    place-items: center;
    background: transparent;
    transition: width 180ms cubic-bezier(.2, .8, .2, 1), margin 180ms cubic-bezier(.2, .8, .2, 1), opacity 120ms ease, transform 180ms cubic-bezier(.2, .8, .2, 1), background-color 120ms ease;
}

.spaces-collections-icon-button:hover,
.spaces-collections-icon-button:focus-visible{
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-collections-icon-button img{
    width: 24px;
    height: 24px;
}

.spaces-collections-search-field{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 280px;
    height: 36px;
    margin-right: 0;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: var(--space-radius-round, 100px);
    opacity: 1;
    pointer-events: auto;
    transform: none;
    visibility: visible;
    background: var(--space-neutral-background-alpha, #fff);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.spaces-collections-search-field:hover{
    border-color: var(--space-alpha-gray-ga40, #0000003d);
}

.spaces-collections-search-field:focus-within{
    border-color: rgba(1, 157, 43, .9);
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

.spaces-collections-search-field img{
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

.spaces-collections-search-field input{
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    background: transparent;
}

.spaces-collections .spaces-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin: 32px 0 0;
    padding: 0;
}

.spaces-inside-section[hidden]{
    display: none;
}

.spaces-main-content.is-inside-section-open > :not(.spaces-inside-section){
    display: none;
}

/* The source breadcrumbs draw their chevron with a pseudo-element. */
.spaces-inside-section .space-section-breadcrumbs a > svg{
    display: none;
}

.spaces-inside-section .space-section-start-with-toggle{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--space-neutral-text-beta, #747474);
    cursor: pointer;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: transparent;
}

.spaces-inside-section .space-section-start-with-toggle svg{
    width: 20px;
    height: 20px;
    color: currentColor;
    transform: translateY(1px) rotate(-90deg);
    transition: transform 180ms ease;
}

.spaces-inside-section .space-section-start-with-toggle:hover,
.spaces-inside-section .space-section-start-with-toggle:focus-visible{
    color: var(--space-neutral-text-alpha, #1c1c1c);
}

.spaces-inside-section .space-section-start-with-content{
    display: grid;
    grid-template-rows: 1fr;
    margin-top: 16px;
    transition: grid-template-rows 180ms ease, opacity 180ms ease;
}

.spaces-inside-section .space-section-start-with-content > .space-section-header-buttons{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    min-height: 0;
    overflow: hidden;
}

.spaces-inside-section .space-section-start-with-content .space-section-header-buttons > button{
    display: flex;
    align-items: center;
    padding: 11px 23px 11px 15px;
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .09));
    border-radius: var(--space-radius-round, 100px);
    outline: 0;
    color: var(--space-neutral-text-beta, #393939);
    cursor: pointer;
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
    letter-spacing: 0;
    background: transparent;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.spaces-inside-section .space-section-start-with-content .space-section-header-buttons > button:hover{
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-inside-section .space-section-start-with-content .space-section-header-buttons > button:active{
    background: var(--space-neutral-fill-beta, rgba(0, 0, 0, .09));
}

.spaces-inside-section .space-section-start-with-content .space-section-header-buttons > button svg{
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: none;
}

.spaces-inside-section [data-inside-start-with].is-collapsed .space-section-start-with-content{
    grid-template-rows: 0fr;
    margin-top: 0;
    opacity: 0;
}

.spaces-inside-section [data-inside-start-with].is-collapsed .space-section-start-with-toggle svg{
    transform: translateY(1px);
}

.spaces-inside-section .space-section-files-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.spaces-inside-section .space-section-files-header > small{
    color: var(--space-neutral-text-gamma, #919191);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-inside-section .space-section-files-controls{
    display: flex;
    align-items: center;
    gap: 4px;
}

.spaces-inside-section .spaces-collections-search-field{
    width: 280px;
}

.spaces-inside-section .spaces-grid[hidden]{
    display: none;
}

@media (max-width: 719px) {
    .spaces-inside-section .space-section-files-header{
        align-items: flex-start;
        flex-direction: column;
    }
}

.spaces-collections .spaces-item-wrap{
    min-width: 0;
    aspect-ratio: 1;
    margin: 0;
}

.spaces-collections .spaces-item{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 24px;
    box-sizing: border-box;
    border: 1px solid var(--space-neutral-border-alpha, rgba(0, 0, 0, .09));
    border-radius: 24px;
    text-decoration: none;
    background: var(--space-neutral-background-alpha, #fff);
    transition: background-color 150ms ease, border-color 150ms ease;
}

.spaces-collections .spaces-item:hover,
.spaces-collections .spaces-item:focus-visible{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
    background: rgba(0, 0, 0, .02);
}

.spaces-collections .spaces-item-header{
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.spaces-collections .spaces-item-name{
    display: block;
    overflow: hidden;
    color: var(--space-neutral-text-beta, #575757);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -.2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-collections .spaces-item-visual{
    display: grid;
    flex: 1;
    place-items: center;
    padding-bottom: 24px;
}

.spaces-collections .spaces-item-product-img-empty{
    display: block;
    width: 64px;
    height: 64px;
    margin: 0;
}

.spaces-collections .spaces-item-has-file-previews .spaces-item-visual{
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    padding-bottom: 0;
}

.spaces-collections .spaces-item-has-file-previews{
    position: relative;
    padding: 0;
    overflow: hidden;
}

.spaces-collections .spaces-item-card-content{
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 24px;
    box-sizing: border-box;
    min-height: 0;
}

.spaces-collections .spaces-item-card-content .spaces-item-header{
    display: flex;
    flex: 0 0 24px;
    align-items: center;
    min-width: 0;
    height: 24px;
    margin: 0;
    padding: 0;
}

.spaces-collections .spaces-item-card-body{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    width: 100%;
    overflow: hidden;
}

.spaces-collections .spaces-item-card-body .spaces-item-visual{
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    padding: 0;
    overflow: hidden;
}

.spaces-collections .spaces-item-card-body .spaces-item-file-previews{
    display: grid;
    flex: 1 1 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.spaces-collections .spaces-item-file-previews[hidden],
.spaces-collections .spaces-item-product-img-empty[hidden]{
    display: none;
}

.spaces-collections .spaces-item-has-file-previews.is-empty-collection .spaces-item-visual{
    display: grid;
    place-items: center;
    padding-bottom: 24px;
}

.spaces-collections .spaces-item-file-preview,
.spaces-collections .spaces-item-file-preview-empty,
.spaces-collections .spaces-item-file-preview-more{
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
}

.spaces-collections .spaces-item-file-preview{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
    box-shadow: inset 0 0 0 1px var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-collections .spaces-item-file-preview::before{
    position: absolute;
    z-index: 1;
    inset: 0;
    content: "";
    opacity: 1;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
    background: transparent;
    transition: background-color 120ms ease;
}

.spaces-collections .spaces-item-file-preview::after{
    position: absolute;
    z-index: 2;
    bottom: 8px;
    left: 50%;
    max-width: calc(100% - 16px);
    padding: 4px 8px;
    border-radius: 16px;
    overflow: hidden;
    color: #fff;
    content: attr(data-file-name);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 4px);
    background: #292929;
    transition: opacity 120ms ease, transform 120ms ease;
}

.spaces-collections .spaces-item-file-preview:hover::before,
.spaces-collections .spaces-item-file-preview:hover::after{
    opacity: 1;
}

.spaces-collections .spaces-item-file-preview:hover::after{
    transform: translate(-50%, 0);
}

.spaces-collections .spaces-item-file-preview:hover::before{
    background: rgba(0, 0, 0, .16);
}

.spaces-collections .spaces-item-file-preview > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-collections .spaces-item-file-preview-empty,
.spaces-collections .spaces-item-file-preview-more{
    border: 0;
}

.spaces-collections .spaces-item-file-preview-more{
    display: grid;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    place-items: center;
    color: var(--space-neutral-text-gamma, #919191);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
}

.spaces-collections .spaces-item-file-preview-more::after{
    position: absolute;
    inset: 0;
    content: "";
    opacity: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, .04);
    transition: opacity 120ms ease;
}

.spaces-collections .spaces-item-file-preview-more:hover::after{
    opacity: 1;
}

.spaces-collections .spaces-item-card-body .spaces-item-updated{
    display: block;
    flex: 0 0 16px;
    height: 20px;
    width: 100%;
    color: var(--space-neutral-text-gamma, #919191);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-collections-empty{
    margin: 32px 0 0;
    color: var(--space-neutral-text-beta, #575757);
    font: 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-files-table-scroll{
    width: 100%;
    margin-top: 16px;
    overflow-x: auto;
}

.spaces-files-table-scroll[hidden]{
    display: none;
}

.spaces-files-table{
    min-width: 760px;
}

.spaces-files-table-row{
    display: grid;
    grid-template-columns: 52px minmax(180px, .75fr) minmax(100px, .25fr) minmax(80px, .5fr) minmax(104px, .25fr) minmax(130px, .5fr) 40px;
    column-gap: 12px;
    align-items: center;
    min-height: 52px;
    color: var(--space-neutral-text-beta, #575757);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.14px;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 120ms ease;
}

.spaces-files-table-row + .spaces-files-table-row{
    margin-top: 4px;
}

.spaces-files-table-row:not(.spaces-files-table-head):hover,
.spaces-files-table-row:not(.spaces-files-table-head):focus-within{
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-files-table-row[hidden]{
    display: none;
}

.spaces-files-table-head{
    min-height: 32px;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    letter-spacing: 0;
}

.spaces-files-table-heading{
    padding: 6px 8px;
    color: var(--space-neutral-text-gamma, #919191);
    white-space: nowrap;
}

.spaces-files-table-heading-file{
    grid-column: span 2;
    padding-left: 0;
}

.spaces-files-table-row > [role="cell"]:not(.spaces-file-preview){
    min-width: 0;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-file-preview{
    position: relative;
    display: grid;
    height: 52px;
    padding: 4px;
    box-sizing: border-box;
    place-items: center;
}

.spaces-file-thumbnail{
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .09));
    border-radius: 12px;
    background: var(--space-neutral-background-alpha, #fff);
}

.spaces-file-thumbnail::after,
.spaces-home-recent-thumbnail::after,
.spaces-tabs-file-preview::after{
    position: absolute;
    z-index: 2;
    inset: 0;
    border-radius: inherit;
    content: "";
    pointer-events: none;
    box-shadow: inset 0 0 0 1px var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-file-thumbnail-photo img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-file-thumbnail-photo{
    border-color: transparent;
}

.spaces-file-name{
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font-weight: 600;
}

.spaces-file-location{
    display: flex;
    align-items: center;
    gap: 8px;
}

.spaces-file-location img{
    flex: 0 0 22px;
    width: 22px;
    height: 18px;
}

.spaces-file-actions{
    display: grid;
    width: 40px;
    height: 52px;
    padding: 0 !important;
    place-items: center;
}

.spaces-file-actions button{
    display: grid;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: var(--space-radius-round, 100px);
    cursor: pointer;
    place-items: center;
    background: transparent;
}

.spaces-file-actions button:hover,
.spaces-file-actions button:focus-visible{
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-file-actions img{
    width: 24px;
    height: 24px;
}

.spaces-collections .spaces-grid.is-list-view{
    display: none;
}

.spaces-collections .spaces-grid.is-searching-files{
    display: none;
}

.spaces-collections .spaces-grid.is-list-view .spaces-item-wrap{
    height: 72px;
    aspect-ratio: auto;
}

.spaces-collections .spaces-grid.is-list-view .spaces-item{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    border-radius: 16px;
}

.spaces-collections .spaces-grid.is-list-view .spaces-item-visual{
    flex: 0 0 48px;
    padding: 0;
}

.spaces-collections .spaces-grid.is-list-view .spaces-item-product-img-empty{
    width: 40px;
    height: 40px;
}

.spaces-collections .spaces-item-wrap[hidden]{
    display: none;
}

@media (max-width: 1280px) {
    .spaces-collections .spaces-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 840px) {
    .spaces-quick-actions{
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        row-gap: 16px;
    }

    .spaces-collections .spaces-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-five-columns-collections-active .spaces-collections .spaces-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (min-width: 841px) {
    .spaces-wrap > main.get-started-main .spaces-main-content.is-collections-compact .spaces-collections .spaces-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Internal collection page profiles. Source images are supplied at @2x; all
   dimensions here intentionally use CSS pixels (40px controls, 20px icons). */
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-header{
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "breadcrumbs"
        "toolbar";
    row-gap: 32px;
    margin: 0;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-breadcrumbs{
    grid-area: breadcrumbs;
    margin: 0;
    padding: 0;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section [data-inside-start-with],
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-files-header{
    display: none;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-toolbar{
    display: grid;
    grid-area: toolbar;
    align-items: center;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    gap: 8px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-toolbar-primary,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-toolbar-filters,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-toolbar-actions{
    display: flex;
    align-items: center;
    min-width: 0;
    flex-wrap: nowrap;
    gap: 8px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-primary-actions{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-toolbar-primary{
    gap: 12px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-filter{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 36px;
    box-sizing: border-box;
    border-radius: var(--space-radius-round, 100px);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    letter-spacing: -.14px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-new-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    box-sizing: border-box;
    border-radius: var(--space-radius-round, 100px);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
    cursor: pointer;
    gap: 6px;
    padding: 10px 16px 10px 12px;
    border: 1px solid var(--space-primary-fill-beta, #1aa73f);
    color: var(--space-neutral-text-on-beta, #fff);
    background: var(--space-primary-fill-beta, #1aa73f);
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-new-button:hover,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-new-button:focus-visible{
    border-color: #07872f;
    background: #07872f;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-new-button > img{
    width: 24px;
    height: 24px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-new-folder-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 10px 16px 10px 12px;
    box-sizing: border-box;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-text-beta, #747474);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    gap: 6px;
    white-space: nowrap;
    background: var(--space-neutral-background-alpha, #fff);
    cursor: pointer;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-new-folder-button:hover,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-new-folder-button:focus-visible{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-new-folder-button > img{
    width: 24px;
    height: 24px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-filter{
    width: auto;
    gap: 8px;
    padding: 4px 12px 4px 16px;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    color: var(--space-neutral-text-beta, #747474);
    background: var(--space-neutral-background-alpha, #fff);
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-filter.spaces-collections-filter-recent{
    width: 106px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-filter:hover,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-filter:focus-visible{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .spaces-collections-icon-button{
    width: 20px;
    height: 20px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .spaces-collections-icon-button{
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    padding: 8px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .spaces-collections-icon-button > img{
    width: 20px;
    height: 20px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section [data-inside-search-field]{
    display: flex;
    flex: 0 0 216px;
    width: 216px;
    height: 36px;
    padding: 7px 12px;
}

/* Versions 1 and 2 keep creation actions on the breadcrumb row. */
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v1 .spaces-inside-section .space-section-primary-actions{
    position: absolute;
    top: -4px;
    right: 0;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v1 .spaces-inside-section .space-section-toolbar,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v2 .spaces-inside-section .space-section-toolbar{
    height: 36px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "primary filters actions";
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v1 .spaces-inside-section .space-section-toolbar-primary,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v2 .spaces-inside-section .space-section-toolbar-primary{
    grid-area: primary;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v1 .spaces-inside-section .space-section-toolbar-filters,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v2 .spaces-inside-section .space-section-toolbar-filters{
    grid-area: filters;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v1 .spaces-inside-section .space-section-toolbar-actions,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v2 .spaces-inside-section .space-section-toolbar-actions{
    grid-area: actions;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v1 .spaces-inside-section .space-section-toolbar-filters > :first-child,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v2 .spaces-inside-section .space-section-toolbar-filters > :first-child{
    order: 2;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v1 .spaces-inside-section .space-section-toolbar-filters > :last-child,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v2 .spaces-inside-section .space-section-toolbar-filters > :last-child{
    order: 1;
}

/* Version 2 places creation actions beside the breadcrumbs. */
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v2 .spaces-inside-section .space-section-primary-actions{
    position: absolute;
    top: -4px;
    left: var(--inside-v2-new-offset, 420px);
}

/* Version 3 keeps creation and search together in the toolbar. */
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v3 .spaces-inside-section .space-section-toolbar{
    height: 40px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "primary filters actions";
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v3 .spaces-inside-section .space-section-toolbar-primary{
    grid-area: primary;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v3 .spaces-inside-section .space-section-toolbar-filters{
    grid-area: filters;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v3 .spaces-inside-section .space-section-toolbar-actions{
    grid-area: actions;
}

/* Version 3 keeps every control in its shared toolbar at 40px. */
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v3 .spaces-inside-section .space-section-filter,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v3 .spaces-inside-section [data-inside-search-field]{
    height: 40px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v3 .spaces-inside-section .space-section-filter{
    padding-block: 9px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v3 .spaces-inside-section .spaces-collections-icon-button{
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    padding: 10px;
}

/* Version 4 adds folders above projects while keeping the expanded search
   field permanently available. */
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-folders,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-projects-header{
    display: none;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-toolbar{
    height: 40px;
    grid-template-columns: 280px auto minmax(0, 1fr) auto;
    grid-template-areas: "search filters spacer actions";
    gap: 12px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-toolbar-primary{
    display: contents;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section [data-inside-search-field]{
    grid-area: search;
    flex: 0 0 280px;
    width: 280px;
    height: 40px;
    padding: 9px 12px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-toolbar-filters{
    grid-area: filters;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-toolbar-filters > :first-child{
    display: none;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-toolbar-filters > :last-child{
    order: initial;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-primary-actions{
    grid-area: actions;
    justify-self: end;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-filter,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .spaces-collections-icon-button{
    height: 40px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .spaces-collections-icon-button{
    flex-basis: 40px;
    width: 40px;
    padding: 10px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-folders{
    display: block;
    margin-top: 32px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-folders[hidden]{
    display: none;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-folders h2,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-projects-title{
    margin: 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 600 18px/28px "Open Sans", Arial, sans-serif;
    letter-spacing: -.2px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-folder-list{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-folder-card{
    display: flex;
    align-items: center;
    width: 300px;
    margin-top: 0;
    padding: 16px 20px;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: 20px;
    box-sizing: border-box;
    color: var(--space-neutral-text-beta, #747474);
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
    text-align: left;
    cursor: pointer;
    background: var(--space-neutral-background-alpha, #fff);
    transition: border-color 120ms ease, background-color 120ms ease;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-folder-card:hover,
.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-folder-card:focus-visible{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-folder-card > img{
    flex: 0 0 40px;
    width: 40px;
    height: 32px;
    margin-right: 20px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-folder-count{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 20px;
    height: 20px;
    margin-left: auto;
    padding: 0 6px;
    border-radius: var(--space-radius-round, 100px);
    box-sizing: border-box;
    color: var(--space-neutral-text-beta, #575757);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .space-section-projects-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-projects-header[hidden],
.spaces-inside-section .space-section-empty[hidden]{
    display: none;
}

.spaces-inside-section .space-section-empty{
    display: flex;
    min-height: max(360px, calc(100vh - 340px));
    padding: 48px 24px 96px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.spaces-inside-section .space-section-empty-icon{
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 0 24px;
    border: 0;
    border-color: rgba(0, 0, 0, 0);
    border-image: none;
    border-radius: 0;
    box-shadow: none;
    color: rgba(7, 135, 47, 1);
    background: unset;
    background-color: unset;
}

.spaces-inside-section .space-section-empty > h2{
    margin: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 700 24px/32px "Open Sans", Arial, sans-serif;
    letter-spacing: -.48px;
}

.spaces-inside-section .space-section-empty > p{
    max-width: 360px;
    margin: 8px 0 24px;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-inside-section .space-section-empty-action{
    display: inline-flex;
    min-height: 40px;
    padding: 8px 16px 8px 12px;
    border: 1px solid rgba(7, 135, 47, 1);
    border-radius: var(--space-radius-round, 100px);
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 6px;
    outline: 0;
    color: var(--space-neutral-text-on-beta, #fff);
    cursor: pointer;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background-color: rgba(7, 135, 47, 1);
    transition: background-color 120ms ease, border-color 120ms ease;
}

.spaces-inside-section .space-section-empty-action:hover,
.spaces-inside-section .space-section-empty-action:focus-visible{
    border-color: #07872f;
    background-color: rgba(7, 135, 47, 1);
}

.spaces-inside-section .space-section-empty-action > img{
    width: 24px;
    height: 24px;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v4 .spaces-inside-section .spaces-grid{
    margin-top: 24px;
}

@media (max-width: 840px) {
    .spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .space-section-toolbar{
        height: auto;
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "primary actions"
            "filters filters";
    }

    .spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v1 .spaces-inside-section .space-section-primary-actions,
    .spaces-wrap > main.get-started-main .spaces-main-content.is-inside-layout-v2 .spaces-inside-section .space-section-primary-actions{
        position: static;
    }

}

/* The legacy Space page uses compound selectors; these rules deliberately
   supersede only its old overview layout. */
.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-img{
    position: absolute;
    inset: 0 auto auto 0;
    width: 96px;
    height: 96px;
    margin: 0;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: 24px;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-img img{
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: inherit;
    object-fit: cover;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-name-dropdown-wrap{
    position: absolute;
    top: 11px;
    left: 120px;
    margin: 0;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-space-name{
    display: block;
    max-width: 360px;
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--space-neutral-text-alpha, #393939);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -.5px;
    background: transparent;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-name-dropdown.is-active{
    left: 0;
    transform: none;
}

.spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-info-img{
    left: calc(50% - 189px);
}

.spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-name-dropdown-wrap,
.spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-info-additional-tags{
    left: calc(50% - 69px);
}

.spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-share-block{
    left: calc(50% + 137px);
}

.spaces-wrap > main.get-started-main.is-space-header-centered .spaces-quick-actions{
    margin-right: auto;
    margin-left: auto;
    transform: translateX(6px);
}

@media (max-width: 720px) {
    .spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-info-img{
        left: 0;
    }

    .spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-name-dropdown-wrap,
    .spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-info-additional-tags{
        left: 120px;
    }

    .spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-share-block{
        left: 326px;
    }

    .spaces-wrap > main.get-started-main.is-space-header-centered .spaces-quick-actions{
        transform: none;
    }
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-share-block{
    position: absolute;
    top: 55px;
    right: auto;
    left: 326px;
    display: block;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-share-block .spaces-button-share{
    min-width: 0;
    height: 32px;
    padding: 4px 10px 4px 6px;
    box-sizing: border-box;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: var(--space-radius-large, 16px);
    color: var(--space-neutral-text-beta, #747474);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    background: var(--space-bg-alpha, #fff);
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-share-block .spaces-button-edit{
    display: none;
}

/* The Invite popover belongs to the space header, so it opens into the
 * content area rather than back over the sidebar. */
.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-share-dropdown-wrap{
    position: relative;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-share-dropdown{
    right: auto;
    left: 0;
    z-index: 20;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-share-dropdown > header{
    position: relative;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-share-dropdown > header .close{
    position: absolute;
    top: 8px;
    right: 12px;
    left: auto;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: var(--space-radius-round, 100px);
    background-position: center;
    cursor: pointer;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-share-dropdown > header .close:hover,
.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-share-dropdown > header .close:focus-visible{
    background-color: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags{
    position: absolute;
    top: 55px;
    left: 120px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: auto;
    max-width: calc(100% - 120px);
    gap: 12px;
    margin: 0;
    padding: 0;
    border: 0;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags::before{
    display: none;
    top: 50%;
    right: -7px;
    width: 2px;
    height: 17px;
    border-radius: var(--space-radius-round, 100px);
    background: var(--space-neutral-border-gamma, #00000017);
    content: "";
    transform: translateY(-50%);
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags .spaces-info-additional-tag{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    height: 32px;
    padding: 4px 10px 4px 6px;
    box-sizing: border-box;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: var(--space-radius-large, 16px);
    color: var(--space-neutral-text-beta, #747474);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.14px;
    background: var(--space-bg-alpha, #fff);
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags .spaces-info-additional-tag:first-child{
    min-width: 0;
    flex: 0 1 auto;
    width: fit-content;
    max-width: 264px;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags .spaces-info-additional-tag:first-child > span{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags .spaces-info-additional-tag.spaces-info-additional-tag-add{
    width: 32px;
    padding: 4px;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags .spaces-info-additional-tag-settings{
    position: relative;
    justify-content: center;
    width: 32px;
    flex: 0 0 32px;
    padding: 4px;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-tags-divider{
    display: block;
    flex: 0 0 2px;
    width: 2px;
    height: 17px;
    border-radius: var(--space-radius-round, 100px);
    background: var(--space-neutral-border-gamma, #00000017);
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags .spaces-share-block{
    position: static;
    display: block;
    flex: 0 0 auto;
    margin-left: 0;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags .spaces-info-additional-tag-settings > img{
    display: block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-button-share,
.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tag{
    cursor: pointer;
    transition: background-color 120ms ease;
}

.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-button-share:hover,
.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-button-share:focus-visible,
.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tag:hover,
.spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tag:focus-visible{
    border-color: var(--space-neutral-border-gamma, #00000017);
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-collections .spaces-item{
    border-color: var(--space-neutral-border-gamma, #00000017);
}

.spaces-collections .spaces-item:hover,
.spaces-collections .spaces-item:focus-visible{
    border-color: var(--space-alpha-gray-ga40, #0000003d);
}

.spaces-collections .spaces-item-name{
    color: #575757;
}

.spaces-wrap > main.get-started-main .spaces-collections .spaces-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    padding: 0;
}

.spaces-wrap > main.get-started-main .spaces-collections .spaces-grid > .spaces-item-wrap{
    flex: none;
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.spaces-wrap > main.get-started-main .spaces-collections .spaces-grid > .spaces-item-wrap:hover,
.spaces-wrap > main.get-started-main .spaces-collections .spaces-grid > .spaces-item-wrap:focus-within,
.spaces-wrap > main.get-started-main .spaces-collections .spaces-grid > .spaces-item-wrap:active{
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.spaces-wrap > main.get-started-main .spaces-collections .spaces-grid > .spaces-item-wrap > .spaces-item{
    width: 100%;
    height: 100%;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: 32px;
    box-shadow: none;
}

.spaces-wrap > main.get-started-main .spaces-collections .spaces-grid.is-list-view{
    display: none;
}

.spaces-wrap > main.get-started-main .spaces-collections .spaces-grid.is-searching-files{
    display: none;
}

@media (max-width: 1120px) {
    .spaces-wrap > main.get-started-main .spaces-collections .spaces-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 840px) {
    .spaces-wrap > main.get-started-main .spaces-collections .spaces-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .spaces-wrap > main.get-started-main .spaces-collections .spaces-grid.is-list-view{
        grid-template-columns: 1fr;
    }
}

@media (min-width: 841px) {
    .spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .spaces-grid{
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 32px;
        margin-top: 32px;
        padding-top: 0;
    }

    .spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .spaces-grid[hidden]{
        display: none;
    }

    .spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item{
        width: auto;
        min-width: 0;
    }

    .spaces-wrap > main.get-started-main .spaces-main-content.is-collections-compact .spaces-inside-section .spaces-grid{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.spaces-wrap > main.get-started-main .spaces-main-content.is-inside-section-open .spaces-inside-section .spaces-grid[hidden]{
    display: none;
}

/* Space collections can alternatively be navigated as tabs. The overview and
   the tabbed files view remain separate so the standard Collections profile
   continues to use its existing card and inside-page flow unchanged. */
.spaces-tabs[hidden]{
    display: none;
}

.spaces-main-content.is-collections-type-tabs .spaces-collections,
.spaces-main-content.is-collections-type-tabs .spaces-inside-section{
    display: none;
}

.spaces-main-content.is-create-buttons-hidden .spaces-quick-actions{
    display: none;
}

/* Home is a profile-level central view: it keeps the shared rail, header and
   file-table primitives while replacing only the Space-specific content. */
.spaces-home[hidden]{
    display: none;
}

.visually-hidden{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.spaces-main-content.is-home-page > :not(.spaces-home){
    display: none;
}

.spaces-main-content.is-all-spaces-page{
    max-width: 1512px;
    padding: 24px 32px 48px;
}

body.is-copilot-panel-open .spaces-main-content.is-all-spaces-page{
    padding-right: 16px;
    padding-left: 16px;
}

.spaces-main-content.is-all-spaces-page > :not(.spaces-all-spaces){
    display: none;
}

.spaces-all-spaces[hidden]{
    display: none;
}

.spaces-all-spaces{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 1216px;
}

.spaces-all-spaces-header{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.spaces-all-spaces-header > h1{
    margin: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 700 24px/32px "Open Sans", Arial, sans-serif;
    letter-spacing: -.5px;
}

.spaces-all-spaces-intro{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.spaces-all-spaces-lead{
    margin: 0;
    color: #6d6d6d;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    letter-spacing: -.14px;
}

.spaces-all-spaces-toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.spaces-all-spaces-toolbar-actions{
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
}

.spaces-all-spaces-space-filter-wrap{
    position: relative;
    min-width: 0;
}

.spaces-all-spaces-space-filter{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 200px;
    height: 32px;
    padding: 4px 10px 4px 8px;
    border: 1px solid #e8e8e8;
    border-radius: 16px;
    box-sizing: border-box;
    color: #2c2c2c;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: #fff;
    cursor: pointer;
}

.spaces-all-spaces-space-filter-icon,
.spaces-all-spaces-space-filter-icon > img,
.spaces-all-spaces-space-filter-icon > .spaces-home-space-initial,
.spaces-all-spaces-space-filter-icon > .spaces-no-space-icon{
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

.spaces-all-spaces-space-filter-icon > .spaces-home-space-initial{
    border-radius: 4px;
    color: #173b68;
    font: 700 9px/16px "Open Sans", Arial, sans-serif;
    text-align: center;
}

.spaces-all-spaces-space-filter-label{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-all-spaces-space-filter-chevron{
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

.spaces-all-spaces-space-filter:hover,
.spaces-all-spaces-space-filter:focus-visible,
.spaces-all-spaces-space-filter[aria-expanded="true"],
.spaces-all-spaces-space-filter-wrap.is-filtered .spaces-all-spaces-space-filter{
    outline: 0;
    border-color: transparent;
    background: rgba(0, 0, 0, .06);
}

.spaces-all-spaces-space-filter-menu{
    left: auto;
    right: 0;
    z-index: 40;
    min-width: 220px;
}

.spaces-all-spaces-filters{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.spaces-all-spaces-chip{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 6px 12px;
    border: 1px solid #e8e8e8;
    border-radius: 16px;
    box-sizing: border-box;
    color: #2c2c2c;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: #fff;
    cursor: pointer;
}

.spaces-all-spaces-chip.is-active,
.spaces-all-spaces-chip[aria-pressed="true"]{
    border-color: transparent;
    color: #fff;
    background: #1c1c1c;
}

.spaces-all-spaces-chip:hover,
.spaces-all-spaces-chip:focus-visible{
    outline: 0;
}

.spaces-all-spaces-chip:not(.is-active):hover,
.spaces-all-spaces-chip:not(.is-active):focus-visible{
    background: rgba(0, 0, 0, .04);
}

.spaces-all-spaces-view{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 6px;
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    background: transparent;
    cursor: pointer;
}

.spaces-all-spaces-view > img{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-all-spaces-view:hover,
.spaces-all-spaces-view:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .04);
}

.spaces-all-spaces[data-all-spaces-filter="chats"] .spaces-all-spaces-view{
    display: none;
}

.spaces-all-spaces-body.is-chats-list{
    gap: 0;
}

.spaces-all-spaces-body.is-chats-list .spaces-ai-chats-page-group{
    margin-top: 0;
}

.spaces-all-spaces-body.is-chats-list .spaces-ai-chats-page-group + .spaces-ai-chats-page-group{
    margin-top: 24px;
}

.spaces-recents-chats-table{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
}

.spaces-recents-chats-list{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.spaces-recents-chats-row.is-head{
    display: grid;
    grid-template-columns: 20px minmax(160px, 1.2fr) minmax(140px, .8fr) 160px 32px;
    align-items: center;
    column-gap: 12px;
    min-height: 32px;
    padding: 0;
    box-sizing: border-box;
}

.spaces-recents-chats-heading.is-name{
    grid-column: 1 / 3;
    padding-left: 0;
}

.spaces-recents-chats-heading{
    color: #919191;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    letter-spacing: -.14px;
    text-transform: none;
    white-space: nowrap;
}

.spaces-recents-chats-heading.is-date{
    text-align: left;
}

.spaces-all-spaces-body.is-chats-list .spaces-recents-chats-row.spaces-ai-chats-page-row{
    display: grid;
    grid-template-columns: 20px minmax(160px, 1.2fr) minmax(140px, .8fr) 160px 32px;
    column-gap: 12px;
    align-items: center;
}

.spaces-all-spaces-body.is-chats-list .spaces-recents-chats-item{
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / 5;
    column-gap: 12px;
    align-items: center;
    width: auto;
    min-height: 48px;
    padding: 10px 0;
}

.spaces-all-spaces-body.is-chats-list .spaces-recents-chats-name{
    display: block;
    min-width: 0;
}

.spaces-all-spaces-body.is-chats-list .spaces-recents-chats-space{
    display: flex;
    align-items: center;
    min-width: 0;
}

.spaces-all-spaces-body.is-chats-list .spaces-recents-chats-space .spaces-ai-chats-page-item-badge{
    max-width: 100%;
}

.spaces-all-spaces-body.is-chats-list .spaces-recents-chats-space .spaces-ai-chats-page-item-badge.is-space > span:last-child{
    color: #1c1c1c;
}

.spaces-all-spaces-body.is-chats-list .spaces-recents-chats-date{
    justify-self: start;
    width: 160px;
    color: #919191;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
}

.spaces-all-spaces-body{
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.spaces-all-spaces-section{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.spaces-all-spaces-section-title{
    margin: 0;
    color: #1c1c1c;
    font: 600 18px/26px "Open Sans", Arial, sans-serif;
    letter-spacing: -.18px;
}

.spaces-all-spaces-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(208px, 1fr));
    gap: 32px;
    width: 100%;
}

.spaces-all-spaces-card{
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    width: 100%;
}

.spaces-all-spaces-card-media{
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 208 / 166;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 20px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .06);
    cursor: pointer;
}

.spaces-all-spaces-card-media:hover,
.spaces-all-spaces-card-media:focus-visible{
    outline: 0;
}

.spaces-all-spaces-card-image{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-all-spaces-card-mosaic{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 8px;
    width: 100%;
    height: 100%;
    padding: 12px;
    box-sizing: border-box;
    background: #fff;
}

.spaces-all-spaces-card-mosaic-cell{
    display: block;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .09);
    min-height: 0;
}

.spaces-all-spaces-card-mosaic-cell.is-1{
    border-radius: 16px 8px 8px 8px;
}

.spaces-all-spaces-card-mosaic-cell.is-2{
    border-radius: 8px 16px 8px 8px;
}

.spaces-all-spaces-card-mosaic-cell.is-3{
    border-radius: 8px 8px 8px 16px;
}

.spaces-all-spaces-card-mosaic-cell.is-4{
    border-radius: 8px 8px 12px 8px;
}

.spaces-all-spaces-card-mosaic-cell > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-all-spaces-card-shared-badge{
    position: absolute;
    right: 11px;
    bottom: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 100px;
    box-sizing: border-box;
    background: #fff;
}

.spaces-all-spaces-card-shared-badge > img{
    display: block;
    width: 20px;
    height: 20px;
}

.spaces-all-spaces-card-meta{
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-width: 0;
}

.spaces-all-spaces-card-text{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.spaces-all-spaces-card-title-row{
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.spaces-all-spaces-card-letter{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, .04);
    border-radius: 6px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .76);
    font: 700 11px/1 "Open Sans", Arial, sans-serif;
    letter-spacing: -.11px;
}

.spaces-all-spaces-card-name{
    margin: 0;
    min-width: 0;
    overflow: hidden;
    color: #1c1c1c;
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-all-spaces-card-type{
    margin: 0;
    overflow: hidden;
    color: #919191;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-all-spaces-card-more{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 4px;
    border: 0;
    border-radius: 8px;
    box-sizing: border-box;
    background: transparent;
    cursor: pointer;
}

.spaces-all-spaces-card-more > img{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-all-spaces-card-more:hover,
.spaces-all-spaces-card-more:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .04);
}

.spaces-all-spaces-empty{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    width: 100%;
    min-height: 420px;
    margin: 0;
    padding: 48px 24px 72px;
    box-sizing: border-box;
    text-align: center;
}

.spaces-all-spaces-empty[hidden]{
    display: none;
}

.spaces-all-spaces-empty-illustration{
    display: block;
    width: 250px;
    height: 180px;
    margin: 0;
    object-fit: contain;
}

.spaces-all-spaces-empty-illustration[hidden]{
    display: none;
}

.spaces-all-spaces-empty-copy{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 480px;
    padding: 0 16px;
    box-sizing: border-box;
}

.spaces-all-spaces-empty-title{
    margin: 0;
    width: 100%;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 700 24px/32px "Open Sans", Arial, sans-serif;
    letter-spacing: -.5px;
}

.spaces-all-spaces-empty-body{
    margin: 0;
    width: 100%;
    max-width: 448px;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
    letter-spacing: 0;
}

.spaces-all-spaces-empty:not(.is-illustrated){
    gap: 0;
    min-height: 240px;
}

.spaces-all-spaces-empty:not(.is-illustrated) .spaces-all-spaces-empty-title{
    font: 700 18px/24px "Open Sans", Arial, sans-serif;
    letter-spacing: -.2px;
}

.spaces-all-spaces-empty:not(.is-illustrated) .spaces-all-spaces-empty-body{
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-main-content.is-ai-chats-page{
    max-width: 1512px;
    padding: 32px 48px 72px;
}

.spaces-main-content.is-ai-chats-page > :not(.spaces-ai-chats-page){
    display: none;
}

.spaces-ai-chats-page[hidden]{
    display: none;
}

.spaces-ai-chats-page{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.spaces-ai-chats-page-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 800px;
}

.spaces-ai-chats-page-header > h1{
    margin: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 700 32px/40px "Open Sans", Arial, sans-serif;
    letter-spacing: -.5px;
}

.spaces-ai-chats-page-actions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
    margin-left: auto;
}

.spaces-ai-chats-page-filter-wrap{
    position: relative;
    min-width: 0;
}

.spaces-ai-chats-page-filter{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 220px;
    height: 40px;
    padding: 8px 12px 8px 10px;
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .09));
    border-radius: 100px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #393939);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: transparent;
    cursor: pointer;
}

.spaces-ai-chats-page-filter-icon,
.spaces-ai-chats-page-filter-icon > img,
.spaces-ai-chats-page-filter-icon > .spaces-home-space-initial,
.spaces-ai-chats-page-filter-icon > .spaces-no-space-icon{
    display: block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

.spaces-ai-chats-page-filter-label{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-ai-chats-page-filter-chevron{
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

.spaces-ai-chats-page-filter:hover,
.spaces-ai-chats-page-filter:focus-visible,
.spaces-ai-chats-page-filter[aria-expanded="true"]{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-ai-chats-page-filter-menu{
    left: auto;
    right: 0;
}

.spaces-ai-chats-page-new{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 112px;
    height: 40px;
    padding: 8px 20px 8px 12px;
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .09));
    border-radius: 100px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #393939);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: transparent;
    cursor: pointer;
}

.spaces-ai-chats-page-new > img{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-ai-chats-page-new:hover,
.spaces-ai-chats-page-new:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-ai-chats-page-body{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
    margin: 8px 0 0;
}

.spaces-ai-chats-page-group{
    display: flex;
    flex-direction: column;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.spaces-ai-chats-page-group > h2{
    margin: 0 12px 8px;
    color: var(--space-neutral-text-gamma, #919191);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.spaces-ai-chats-page-group-list{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.spaces-ai-chats-page-row{
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    align-items: center;
    border-radius: 12px;
}

.spaces-ai-chats-page-row:hover,
.spaces-ai-chats-page-row:focus-within,
.spaces-ai-chats-page-row.is-menu-open{
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-ai-chats-page-row .spaces-ai-chats-page-item{
    min-height: 64px;
}

.spaces-ai-chats-page-row .spaces-ai-chats-page-item:hover,
.spaces-ai-chats-page-row .spaces-ai-chats-page-item:focus-visible{
    background: transparent;
}

.spaces-ai-chats-page-row .spaces-ai-chats-more{
    position: static;
    top: auto;
    right: auto;
    width: 32px;
    height: 32px;
    opacity: 1;
    pointer-events: auto;
    background: transparent;
    transform: none;
}

.spaces-ai-chats-page-row .spaces-ai-chats-more::before{
    display: none;
}

.spaces-ai-chats-page-row .spaces-ai-chats-more:hover,
.spaces-ai-chats-page-row .spaces-ai-chats-more:focus-visible,
.spaces-ai-chats-page-row.is-menu-open .spaces-ai-chats-more{
    background: transparent;
}

.spaces-ai-chats-page-row .spaces-ai-chats-more > img{
    filter: brightness(0);
    opacity: 0.5;
}

.spaces-ai-chats-page-row .spaces-ai-chats-menu{
    top: calc(100% - 8px);
    right: 0;
    left: auto;
}

.spaces-ai-chats-page-row.is-renaming{
    min-height: 64px;
    padding: 12px;
}

.spaces-ai-chats-page-row.is-renaming .spaces-ai-chats-page-item,
.spaces-ai-chats-page-row.is-renaming .spaces-ai-chats-more,
.spaces-ai-chats-page-row.is-renaming .spaces-ai-chats-menu{
    display: none !important;
}

.spaces-ai-chats-page-rename{
    width: 100%;
    height: 36px;
    margin: 0;
    padding: 6px 10px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: #fff;
}

.spaces-ai-chats-page-rename:focus{
    outline: 0;
    border-color: rgba(0, 0, 0, .4);
}

.spaces-ai-chats-page-item{
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 12px;
    width: 100%;
    min-height: 64px;
    padding: 10px 12px;
    border: 0;
    border-radius: 12px;
    color: inherit;
    text-align: left;
    cursor: pointer;
    background: transparent;
}

.spaces-ai-chats-page-item:hover,
.spaces-ai-chats-page-item:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-ai-chats-page-item > img{
    display: block;
    width: 20px;
    height: 20px;
    opacity: 0.55;
}

.spaces-ai-chats-page-item-copy{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    gap: 6px;
}

.spaces-ai-chats-page-item-title{
    overflow: hidden;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-ai-chats-page-item-badge{
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 18px;
    padding: 0 7px;
    border-radius: 100px;
    box-sizing: border-box;
    overflow: hidden;
    color: var(--space-neutral-text-beta, #747474);
    font: 600 11px/18px "Open Sans", Arial, sans-serif;
    letter-spacing: 0.01em;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .06));
}

.spaces-ai-chats-page-item-badge.is-space{
    gap: 6px;
    min-height: 16px;
    padding: 0;
    border-radius: 0;
    color: var(--space-neutral-text-beta, #5b5b5b);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    background: transparent;
}

.spaces-ai-chats-page-item-badge.is-space > .spaces-home-space-initial{
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    color: #173b68;
    font: 700 9px/16px "Open Sans", Arial, sans-serif;
}

.spaces-ai-chats-page-item-badge.is-space > span:last-child{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-ai-chats-page-item-empty-space,
.spaces-no-space-icon{
    box-sizing: border-box;
    border: 1px dashed var(--space-neutral-text-gamma, #b8b8b8);
    border-radius: 4px;
    background: transparent;
}

.spaces-ai-chats-page-item-empty-space{
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

.spaces-ai-chats-page-item-meta{
    flex: 0 0 auto;
    margin-left: 16px;
    color: var(--space-neutral-text-gamma, #919191);
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
}

.spaces-ai-chats-page-empty{
    margin: 28px 0 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-ai-chats-page-empty[hidden]{
    display: none;
}

.spaces-main-content.is-global-search-page > :not(.spaces-global-search-page){
    display: none !important;
}

.spaces-home{
    width: min(100%, 1200px);
    margin: 0 auto;
    padding: 80px 0 72px;
    box-sizing: border-box;
}

.spaces-main-content.is-home-page .spaces-home:not(.is-centered-chat){
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    width: min(100%, 609px);
    min-height: calc(100vh - 65px);
    padding: 40px 24px 56px;
}

.spaces-main-content.is-home-page{
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 65px);
}

.spaces-wrap > main.get-started-main:has(.spaces-home.is-centered-chat){
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    max-height: calc(100vh - 64px);
}

.spaces-main-content.is-home-page:has(.spaces-home.is-centered-chat){
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    padding: 0;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}

.spaces-home.is-centered-chat{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    max-width: none;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    box-sizing: border-box;
    background: #fff;
    box-shadow: none;
}

.spaces-home-chat-header{
    display: none;
}

.spaces-home.is-centered-chat .spaces-home-chat-header{
    display: flex;
    position: relative;
    z-index: 6;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    max-width: none;
    min-height: 64px;
    margin: 0;
    padding: 12px 48px 12px;
    box-sizing: border-box;
    border-radius: 0;
    background: #fff;
    border-bottom: 0;
}

.spaces-home-chat-header-start{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    max-width: min(640px, 100%);
    padding-top: 2px;
}

.spaces-home-chat-header-menu{
    display: none;
}

.spaces-home-chat-header h2{
    margin: 0;
    min-width: 0;
    overflow: hidden;
    color: var(--space-neutral-text-alpha, #393939);
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
    letter-spacing: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-chat-header-space{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    max-width: 100%;
}

.spaces-home-chat-header-space[hidden]{
    display: none !important;
}

.spaces-home-chat-header-space > .spaces-home-space-initial{
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    border-radius: 6px;
    border-width: 0.7px;
    color: rgba(0, 0, 0, .76);
    font: 700 7.7px/1 "Open Sans", Arial, sans-serif;
    letter-spacing: -0.077px;
    background: #aeea8f;
}

.spaces-home-chat-header-space-name{
    min-width: 0;
    overflow: hidden;
    color: var(--text-alpha, #1c1c1c);
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-chat-header-title{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.spaces-home-chat-header-title:hover .spaces-home-chat-header-chevron,
.spaces-home-chat-header-title:focus-visible .spaces-home-chat-header-chevron,
.spaces-home-chat-header-title[aria-expanded="true"] .spaces-home-chat-header-chevron{
    opacity: 1;
}

.spaces-home-chat-header-title:focus-visible{
    outline: 2px solid rgba(28, 28, 28, .28);
    outline-offset: 2px;
    border-radius: 6px;
}

.spaces-home-chat-header-chevron{
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    opacity: .72;
    transform: none;
    transition: transform .15s ease, opacity .15s ease;
}

.spaces-home-chat-header-title[aria-expanded="true"] .spaces-home-chat-header-chevron{
    transform: rotate(180deg);
}

.spaces-home-chat-header-start .spaces-home-chat-header-menu-list{
    left: 0;
    right: auto;
}

.spaces-home-chat-header-menu-list{
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: auto;
    z-index: 6;
    display: flex;
    flex-direction: column;
    min-width: 184px;
    max-width: min(280px, 80vw);
    padding: 6px;
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(28, 28, 28, 0.08);
}

.spaces-home-chat-header-menu-list[hidden]{
    display: none;
}

.spaces-home-chat-header-menu-sep{
    height: 1px;
    margin: 4px 6px;
    background: var(--neutral-text-on-alpha, #e9e9e9);
}

.spaces-home-chat-header-menu-item{
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    text-align: left;
    cursor: pointer;
}

.spaces-home-chat-header-menu-item:hover,
.spaces-home-chat-header-menu-item:focus-visible{
    background: var(--space-neutral-background-beta, #f6f6f6);
}

.spaces-home-chat-header-menu-item.is-danger{
    color: #c62828;
}

.spaces-home-chat-header-rename{
    display: block;
    width: min(280px, 70vw);
    height: 32px;
    margin: 0;
    padding: 4px 8px;
    border: 1px solid var(--neutral-text-on-alpha, #d0d0d0);
    border-radius: 8px;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: #fff;
}

.spaces-home-chat-header-end{
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    padding-top: 2px;
    padding-right: 8px;
}

.spaces-home-chat-header-more{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 6px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}

.spaces-home-chat-header-more > img{
    display: block;
    width: 24px;
    height: 24px;
    opacity: .5;
}

.spaces-home-chat-header-more:hover,
.spaces-home-chat-header-more:focus-visible,
.spaces-home-chat-header-more[aria-expanded="true"]{
    background: var(--space-neutral-background-beta, #f6f6f6);
}

.spaces-home-chat-header-more:focus-visible{
    outline: 2px solid rgba(28, 28, 28, .28);
    outline-offset: 1px;
}

.spaces-home-chat-artifacts[hidden]{
    display: none !important;
}

.spaces-home-chat-artifacts-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto;
    min-width: 96px;
    height: 36px;
    margin: 0;
    padding: 6px 0;
    border: 0;
    border-radius: 100px;
    background: transparent;
    color: #6d6d6d;
    cursor: pointer;
    box-shadow: none;
}

.spaces-home-chat-artifacts-button.is-empty,
.spaces-home-chat-artifacts-button:disabled{
    color: #c4c4c4;
    cursor: default;
    opacity: 1;
}

.spaces-home-chat-artifacts-button.is-empty .spaces-home-chat-artifacts-label,
.spaces-home-chat-artifacts-button:disabled .spaces-home-chat-artifacts-label{
    color: #c4c4c4;
}

.spaces-home-chat-artifacts-button.is-empty .spaces-home-chat-artifacts-icon,
.spaces-home-chat-artifacts-button:disabled .spaces-home-chat-artifacts-icon{
    opacity: 1;
    filter: brightness(0) saturate(100%) invert(82%) sepia(0%) saturate(0%) hue-rotate(151deg) brightness(94%) contrast(89%);
}

/* Home chat: empty Outputs stays gray; with items it's clickable for preview */
.spaces-home-chat-artifacts-button.is-locked:not(.is-empty),
.spaces-home-chat-artifacts-button.is-locked:not(.is-empty):disabled{
    color: #6d6d6d;
    cursor: pointer;
}

.spaces-home-chat-artifacts-button.is-locked:not(.is-empty) .spaces-home-chat-artifacts-label,
.spaces-home-chat-artifacts-button.is-locked:not(.is-empty):disabled .spaces-home-chat-artifacts-label{
    color: #6d6d6d;
}

.spaces-home-chat-artifacts-button.is-locked:not(.is-empty) .spaces-home-chat-artifacts-icon,
.spaces-home-chat-artifacts-button.is-locked:not(.is-empty):disabled .spaces-home-chat-artifacts-icon{
    filter: none;
}

.spaces-home-chat-artifacts-button:has(.spaces-home-chat-artifacts-count:not([hidden])){
    width: auto;
    padding: 6px 4px 6px 0;
}

.spaces-home-chat-artifacts-icon{
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    overflow: visible;
    opacity: 1;
}

.spaces-home-chat-artifacts-label{
    color: #6d6d6d;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
}

.spaces-home-chat-artifacts-button:hover,
.spaces-home-chat-artifacts-button:focus-visible{
    background: transparent;
    border-color: transparent;
}

.spaces-home-chat-artifacts-button.is-empty:hover,
.spaces-home-chat-artifacts-button.is-empty:focus-visible,
.spaces-home-chat-artifacts-button:disabled:hover,
.spaces-home-chat-artifacts-button:disabled:focus-visible{
    background: transparent;
}

.spaces-home-chat-artifacts-button[aria-expanded="true"]{
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.spaces-home-chat-artifacts-button:focus-visible{
    outline: 2px solid rgba(28, 28, 28, .28);
    outline-offset: 1px;
}

.spaces-home-chat-artifacts-count{
    color: #6d6d6d;
    font: 500 12px/1 "Open Sans", Arial, sans-serif;
}

.spaces-home-chat-artifacts-count[hidden]{
    display: none;
}

.spaces-home-chat-artifacts-menu{
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 7;
    display: flex;
    flex-direction: column;
    width: min(320px, 82vw);
    max-height: min(480px, 70vh);
    overflow: hidden;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(28, 28, 28, .14);
}

.spaces-home-chat-artifacts-menu[hidden]{
    display: none;
}

.spaces-home-chat-artifacts-panel-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    padding: 14px 16px 10px;
}

.spaces-home-chat-artifacts-panel-title{
    margin: 0;
    color: #1c1c1c;
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-home-chat-artifacts-panel-close{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}

.spaces-home-chat-artifacts-panel-close:hover,
.spaces-home-chat-artifacts-panel-close:focus-visible{
    background: rgba(0, 0, 0, .04);
}

.spaces-home-chat-artifacts-panel-close > img{
    display: block;
    width: 20px;
    height: 20px;
    opacity: .7;
}

.spaces-home-chat-artifacts-panel-body{
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: min(400px, 60vh);
    overflow: auto;
    padding: 0 16px 16px;
}

.spaces-home-chat-artifacts-card{
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.spaces-home-chat-artifacts-card-media{
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    background: #f3f3f3;
    aspect-ratio: 16 / 10;
}

.spaces-home-chat-artifacts-card-media > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-home-chat-artifacts-card-title{
    margin: 0;
    color: #1c1c1c;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-chat-artifacts-card-meta{
    margin: -4px 0 0;
    color: #919191;
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-home-chat-artifacts-sources{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(0, 0, 0, .08);
}

.spaces-home-chat-artifacts-sources-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 28px;
}

.spaces-home-chat-artifacts-sources-label{
    color: #1c1c1c;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-home-chat-artifacts-sources-add{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}

.spaces-home-chat-artifacts-sources-add:hover,
.spaces-home-chat-artifacts-sources-add:focus-visible{
    background: rgba(0, 0, 0, .04);
}

.spaces-home-chat-artifacts-sources-add > img{
    display: block;
    width: 20px;
    height: 20px;
}

.spaces-home-chat-artifacts-session{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(0, 0, 0, .08);
}

.spaces-home-chat-artifacts-session-toggle{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1c1c1c;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
    cursor: pointer;
}

.spaces-home-chat-artifacts-session-toggle > img{
    width: 16px;
    height: 16px;
    opacity: .6;
    transition: transform .15s ease;
}

.spaces-home-chat-artifacts-session-toggle.is-collapsed > img{
    transform: rotate(-90deg);
}

.spaces-home-chat-artifacts-session-row{
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 32px;
}

.spaces-home-chat-artifacts-session-icon{
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    opacity: .7;
}

.spaces-home-chat-artifacts-session-label{
    flex: 0 0 auto;
    color: #1c1c1c;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-home-chat-artifacts-session-name{
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    color: #919191;
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-chat-artifacts-session-more{
    flex: 0 0 auto;
    color: #919191;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-home-chat-artifacts-heading{
    margin: 0;
    padding: 8px 10px 10px;
    color: #8a8a84;
    font: 500 12px/16px "Open Sans", Arial, sans-serif;
    letter-spacing: 0.02em;
}

.spaces-home-chat-artifacts-empty{
    margin: 0 4px 4px;
    padding: 18px 14px;
    border-radius: 12px;
    background: #fff;
    color: #8a8a84;
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-home-chat-artifacts-item{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 8px;
    border: 0;
    border-radius: 12px;
    background: #fff;
    color: inherit;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(28, 28, 28, .04);
}

.spaces-home-chat-artifacts-item + .spaces-home-chat-artifacts-item{
    margin-top: 6px;
}

.spaces-home-chat-artifacts-item:hover,
.spaces-home-chat-artifacts-item:focus-visible{
    background: #fff;
    box-shadow: 0 0 0 1px rgba(28, 28, 28, .1);
}

.spaces-home-chat-artifacts-thumb{
    flex: 0 0 auto;
    width: 52px;
    height: 40px;
    overflow: hidden;
    border: 1px solid rgba(28, 28, 28, .08);
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #fff;
}

.spaces-home-chat-artifacts-thumb img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-home-chat-artifacts-copy{
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 2px;
}

.spaces-home-chat-artifacts-title{
    overflow: hidden;
    color: #1f1f1c;
    font: 500 13px/18px "Open Sans", Arial, sans-serif;
    letter-spacing: -0.01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-chat-artifacts-meta{
    color: #8a8a84;
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-home-artifact-preview{
    position: fixed;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(40, 38, 34, .28);
}

.spaces-home-artifact-preview[hidden]{
    display: none;
}

.spaces-home-artifact-preview-card{
    width: min(880px, 100%);
    overflow: hidden;
    border: 1px solid rgba(28, 28, 28, .08);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(28, 28, 28, .18);
}

.spaces-home-artifact-preview-card header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 8px 12px 8px 16px;
}

.spaces-home-artifact-preview-card h3{
    margin: 0;
    min-width: 0;
    overflow: hidden;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-artifact-preview-close{
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 400 22px/32px "Open Sans", Arial, sans-serif;
    cursor: pointer;
}

.spaces-home-artifact-preview-close:hover,
.spaces-home-artifact-preview-close:focus-visible{
    background: var(--space-neutral-background-beta, #f6f6f6);
}

.spaces-home-artifact-preview-card img{
    display: block;
    width: 100%;
    max-height: min(70vh, 560px);
    object-fit: contain;
    background: #fafafa;
}

.spaces-home.is-centered-chat .spaces-home-composer-hero{
    flex: 1 1 auto;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: none;
    min-height: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    overscroll-behavior: contain;
    background: transparent;
    box-shadow: none;
    scrollbar-gutter: auto;
}

.spaces-home.is-centered-chat .spaces-home-composer-mark,
.spaces-home.is-centered-chat .spaces-home-composer-hero > h1,
.spaces-home.is-centered-chat .spaces-home-composer-suggestions{
    display: none;
}

.spaces-home-thread{
    display: none;
}

.spaces-home.is-centered-chat .spaces-home-thread,
.spaces-home-thread:not([hidden]){
    display: flex;
}

.spaces-home.is-centered-chat .spaces-home-thread{
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: none;
    min-height: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 16px 24px 20px;
    box-sizing: border-box;
}

.spaces-home.is-centered-chat .spaces-home-thread > *{
    width: 100%;
    max-width: 776px;
}

.spaces-home-widget-dock{
    display: none;
    flex: 0 0 auto;
    flex-direction: column;
    width: 100%;
    max-width: none;
    margin: 0 0 8px;
}

.spaces-home-bottom-chrome{
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.spaces-home.is-centered-chat .spaces-home-bottom-chrome{
    position: relative;
    z-index: 6;
    flex: 0 0 auto;
    gap: 12px;
    margin: 0;
    padding: 8px 24px 20px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 -12px 28px rgba(255, 255, 255, .92);
    pointer-events: none;
}

.spaces-home.is-centered-chat .spaces-home-bottom-chrome > *{
    pointer-events: auto;
}

.spaces-home.is-centered-chat .spaces-home-widget-dock:not([hidden]){
    display: flex;
}

.spaces-home.is-centered-chat .spaces-home-widget-dock > .spaces-home-widget:not(.is-complete),
.spaces-copilot-widget-dock > .spaces-home-widget:not(.is-complete){
    gap: 4px;
    padding: 16px;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}

.spaces-home.is-centered-chat .spaces-home-widget-dock{
    position: relative;
    z-index: 4;
    flex: 0 0 auto;
    align-self: center;
    width: 100%;
    max-width: 776px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: transparent;
}

.spaces-home-message{
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    color: #1c1c1c;
    font: 400 15px/24px "Open Sans", Arial, sans-serif;
}

.spaces-home-message > p{
    margin: 0;
}

.spaces-home-message.is-user{
    align-items: flex-end;
}

.spaces-home.is-centered-chat .spaces-home-message{
    gap: 8px;
    font: 400 16px/26px "Open Sans", Arial, sans-serif;
}

.spaces-home-message.is-user > p{
    max-width: min(640px, 82%);
    margin: 0;
    padding: 12px 16px;
    border-radius: 18px;
    background: #f4f4f4;
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-home.is-centered-chat .spaces-home-message.is-assistant > p{
    max-width: 680px;
    color: #1c1c1c;
}

.spaces-home-message.is-assistant{
    align-items: flex-start;
}

.spaces-home-message-actions{
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 16px;
    opacity: 0;
    pointer-events: none;
}

.spaces-home-message.is-assistant:hover > .spaces-home-message-actions,
.spaces-copilot-message.is-assistant:hover > .spaces-home-message-actions,
.spaces-home-message.is-assistant:focus-within > .spaces-home-message-actions,
.spaces-copilot-message.is-assistant:focus-within > .spaces-home-message-actions,
.spaces-home-message.is-assistant.is-actions-visible > .spaces-home-message-actions,
.spaces-copilot-message.is-assistant.is-actions-visible > .spaces-home-message-actions,
.spaces-home-message.is-user:hover > .spaces-home-message-actions,
.spaces-copilot-message.is-user:hover > .spaces-home-message-actions,
.spaces-home-message.is-user:focus-within > .spaces-home-message-actions,
.spaces-copilot-message.is-user:focus-within > .spaces-home-message-actions{
    opacity: 1;
    pointer-events: auto;
}

.spaces-home-message-action{
    display: grid;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 2px;
    border: 0;
    border-radius: 4px;
    box-sizing: border-box;
    background: transparent;
    cursor: pointer;
    place-items: center;
}

.spaces-home-message-action > img{
    display: block;
    width: 12px;
    height: 12px;
    max-width: none;
    object-fit: contain;
}

.spaces-home-message-action:hover,
.spaces-home-message-action:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .05);
}

.spaces-home-message-action.is-active > img{
    filter: brightness(0.35);
}

.spaces-home-widget{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 4px 0 0;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    background: transparent;
}

.spaces-home-widget-title{
    margin: 0;
    color: #1c1c1c;
    font: 600 16px/22px "Open Sans", Arial, sans-serif;
}

.spaces-home-widget-header{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

.spaces-home-widget-heading{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

.spaces-home-widget-heading-copy{
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.spaces-home-widget-subtitle{
    margin: 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-home-widget-meta{
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
}

.spaces-home-widget-progress{
    color: var(--space-neutral-text-beta, #747474);
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
}

.spaces-home-widget-close,
.spaces-home-widget-back{
    display: grid;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 6px;
    color: var(--space-neutral-text-beta, #747474);
    background: transparent;
    cursor: pointer;
    place-items: center;
}

.spaces-home-widget-back{
    flex: 0 0 24px;
}

.spaces-home-widget-close:hover,
.spaces-home-widget-close:focus-visible,
.spaces-home-widget-back:hover,
.spaces-home-widget-back:focus-visible{
    outline: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-home-widget-options{
    display: flex;
    flex-direction: column;
}

.spaces-home-widget-option{
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    padding: 8px 12px;
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.spaces-home-widget-option + .spaces-home-widget-option{
    box-shadow: inset 0 1px 0 var(--space-neutral-border-gamma, rgba(0, 0, 0, .08));
}

.spaces-home-widget-option:hover,
.spaces-home-widget-option:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
    box-shadow: none;
}

.spaces-home-widget-option.is-selected{
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
    box-shadow: none;
}

.spaces-home-widget-option.is-selected + .spaces-home-widget-option{
    box-shadow: none;
}

.spaces-home-widget-option.is-selected .spaces-home-widget-index{
    color: #fff;
    background: #1c1c1c;
}

.spaces-home-widget.is-multi .spaces-home-widget-option.is-selected > .spaces-home-widget-icon{
    opacity: 1;
    color: #1c1c1c;
}

.spaces-home-widget-index{
    display: grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 100px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #393939);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    background: #fff;
    place-items: center;
}

.spaces-home-widget-index.is-icon{
    color: var(--space-neutral-text-beta, #747474);
}

.spaces-home-widget-option-title{
    flex: 1 1 auto;
    min-width: 0;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-widget-option.is-space{
    gap: 12px;
}

.spaces-home-widget-option.is-space .spaces-home-widget-space-avatar,
.spaces-home-widget-option.is-space > .spaces-home-space-initial{
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    font-size: 12px;
}

.spaces-home-widget-option.is-space > .spaces-home-widget-plan-thumb{
    display: inline-flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    color: #173b68;
    font: 700 11px/1 "Open Sans", Arial, sans-serif;
    background: #eef3f8;
}

.spaces-home-widget-option.is-space > .spaces-home-widget-plan-thumb > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-home-widget-option.is-other .spaces-home-widget-option-title{
    color: var(--space-neutral-text-beta, #9a9a9a);
}

.spaces-home-widget-copy{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.spaces-home-widget-icon{
    display: grid;
    flex: 0 0 auto;
    color: inherit;
    place-items: center;
}

.spaces-home-widget-option > .spaces-home-widget-icon{
    margin-left: auto;
    color: var(--space-neutral-text-beta, #747474);
    opacity: 0;
}

.spaces-home-widget-option:hover > .spaces-home-widget-icon,
.spaces-home-widget-option:focus-visible > .spaces-home-widget-icon,
.spaces-home-widget-option.is-editing > .spaces-home-widget-icon{
    opacity: 1;
}

.spaces-home-widget-other-input{
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    background: transparent;
}

.spaces-home-widget-option.is-editing .spaces-home-widget-option-title{
    display: none;
}

.spaces-home-widget-option.is-editing .spaces-home-widget-other-input{
    display: block;
}

.spaces-home-widget.is-link-only .spaces-home-widget-option.is-other{
    min-height: 48px;
    padding: 12px 16px;
    border: 0;
    border-radius: 16px;
    background: #f4f4f4;
    cursor: text;
}

.spaces-home-widget.is-link-only .spaces-home-widget-index,
.spaces-home-widget.is-link-only .spaces-home-widget-option > .spaces-home-widget-icon{
    display: none;
}

.spaces-home-widget.is-link-only .spaces-home-widget-other-input{
    display: block;
    font: 400 15px/22px "Open Sans", Arial, sans-serif;
}

.spaces-home-widget-actions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
    padding-top: 0;
    border-top: 0;
}

.spaces-home-widget-skip{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 6px 12px;
    border: 0;
    border-radius: 8px;
    box-sizing: border-box;
    color: #5e5e5e;
    font: 500 13px/18px "Open Sans", Arial, sans-serif;
    background: transparent;
    cursor: pointer;
}

.spaces-home-widget-skip:hover,
.spaces-home-widget-skip:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-home-widget-back-text{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    margin-right: auto;
    padding: 6px 12px;
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .16));
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
    background: #fff;
    cursor: pointer;
}

.spaces-home-widget-back-text:hover,
.spaces-home-widget-back-text:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-home-widget-textarea-wrap{
    display: block;
    width: 100%;
    padding: 4px 0 8px;
}

.spaces-home-widget-textarea{
    display: block;
    width: 100%;
    min-height: 96px;
    padding: 12px 14px;
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .16));
    border-radius: 14px;
    box-sizing: border-box;
    resize: vertical;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    background: #fff;
}

.spaces-home-widget-textarea:focus{
    outline: 0;
    border-color: rgba(0, 0, 0, .28);
}

.spaces-home-widget-upload{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 2px 0 8px;
}

.spaces-home-widget-upload-subtitle{
    margin: 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-widget-upload-dropzone{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 148px;
    padding: 28px 20px;
    border: 1px dashed rgba(0, 0, 0, .16);
    border-radius: 18px;
    box-sizing: border-box;
    color: var(--space-neutral-text-beta, #747474);
    text-align: center;
    background: rgba(0, 0, 0, .02);
    cursor: pointer;
}

.spaces-home-widget-upload-dropzone:hover,
.spaces-home-widget-upload-dropzone:focus-visible,
.spaces-home-widget-upload-dropzone.is-dragging{
    outline: 0;
    border-color: rgba(0, 0, 0, .28);
    background: rgba(0, 0, 0, .035);
}

.spaces-home-widget-upload-mark{
    position: relative;
    display: grid;
    width: 40px;
    height: 40px;
    color: #9a9a9a;
    place-items: center;
}

.spaces-home-widget-upload-plus{
    position: absolute;
    top: -2px;
    right: -4px;
    display: grid;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    color: #fff;
    font: 700 12px/16px "Open Sans", Arial, sans-serif;
    background: #9a9a9a;
    place-items: center;
}

.spaces-home-widget-upload-label{
    max-width: 280px;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-widget-upload-status{
    margin: 0;
    color: var(--space-neutral-text-alpha, #393939);
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-home-widget-upload-preview{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.spaces-home-widget-upload-thumb{
    position: relative;
    width: 72px;
    height: 72px;
    margin: 0;
    overflow: hidden;
    border-radius: 12px;
    background: #ececec;
}

.spaces-home-widget-upload-thumb > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-home-widget-upload-remove{
    position: absolute;
    top: 4px;
    right: 4px;
    display: grid;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 100px;
    color: #fff;
    font: 600 14px/1 "Open Sans", Arial, sans-serif;
    background: rgba(0, 0, 0, .55);
    cursor: pointer;
    place-items: center;
}

.spaces-home-widget-continue{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 6px 14px;
    border: 0;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
    background: #1c1c1c;
    cursor: pointer;
}

.spaces-home-widget-continue:hover,
.spaces-home-widget-continue:focus-visible{
    outline: 0;
    background: #000;
}

.spaces-home-widget-continue:disabled{
    opacity: .35;
    cursor: default;
}

.spaces-home-listing-link{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    min-height: 36px;
    padding: 8px 14px;
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    color: #fff;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: #1c1c1c;
    cursor: pointer;
}

.spaces-home-listing-link:hover,
.spaces-home-listing-link:focus-visible{
    outline: 0;
    background: #000;
}

.spaces-home-listing-link.is-secondary{
    color: var(--space-neutral-text-alpha, #1c1c1c);
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .16));
    background: #fff;
}

.spaces-home-listing-link.is-secondary:hover,
.spaces-home-listing-link.is-secondary:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-home-listing-card-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.spaces-home-listing-card .spaces-home-listing-link{
    margin: 0;
}

.spaces-home-listing-card{
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .09));
    border-radius: 20px;
    box-sizing: border-box;
    background: #fff;
}

.spaces-home-widget-group{
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.spaces-home-widget-group + .spaces-home-widget-group{
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .09));
}

.spaces-home-widget-group-title{
    margin: 0 0 2px;
    color: var(--space-neutral-text-beta, #747474);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.spaces-home-widget.is-furnish .spaces-home-widget-options{
    gap: 0;
}

.spaces-home-widget-chips{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
}

.spaces-home-widget-chip{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin: 0;
    padding: 8px 14px;
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .09));
    border-radius: 999px;
    background: #fff;
    color: #1c1c1c;
    font: 500 14px/20px "Open Sans", Arial, sans-serif;
    cursor: pointer;
}

.spaces-home-widget-chip:hover,
.spaces-home-widget-chip:focus-visible{
    border-color: rgba(26, 167, 63, .45);
    background: rgba(26, 167, 63, .06);
    outline: none;
}

.spaces-home-widget-chip.is-selected{
    border-color: var(--space-primary-fill-beta, #1aa73f);
    background: rgba(26, 167, 63, .1);
    color: var(--space-primary-fill-beta, #1aa73f);
    box-shadow: inset 0 0 0 1px var(--space-primary-fill-beta, #1aa73f);
}

.spaces-home-plan-card{
    flex-direction: row;
    align-items: stretch;
    min-height: 220px;
    border: 0;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 16px 40px rgba(17, 17, 17, .08);
}

.spaces-home-plan-card-media{
    position: relative;
    flex: 0 0 46%;
    min-height: 220px;
    overflow: hidden;
    background: #111;
}

.spaces-home-plan-card-media::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .28) 100%);
    pointer-events: none;
}

.spaces-home-plan-card-media img{
    display: block;
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
}

.spaces-home-plan-card-badge{
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 1;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .92);
    color: #111;
    font: 600 11px/14px OpenSans, "Open Sans", Arial, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.spaces-home-plan-card-body{
    flex: 1 1 auto;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    padding: 22px 24px 20px;
}

.spaces-home-plan-card-kicker{
    margin: 0;
    color: #1aa73f;
    font: 600 12px/16px OpenSans, "Open Sans", Arial, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.spaces-home-plan-card-body > h2{
    font: 700 24px/30px OpenSans, "Open Sans", Arial, sans-serif;
    letter-spacing: -.02em;
}

.spaces-home-plan-card-chips{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 2px;
}

.spaces-home-plan-card-chips > span{
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f4f5f7;
    color: #1c1c1c;
    font: 600 12px/16px OpenSans, "Open Sans", Arial, sans-serif;
}

.spaces-home-plan-card .spaces-home-listing-card-copy{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0;
    color: #5c5c5c;
}

.spaces-home-plan-card .spaces-home-listing-card-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.spaces-home-plan-card .spaces-home-listing-link{
    min-height: 40px;
    padding: 10px 16px;
}

@media (max-width: 720px){
    .spaces-home-plan-card{
        flex-direction: column;
    }

    .spaces-home-plan-card-media{
        flex-basis: auto;
        height: 180px;
        min-height: 180px;
    }

    .spaces-home-plan-card-media img{
        min-height: 180px;
    }
}

.spaces-home-listing-card-media{
    display: grid;
    grid-template-columns: 1.45fr 1fr;
    grid-template-rows: 96px 96px;
    gap: 4px;
    overflow: hidden;
    background: #ececec;
}

.spaces-home-listing-card-media > figure{
    margin: 0;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: #ececec;
}

.spaces-home-listing-card-media > .is-hero{
    grid-row: 1 / span 2;
}

.spaces-home-listing-card-media img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-home-listing-card-body{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 14px 16px 16px;
    background: #fff;
}

.spaces-home-listing-card-deal,
.spaces-home-listing-card-body > h2,
.spaces-home-listing-card-meta,
.spaces-home-listing-card-copy{
    margin: 0;
}

.spaces-home-listing-card-deal{
    color: var(--space-primary-fill-beta, #1aa73f);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-home-listing-card-template{
    margin: 0 0 2px;
    color: #8a6a00;
    font: 700 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-home-listing-card-body > h2{
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 700 20px/26px "Open Sans", Arial, sans-serif;
}

.spaces-home-listing-card-meta{
    color: var(--space-neutral-text-beta, #747474);
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-home-listing-card-copy{
    margin-top: 4px;
    color: var(--space-neutral-text-alpha, #393939);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-listing-card-source{
    margin: 6px 0 0;
    color: #3b82f6;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
    text-decoration: none;
}

.spaces-home-listing-card-source:hover,
.spaces-home-listing-card-source:focus-visible{
    text-decoration: underline;
}

.spaces-home-choices{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 520px;
    padding: 14px 14px 10px;
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .09));
    border-radius: 16px;
    box-sizing: border-box;
    background: #fff;
}

.spaces-home-choices-title{
    margin: 0 0 8px;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 15px/22px "Open Sans", Arial, sans-serif;
}

.spaces-home-choices-list{
    display: flex;
    flex-direction: column;
}

.spaces-home-choices-option{
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    padding: 8px 10px;
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.spaces-home-choices-option + .spaces-home-choices-option{
    box-shadow: inset 0 1px 0 var(--space-neutral-border-gamma, rgba(0, 0, 0, .08));
}

.spaces-home-choices-option:hover,
.spaces-home-choices-option:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
    box-shadow: none;
}

.spaces-home-choices-index{
    display: grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 100px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #393939);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    background: var(--space-neutral-fill-gamma, rgba(0, 0, 0, .06));
    place-items: center;
}

.spaces-home-choices-label{
    flex: 1 1 auto;
    min-width: 0;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-choices-option > .spaces-home-widget-icon{
    flex: 0 0 auto;
    color: var(--space-neutral-text-beta, #9a9a9a);
}

.spaces-home-choices-answer{
    display: none;
    margin: 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-choices.is-complete{
    gap: 4px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.spaces-home-choices.is-complete .spaces-home-choices-list{
    display: none;
}

.spaces-home-choices.is-complete .spaces-home-choices-title{
    margin: 0;
    font: 600 15px/22px "Open Sans", Arial, sans-serif;
}

.spaces-home-choices.is-complete .spaces-home-choices-answer{
    display: block;
}

.spaces-home-widget-answer{
    display: none;
    margin: 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-widget.is-complete{
    gap: 4px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.spaces-home-widget.is-complete .spaces-home-widget-meta,
.spaces-home-widget.is-complete .spaces-home-widget-options,
.spaces-home-widget.is-complete .spaces-home-widget-actions,
.spaces-home-widget.is-complete .spaces-home-widget-back{
    display: none;
}

.spaces-home-widget.is-complete .spaces-home-widget-header{
    margin: 0;
}

.spaces-home-widget.is-complete .spaces-home-widget-title{
    display: block;
    font: 600 15px/22px "Open Sans", Arial, sans-serif;
}

.spaces-home-widget.is-complete .spaces-home-widget-answer{
    display: block;
}

.spaces-home.is-centered-chat .spaces-home-composer{
    position: relative;
    bottom: auto;
    z-index: 5;
    flex: 0 0 auto;
    align-self: center;
    width: 100%;
    max-width: 776px;
    min-height: 128px;
    margin: 0;
    padding: 20px 16px 16px;
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: 16px;
    background: #fff;
    box-shadow:
        0 24px 52px rgba(109, 151, 120, .1),
        0 95px 95px rgba(109, 151, 120, .09),
        0 213px 128px rgba(109, 151, 120, .05),
        0 378px 151px rgba(109, 151, 120, .01);
}

.spaces-home.is-centered-chat .spaces-home-composer:focus-within{
    border-color: var(--neutral-text-on-alpha, #e9e9e9);
    box-shadow:
        0 24px 52px rgba(109, 151, 120, .1),
        0 95px 95px rgba(109, 151, 120, .09),
        0 213px 128px rgba(109, 151, 120, .05),
        0 378px 151px rgba(109, 151, 120, .01);
}

.spaces-home-composer-placeholder-centered{
    display: none;
}

.spaces-home.is-centered-chat .spaces-home-composer-placeholder > [data-chat-ui-option1-copy],
.spaces-home.is-centered-chat .spaces-home-composer-placeholder > [data-chat-ui-option2-copy]{
    display: none !important;
}

.spaces-home.is-centered-chat .spaces-home-composer-placeholder-centered{
    display: inline !important;
}

.spaces-home.is-centered-chat .spaces-home-composer-placeholder-rotate{
    display: none !important;
}

.spaces-home.is-centered-chat .spaces-home-composer-at{
    display: inline-block;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
}

.spaces-home.is-centered-chat .spaces-home-composer-toolbar{
    margin-top: 12px;
    gap: 12px;
}

.spaces-home.is-centered-chat .spaces-home-composer-toolbar-left{
    gap: 16px;
}

.spaces-home.is-centered-chat .spaces-home-composer-scope-wrap{
    display: none !important;
}

.spaces-home.is-centered-chat .spaces-home-composer-scope-clear,
.spaces-home.is-centered-chat .spaces-home-composer-mode-chevron{
    display: none !important;
}

.spaces-home.is-centered-chat .spaces-home-composer-mode{
    padding-right: 0;
}

.spaces-home.is-centered-chat .spaces-home-composer-send{
    background: var(--primary-fill-gamma, rgba(15, 255, 15, .19));
}

.spaces-home.is-centered-chat .spaces-home-composer-send.is-ready{
    background: var(--space-primary-fill-beta, #1aa73f);
}

.spaces-home-composer-hero{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.spaces-home:not(.is-centered-chat) .spaces-home-composer-hero{
    gap: 0;
}

.spaces-home-composer-mark{
    display: block;
    width: 56px;
    height: 56px;
    margin: 0;
    object-fit: contain;
}

.spaces-home-composer-hero > h1{
    width: 100%;
    max-width: 561px;
    margin: 20px 0 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 500 30px/36px "Open Sans", Arial, sans-serif;
    letter-spacing: -.6px;
    text-align: center;
}

.spaces-home-composer{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    max-width: 561px;
    min-height: 124px;
    margin-top: 36px;
    padding: 16px 16px 12px;
    overflow: visible;
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: var(--radius-large, 16px);
    box-sizing: border-box;
    background: var(--space-neutral-background-alpha, #fff);
}

.spaces-home-composer:focus-within{
    border-color: var(--space-primary-fill-beta, #1aa73f);
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

.spaces-home-composer-field{
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 24px;
}

.spaces-home-composer-input-wrap{
    position: relative;
    min-height: 24px;
}

.spaces-home-composer-input-wrap > textarea,
.spaces-home-composer-field > textarea{
    display: block;
    width: 100%;
    min-height: 24px;
    max-height: 160px;
    margin: 0;
    padding: 0;
    overflow: auto;
    border: 0;
    outline: 0;
    resize: none;
    color: var(--space-neutral-text-alpha, #393939);
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
    background: transparent;
}

.spaces-home-composer-placeholder{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--text-gamma, #919191);
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
    pointer-events: none;
    white-space: nowrap;
}

.spaces-home-composer-placeholder-rotate{
    display: block;
    max-width: min(100%, 640px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    transition: opacity .22s ease;
}

.spaces-home-composer-placeholder-rotate.is-fading{
    opacity: 0;
}

.spaces-home-composer-placeholder[hidden]{
    display: none;
}

.spaces-home-composer-at{
    display: block;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
}

.spaces-home-composer-chips{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
}

.spaces-home-composer-chips[hidden]{
    display: none;
}

.spaces-home-composer-chip{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 220px;
    height: 22px;
    padding: 0 4px 0 2px;
    border: 0;
    border-radius: 6px;
    box-sizing: border-box;
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-home-composer-chip-preview,
.spaces-home-composer-chip-preview > img,
.spaces-home-composer-chip-preview > .spaces-home-space-initial{
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    object-fit: cover;
}

.spaces-home-composer-chip-copy{
    display: flex;
    min-width: 0;
}

.spaces-home-composer-chip-title{
    overflow: hidden;
    color: var(--space-neutral-text-alpha, #393939);
    font: 500 12px/16px "Open Sans", Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-composer-chip-meta{
    display: none;
}

.spaces-home-composer-chip-remove{
    display: grid;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: #919191;
    font: 500 14px/16px "Open Sans", Arial, sans-serif;
    cursor: pointer;
    place-items: center;
    background: transparent;
}

.spaces-home-composer-chip-remove:hover,
.spaces-home-composer-chip-remove:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .06);
}

.spaces-home-composer-attach-wrap{
    position: relative;
    flex: 0 0 36px;
}

.spaces-home-composer-attach-menu{
    position: absolute;
    z-index: 9;
    bottom: calc(100% + 8px);
    left: 0;
    display: flex;
    flex-direction: column;
    width: 320px;
    max-width: min(320px, 70vw);
    max-height: 360px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--space-bg-alpha, #fff);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .2);
}

.spaces-home-composer-attach-menu[hidden]{
    display: none;
}

.spaces-home-composer-attach-search{
    display: block;
    padding: 10px 10px 6px;
}

.spaces-home-composer-attach-search > input{
    width: 100%;
    height: 36px;
    padding: 8px 12px;
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: 12px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #393939);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    background: #fff;
}

.spaces-home-composer-attach-search > input:focus{
    outline: 0;
    border-color: var(--space-primary-fill-beta, #1aa73f);
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

.spaces-home-composer-attach-list{
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-height: 80px;
    max-height: 240px;
    padding: 4px 6px;
    overflow: auto;
}

.spaces-home-composer-attach-empty{
    margin: 16px 8px;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-home-composer-attach-item{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    padding: 6px 8px;
    border: 0;
    border-radius: 12px;
    color: inherit;
    text-align: left;
    cursor: pointer;
    background: transparent;
}

.spaces-home-composer-attach-item:hover,
.spaces-home-composer-attach-item:focus-visible{
    outline: 0;
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-home-composer-attach-item.is-attached{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-home-composer-attach-thumb,
.spaces-home-composer-attach-thumb > img{
    display: block;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    object-fit: cover;
    background: #f3f3f3;
}

.spaces-home-composer-attach-copy{
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.spaces-home-composer-attach-title{
    overflow: hidden;
    color: var(--space-neutral-text-alpha, #393939);
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-composer-attach-meta{
    overflow: hidden;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-composer-attach-upload{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px 14px;
    border-top: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    color: var(--space-neutral-text-alpha, #393939);
    font: 600 13px/20px "Open Sans", Arial, sans-serif;
    cursor: pointer;
}

.spaces-home-composer-attach-upload > img{
    display: block;
    width: 20px;
    height: 20px;
}

.spaces-home-composer-attach-upload:hover,
.spaces-home-composer-attach-upload:focus-within{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-home-composer-toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    margin-top: 24px;
}

.spaces-home-composer-toolbar-left,
.spaces-home-composer-toolbar-right{
    display: flex;
    align-items: center;
    min-width: 0;
}

.spaces-home-composer-toolbar-left{
    gap: 16px;
}

.spaces-home-composer-toolbar-right{
    gap: 12px;
}

.spaces-home-composer-icon-btn,
.spaces-home-composer-send{
    display: grid;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    padding: 6px;
    border: 0;
    border-radius: var(--radius-medium, 12px);
    box-sizing: border-box;
    cursor: pointer;
    place-items: center;
    background: transparent;
}

.spaces-home-composer-icon-btn > img,
.spaces-home-composer-send > img{
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    max-width: none;
    object-fit: contain;
}

.spaces-home-composer-icon-btn:hover,
.spaces-home-composer-icon-btn:focus-visible,
.spaces-home-composer-send:hover,
.spaces-home-composer-send:focus-visible,
.spaces-home-composer-scope:focus-visible,
.spaces-home-composer-mode:focus-visible,
.spaces-home-composer-suggestion:focus-visible{
    outline: 0;
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

.spaces-home-composer-send{
    background: var(--primary-fill-gamma, rgba(15, 255, 15, .19));
}

.spaces-home-composer-send.is-ready{
    background: var(--space-primary-fill-beta, #1aa73f);
}

.spaces-home-composer-scope,
.spaces-home-composer-mode{
    display: inline-flex;
    align-items: center;
    min-width: 0;
    height: 36px;
    padding: 8px 0;
    border: 0;
    border-radius: 20px;
    color: var(--space-neutral-text-alpha, #393939);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    letter-spacing: 0;
    cursor: pointer;
    background: transparent;
}

.spaces-home-composer-scope-wrap{
    position: relative;
    min-width: 0;
}

.spaces-home-composer-scope{
    gap: 8px;
    max-width: 220px;
}

.spaces-home-composer-scope-icon,
.spaces-home-composer-scope-icon > img,
.spaces-home-composer-scope-icon > .spaces-home-space-initial,
.spaces-home-composer-scope-icon > .spaces-no-space-icon{
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

.spaces-home-composer-scope-icon{
    display: grid;
    place-items: center;
}

.spaces-home-composer-scope-icon > img{
    display: block;
}

.spaces-home-composer-scope-icon > .spaces-home-space-initial,
.spaces-home-composer-scope-icon > .spaces-no-space-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.spaces-home-composer-scope-label{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-composer-scope-menu{
    position: absolute;
    z-index: 40;
    top: calc(100% + 6px);
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: max-content;
    min-width: 220px;
    max-width: min(320px, 70vw);
    max-height: 280px;
    padding: 6px;
    overflow: auto;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .16);
    isolation: isolate;
}

.spaces-home-composer-scope-menu[hidden]{
    display: none;
}

.spaces-home-composer-scope-option{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 36px;
    padding: 8px;
    border: 0;
    border-radius: 12px;
    color: var(--space-neutral-text-alpha, #393939);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    text-align: left;
    cursor: pointer;
    background: transparent;
}

.spaces-home-composer-scope-option > img:first-child,
.spaces-home-composer-scope-option > .spaces-home-space-initial,
.spaces-home-composer-scope-option > .spaces-no-space-icon{
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

.spaces-home-composer-scope-option > span{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-composer-scope-check{
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-left: auto;
    visibility: hidden;
}

.spaces-home-composer-scope-option.is-selected{
    background: #f3f3f3;
}

.spaces-home-composer-scope-option.is-selected .spaces-home-composer-scope-check{
    visibility: visible;
}

.spaces-home-composer-scope-option:hover,
.spaces-home-composer-scope-option:focus-visible{
    outline: 0;
    background: #f3f3f3;
}

.spaces-home-composer-scope-divider{
    flex: 0 0 auto;
    height: 1px;
    margin: 4px 2px;
    background: rgba(0, 0, 0, .08);
}

.spaces-home-composer-scope-option.is-action{
    color: var(--space-neutral-text-alpha, #1c1c1c);
}

.spaces-home-composer-scope-option.is-action > img:first-child{
    opacity: .72;
}

.spaces-home-composer-mode-wrap{
    position: relative;
    flex: 0 0 auto;
}

.spaces-home-composer-mode{
    gap: 4px;
    padding-right: 4px;
}

.spaces-home-composer-mode-chevron{
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    pointer-events: none;
}

.spaces-home-composer-mode[aria-expanded="true"] .spaces-home-composer-mode-chevron{
    transform: rotate(180deg);
}

.spaces-home-composer-mode-menu{
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: calc(100% + 8px);
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 288px;
    max-width: min(288px, 80vw);
    padding: 12px 4px 4px;
    overflow: hidden;
    border-radius: 16px;
    box-sizing: border-box;
    background: var(--space-bg-alpha, #fff);
    box-shadow: 0 0 0 .5px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .1);
}

.spaces-home-composer-mode-menu[hidden]{
    display: none;
}

body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-composer-mode-menu{
    top: calc(100% + 8px);
    bottom: auto;
}

.spaces-home-composer-mode-heading{
    margin: 0;
    padding: 0 12px;
    color: var(--text-beta, #575757);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-composer-mode-option{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 8px;
    color: inherit;
    text-align: left;
    cursor: pointer;
    background: transparent;
}

.spaces-home-composer-mode-option-title{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 24px;
    color: var(--text-alpha, #2c2c2c);
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-home-composer-mode-option-desc{
    color: var(--text-gamma, #6d6d6d);
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-home-composer-mode-badge{
    display: inline-flex;
    align-items: center;
    min-height: 16px;
    padding: 2.5px 6px;
    border-radius: 8px;
    color: var(--text-beta, #4b4b4b);
    font: 400 10px/11px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
    background: var(--bg-beta, #f3f3f3);
}

.spaces-home-composer-mode-option.is-selected,
.spaces-home-composer-mode-option:hover,
.spaces-home-composer-mode-option:focus-visible{
    outline: 0;
    background: var(--design-system-row-selected, #f3f3f3);
}

.spaces-home-composer-suggestions{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    max-width: 561px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.spaces-home-composer-suggestions > li{
    display: flex;
    align-items: center;
    height: 24px;
    margin: 0;
    padding: 0;
}

.spaces-home-composer-suggestion{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    max-width: 100%;
    min-height: 24px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #393939);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    text-align: left;
    cursor: pointer;
    background: transparent;
}

.spaces-home-composer-suggestion:hover,
.spaces-home-composer-suggestion:focus-visible{
    outline: 0;
    background: transparent;
}

.spaces-home-composer-suggestion-icon{
    display: grid;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    place-items: center;
}

.spaces-home-composer-suggestion-icon > img{
    display: block;
    width: 16px;
    height: 16px;
}

.spaces-home-composer-suggestion-icon.is-lilac{
    background: color-mix(in srgb, var(--additional-lilac, #d3aaff) 50%, transparent);
}

.spaces-home-composer-suggestion-icon.is-orange{
    background: color-mix(in srgb, var(--additional-orange, #ffad82) 50%, transparent);
}

.spaces-home-composer-suggestion-icon.is-gray{
    background: color-mix(in srgb, var(--additional-gray, #d9d9d9) 50%, transparent);
}

.spaces-home.is-searching .spaces-home-composer-hero{
    display: none;
}

.spaces-search-results{
    width: 100%;
    box-sizing: border-box;
}

.spaces-global-search-page{
    padding: 24px 0 72px;
}

.spaces-global-result-tabs{
    display: flex;
    align-items: flex-end;
    gap: 24px;
    min-width: 0;
    margin-top: 24px;
    border-bottom: 1px solid var(--space-neutral-border-gamma, #00000017);
    overflow-x: auto;
    scrollbar-width: none;
}

.spaces-global-result-tabs::-webkit-scrollbar{
    display: none;
}

.spaces-global-result-tab{
    position: relative;
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0 0 12px;
    border: 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
    background: transparent;
    cursor: pointer;
}

.spaces-global-result-tab::after{
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    border-radius: var(--space-radius-round, 100px);
    content: "";
    background: transparent;
}

.spaces-global-result-tab[aria-selected="true"]{
    color: var(--space-neutral-text-alpha, #1c1c1c);
}

.spaces-global-result-tab[aria-selected="true"]::after{
    background: var(--space-primary-green, #019d2b);
}

.spaces-search-results > header{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
}

.spaces-search-results > header h1,
.spaces-search-results > header h2{
    margin: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 700 28px/36px "Open Sans", Arial, sans-serif;
}

.spaces-search-results > header > span{
    color: var(--space-neutral-text-beta, #747474);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-search-results{
    margin-top: 48px;
}

.spaces-global-results-table{
    margin-top: 24px;
}

.spaces-global-result-location{
    gap: 8px;
    min-width: 0;
}

.spaces-global-result-location .spaces-home-space-initial{
    flex: 0 0 20px;
}

.spaces-global-results-empty{
    margin: 32px 0 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-search{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 480px;
    height: 56px;
    margin: 24px auto 46px;
    padding: 12px 16px;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: var(--space-radius-round, 100px);
    box-sizing: border-box;
    background: var(--space-neutral-background-alpha, #fff);
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.spaces-home-search:hover{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
}

.spaces-home-search:focus-within{
    border-color: var(--space-primary-fill-beta, #1aa73f);
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

.spaces-home-search > img{
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

.spaces-home-search > input{
    min-width: 0;
    width: 100%;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--space-neutral-text-alpha, #393939);
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
    background: transparent;
}

.spaces-home-search > input::placeholder{
    color: var(--space-neutral-text-beta, #747474);
    opacity: 1;
}

.spaces-home-for-you > h2{
    margin: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 700 20px/30px "Open Sans", Arial, sans-serif;
    letter-spacing: -.4px;
}

.spaces-home-library h2{
    margin: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 700 24px/32px "Open Sans", Arial, sans-serif;
    letter-spacing: -.48px;
}

.spaces-home-for-you{
    display: none;
    width: 100%;
    max-width: 880px;
    margin-top: 48px;
    text-align: left;
}

.spaces-home-for-you[hidden]{
    display: none !important;
}

.spaces-home-for-you-toggle{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    outline: 0;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    cursor: pointer;
    background: transparent;
}

.spaces-home-for-you-toggle > img{
    width: 24px;
    height: 24px;
    transition: transform 160ms ease;
}

.spaces-home-for-you-toggle[aria-expanded="false"] > img{
    transform: rotate(-90deg);
}

.spaces-home-for-you-toggle:focus-visible{
    border-radius: 6px;
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

.spaces-home-for-you-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    max-width: 880px;
    margin-top: 24px;
}

.spaces-home-for-you-grid[hidden]{
    display: none;
}

body.is-new-chat-placement-option3.is-home-feed .spaces-main-content.is-home-page .spaces-home:not(.is-centered-chat){
    width: min(100%, 928px);
    justify-content: flex-start;
    min-height: auto;
    padding: 48px 24px 72px;
}

body.is-new-chat-placement-option3.is-home-feed .spaces-home:not(.is-centered-chat) .spaces-home-for-you:not([hidden]){
    display: block;
    width: 100%;
    max-width: 880px;
    margin-top: 48px;
}

body.is-new-chat-placement-option3.is-home-feed .spaces-home:not(.is-centered-chat) .spaces-home-for-you-grid{
    grid-template-columns: repeat(3, minmax(0, 272px));
    justify-content: center;
    gap: 32px;
    width: 100%;
    max-width: 880px;
    margin-top: 24px;
}

body.is-new-chat-placement-option3.is-home-feed .spaces-home:not(.is-centered-chat) .spaces-home-recommendation{
    width: 100%;
    max-width: 272px;
    min-height: 274px;
    height: auto;
}

body.is-new-chat-placement-option3.is-home-feed .spaces-home:not(.is-centered-chat) .spaces-home-composer-mark{
    display: none;
}

body.is-new-chat-placement-option3.is-home-feed .spaces-home:not(.is-centered-chat) .spaces-home-composer-hero > h1{
    max-width: none;
    margin: 0 0 24px;
    font: 700 32px/40px "Open Sans", Arial, sans-serif;
    letter-spacing: -.64px;
}

/* Option 3 greeting: Home feed + empty New chat (same copy) */
[data-chat-placement-option3-copy]{
    display: none !important;
}

body.is-new-chat-placement-option3 .spaces-home:not(.is-centered-chat) [data-chat-placement-option3-copy]{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

body.is-new-chat-placement-option3 .spaces-home-option3-hi{
    display: block;
    font: 700 32px/40px "Open Sans", Arial, sans-serif;
    letter-spacing: -.64px;
}

body.is-new-chat-placement-option3 .spaces-home-option3-prompt{
    display: block;
    color: var(--space-neutral-text-beta, #575757);
    font: 400 18px/28px "Open Sans", Arial, sans-serif;
    letter-spacing: -.18px;
}

body.is-new-chat-placement-option3.is-home-feed .spaces-home:not(.is-centered-chat) .spaces-home-composer{
    max-width: 640px;
    margin-top: 0;
}

body.is-new-chat-placement-option3.is-home-feed .spaces-home:not(.is-centered-chat) .spaces-home-composer-suggestions,
body.is-new-chat-placement-option3.is-home-feed .spaces-home:not(.is-centered-chat) .spaces-home-continue{
    display: none !important;
}

body.is-new-chat-placement-option3 .spaces-home:not(.is-centered-chat) .spaces-home-composer-hero > h1 [data-chat-ui-option1-copy],
body.is-new-chat-placement-option3 .spaces-home:not(.is-centered-chat) .spaces-home-composer-hero > h1 [data-chat-ui-option2-copy]{
    display: none !important;
}

/* Keep For you cards off New chat; greeting stays visible on empty New chat */
body.is-new-chat-placement-option3 .spaces-home.is-centered-chat .spaces-home-for-you,
body.is-new-chat-placement-option3 .spaces-home.is-centered-chat [data-chat-placement-option3-copy]{
    display: none !important;
}

body.is-new-chat-placement-option3:not(.is-home-feed) .spaces-home:not(.is-centered-chat) .spaces-home-composer-mark{
    display: none;
}

body.is-new-chat-placement-option3:not(.is-home-feed) .spaces-home:not(.is-centered-chat) .spaces-home-composer-hero > h1{
    max-width: none;
    margin: 0 0 24px;
    font: 700 32px/40px "Open Sans", Arial, sans-serif;
    letter-spacing: -.64px;
}

.spaces-home-recommendation{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    min-height: 274px;
    padding: 8px 24px 24px;
    border: 1px solid var(--space-neutral-border-gamma, rgba(0, 0, 0, .09));
    border-radius: 24px;
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    text-align: left;
    background: var(--space-neutral-background-alpha, #fff);
    transition: background-color 150ms ease, border-color 150ms ease;
}

.spaces-home-recommendation:hover{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
    background: rgba(0, 0, 0, .02);
}

.spaces-home-recommendation:focus-visible{
    border-color: var(--space-primary-fill-beta, #1aa73f);
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

.spaces-home-recommendation > img{
    display: block;
    width: 148px;
    height: 148px;
    margin: 0 auto 8px;
    object-fit: contain;
}

.spaces-home-recommendation > h3{
    margin: auto 0 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 700 20px/30px "Open Sans", Arial, sans-serif;
    letter-spacing: -.4px;
}

.spaces-home-recommendation > p{
    margin: 8px 0 0;
    color: var(--space-neutral-text-beta, #575757);
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-home-library{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .92fr);
    gap: 32px;
    margin-top: 48px;
}

.spaces-home-library-primary{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 40px;
    min-width: 0;
}

.spaces-home-recent > header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.spaces-home-file-type{
    position: relative;
    display: flex;
    align-items: center;
    width: 118px;
    height: 40px;
}

.spaces-home-file-type select{
    width: 100%;
    height: 100%;
    padding: 0 38px 0 16px;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: var(--space-radius-round, 100px);
    outline: 0;
    appearance: none;
    color: var(--space-neutral-text-beta, #747474);
    cursor: pointer;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    background: var(--space-neutral-background-alpha, #fff);
}

.spaces-home-file-type select:hover{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
}

.spaces-home-file-type select:focus-visible{
    border-color: var(--space-primary-fill-beta, #1aa73f);
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

.spaces-home-file-type > img{
    position: absolute;
    top: 50%;
    right: 12px;
    width: 20px;
    height: 20px;
    pointer-events: none;
    transform: translateY(-50%);
}

.spaces-home-recent-list{
    display: grid;
    gap: 2px;
    margin-top: 14px;
}

.spaces-home-recent-row{
    display: grid;
    grid-template-columns: 44px minmax(120px, 1fr) 72px 120px 32px;
    align-items: center;
    gap: 16px;
    min-height: 56px;
    padding: 4px;
    border-radius: 12px;
    box-sizing: border-box;
    color: var(--space-neutral-text-beta, #747474);
    cursor: pointer;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    transition: background-color 150ms ease;
}

.spaces-home-recent-row:hover{
    background: rgba(0, 0, 0, .02);
}

.spaces-home-recent-row[hidden]{
    display: none;
}

.spaces-home-recent-thumbnail{
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 10px;
    background: var(--space-neutral-background-alpha, #fff);
}

.spaces-home-recent-thumbnail-photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-home-recent-name{
    min-width: 0;
    overflow: hidden;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-recent-space{
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    white-space: nowrap;
}

.spaces-home-space-initial{
    display: inline-flex;
    flex: 0 0 20px;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid var(--space-absolute-black-b5, #0000000a);
    border-radius: 6px;
    box-sizing: border-box;
    color: #173b68;
    font: 600 11px/1 "Open Sans", Arial, sans-serif;
    text-align: center;
    background: #a8d0ff;
}

.spaces-home-recent-row > button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    background: transparent;
}

.spaces-home-recent-row > button:hover,
.spaces-home-recent-row > button:focus-visible{
    outline: 0;
    background: var(--space-neutral-background-beta, #f3f3f3);
}

.spaces-home-recent-row > button img{
    width: 20px;
    height: 20px;
}

.spaces-home-recent-show-all{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    height: 40px;
    margin-top: 12px;
    padding: 0 16px;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-text-beta, #747474);
    cursor: pointer;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: var(--space-neutral-background-alpha, #fff);
    transition: border-color 120ms ease, background-color 120ms ease;
}

.spaces-home-recent-show-all[hidden]{
    display: none;
}

.spaces-home-recent-show-all:hover,
.spaces-home-recent-show-all:focus-visible{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
    outline: 0;
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-home-spaces > h2{
    margin-bottom: 24px;
}

.spaces-home-spaces-list{
    display: grid;
    gap: 12px;
}

.spaces-home-data-message{
    margin: 24px 0 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-space-card{
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-height: 96px;
    padding: 12px 16px;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: 20px;
    outline: 0;
    color: inherit;
    cursor: pointer;
    text-align: left;
    background: var(--space-neutral-background-alpha, #fff);
    transition: background-color 150ms ease, border-color 150ms ease;
}

.spaces-home-space-card[hidden]{
    display: none;
}

.spaces-home-space-card:hover{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
    background: rgba(0, 0, 0, .02);
}

.spaces-home-space-card:focus-visible{
    border-color: var(--space-primary-fill-beta, #1aa73f);
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

.spaces-home-space-image{
    width: 64px;
    height: 64px;
    border-radius: 14px;
    object-fit: cover;
}

.spaces-home-space-copy{
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.spaces-home-space-name{
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 700 18px/24px "Open Sans", Arial, sans-serif;
}

.spaces-home-space-address,
.spaces-home-space-card > time{
    color: var(--space-neutral-text-beta, #747474);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-space-address{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-space-card > time{
    margin-left: 8px;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .spaces-home{
        padding-right: 24px;
        padding-left: 24px;
    }

    .spaces-home-for-you-grid{
        gap: 24px;
    }
}

@media (max-width: 840px) {
    .spaces-home{
        padding-top: 40px;
    }

    .spaces-home-composer-hero > h1{
        font-size: 24px;
        line-height: 30px;
    }

    .spaces-home-composer-placeholder{
        white-space: normal;
        flex-wrap: wrap;
    }

    .spaces-home-composer-toolbar{
        flex-wrap: wrap;
    }

    .spaces-home-for-you-grid{
        grid-template-columns: 1fr;
    }

    .spaces-home-recommendation{
        min-height: 280px;
    }

    .spaces-home-library{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .spaces-home-recent-row{
        grid-template-columns: 44px minmax(110px, 1fr) 64px 32px;
    }

    .spaces-home-recent-space{
        display: none;
    }

    .spaces-home-space-card{
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .spaces-home-space-image{
        width: 56px;
        height: 56px;
    }

    .spaces-home-space-card > time{
        display: none;
    }
}

.spaces-tabs{
    min-width: 0;
    margin-top: 32px;
}

.spaces-tabs-list{
    display: flex;
    align-items: flex-end;
    gap: 24px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    border-bottom: 1px solid #f1f1f1;
    padding: 0;
}

.spaces-tabs-list::-webkit-scrollbar{
    display: none;
}

.spaces-tabs-list > button{
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 4px 8px 10px;
    border: 0;
    color: var(--space-neutral-text-beta, #747474);
    cursor: pointer;
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
    letter-spacing: -.16px;
    white-space: nowrap;
    background: transparent;
}

.spaces-tabs-list > button::after{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    border-radius: var(--space-radius-round, 100px);
    background: transparent;
    content: "";
}

.spaces-tabs-list > button:hover,
.spaces-tabs-list > button:focus-visible{
    color: var(--space-neutral-text-alpha, #1c1c1c);
}

.spaces-tabs-list > button[aria-selected="true"]{
    color: var(--space-neutral-text-alpha, #1c1c1c);
}

.spaces-tabs-list > button[aria-selected="true"]::after{
    background: var(--space-primary-fill-beta, #1aa73f);
}

.spaces-tabs-search-v2,
.spaces-tabs-folders,
.spaces-tabs-content-title{
    display: none;
}

.spaces-tabs-toolbar{
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 40px;
    margin-top: 32px;
}

.spaces-tabs-icon-img{
    display: block;
    width: 24px;
    height: 24px;
    filter: brightness(0) saturate(100%) invert(45.5%);
}

.spaces-tabs-tooltip-trigger{
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}

.spaces-tabs-tooltip{
    position: absolute;
    z-index: 4;
    bottom: calc(100% + 8px);
    left: 50%;
    padding: 6px 12px;
    border-radius: 12px;
    color: var(--space-neutral-text-on-beta, #fff);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background: var(--space-neutral-text-alpha, #2c2c2c);
    transform: translateX(-50%);
    transition: opacity 75ms ease-out, visibility 0ms linear 75ms;
}

.spaces-tabs-tooltip::after{
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: var(--space-neutral-text-alpha, #2c2c2c);
    content: "";
    transform: translateX(-50%);
}

.spaces-tabs-tooltip-trigger:hover .spaces-tabs-tooltip,
.spaces-tabs-tooltip-trigger:focus-within .spaces-tabs-tooltip{
    visibility: visible;
    opacity: 1;
    transition-delay: 100ms, 0ms;
}

.spaces-tabs-view-toggle{
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: var(--space-radius-round, 100px);
    cursor: pointer;
    place-items: center;
    background: transparent;
    transition: background-color 120ms ease;
}

.spaces-tabs-view-toggle:hover,
.spaces-tabs-view-toggle:focus-visible{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-tabs-search-field{
    flex: 0 1 432px;
    width: 432px;
    height: 40px;
    padding: 7px 12px;
}

.spaces-tabs-search-field > .spaces-tabs-icon-img{
    flex: 0 0 24px;
}

.spaces-tabs-toolbar-actions{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

.spaces-main-content.is-tabs-v2 .spaces-tabs-list{
    align-items: center;
}

.spaces-main-content.is-tabs-v2 .spaces-tabs-list > button:nth-child(1){ order: 1; }/* Floor Plans */
.spaces-main-content.is-tabs-v2 .spaces-tabs-list > button:nth-child(2){ order: 2; }/* Renders */
.spaces-main-content.is-tabs-v2 .spaces-tabs-list > button:nth-child(3){ order: 3; }/* AI Studio */
.spaces-main-content.is-tabs-v2 .spaces-tabs-list > button:nth-child(4){ order: 4; }/* Moodboards */
.spaces-main-content.is-tabs-v2 .spaces-tabs-list > button:nth-child(5){ order: 5; }/* 360° Panorama */
.spaces-main-content.is-tabs-v2 .spaces-tabs-list > button:nth-child(6){ order: 6; }/* 360° Walkthrough */
.spaces-main-content.is-tabs-v2 .spaces-tabs-list > button:nth-child(7){ order: 7; }/* Documents */

.spaces-main-content.is-tabs-v2 .spaces-tabs-search-v2{
    position: sticky;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    width: 36px;
    min-width: 36px;
    max-width: 28vw;
    height: 48px;
    margin-left: auto;
    order: 8;
    padding-left: 0;
    background: var(--space-neutral-background-alpha, #fff);
    transition: width 160ms ease;
}

.spaces-tabs-search-v2-toggle{
    position: absolute;
    z-index: 1;
    top: 6px;
    right: 0;
    display: grid;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: var(--space-radius-round, 100px);
    cursor: pointer;
    place-items: center;
    background: transparent;
    visibility: visible;
    opacity: 1;
    transition:
        background-color 120ms ease,
        opacity 100ms ease,
        visibility 0ms linear;
}

.spaces-tabs-search-v2-toggle:hover,
.spaces-tabs-search-v2-toggle:focus-visible{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-tabs-search-v2-field{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 36px;
    padding: 5px 0;
    border: 1px solid transparent;
    border-radius: var(--space-radius-round, 100px);
    box-sizing: border-box;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background: var(--space-neutral-background-alpha, #fff);
    transform: scaleX(.92);
    transform-origin: right center;
    transition:
        padding 160ms ease,
        border-color 120ms ease,
        opacity 120ms ease,
        transform 160ms ease,
        visibility 0ms linear 160ms;
}

.spaces-tabs-search-v2-field input{
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
    background: transparent;
}

.spaces-tabs-search-v2.is-open .spaces-tabs-search-v2-toggle{
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition-delay: 0ms, 0ms, 100ms;
}

.spaces-main-content.is-tabs-v2 .spaces-tabs-search-v2.is-open{
    width: 320px;
}

.spaces-tabs-search-v2.is-open .spaces-tabs-search-v2-field{
    padding: 5px 12px;
    border-color: var(--space-neutral-border-gamma, #00000017);
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: scaleX(1);
    transition-delay: 0ms;
}

.spaces-main-content.is-tabs-v2 .spaces-tabs-folders:not([hidden]){
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.spaces-tabs-folder-row{
    display: contents;
}

.spaces-tabs-folder-card{
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 56px;
    padding: 12px 16px;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: 16px;
    box-sizing: border-box;
    overflow: hidden;
    color: var(--space-neutral-text-beta, #747474);
    cursor: pointer;
    font: 500 14px/24px "Open Sans", Arial, sans-serif;
    text-align: left;
    background: var(--space-neutral-background-alpha, #fff);
    transition: border-color 120ms ease, background-color 120ms ease;
}

.spaces-tabs-folder-card[hidden]{
    display: none;
}

.spaces-tabs-folder-card:hover,
.spaces-tabs-folder-card:focus-visible{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-tabs-folder-card > img{
    flex: 0 0 40px;
    height: 24px;
    margin-right: 16px;
}

.spaces-tabs-folder-card > span:not(.space-section-folder-count){
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-tabs-folder-card .space-section-folder-count{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 20px;
    height: 20px;
    margin-left: auto;
    padding: 0 6px;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: var(--space-radius-round, 100px);
    box-sizing: border-box;
    color: var(--space-neutral-text-beta, #747474);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-tabs-folders-toggle{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    padding: 12px 16px;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: 16px;
    box-sizing: border-box;
    color: var(--space-neutral-text-beta, #747474);
    cursor: pointer;
    font: 500 14px/24px "Open Sans", Arial, sans-serif;
    text-align: center;
    background: var(--space-neutral-background-alpha, #fff);
    transition: border-color 120ms ease, background-color 120ms ease;
}

.spaces-tabs-folders-toggle[hidden]{
    display: none;
}

.spaces-tabs-folders-toggle:hover,
.spaces-tabs-folders-toggle:focus-visible,
.spaces-tabs-folders-toggle[aria-expanded="true"]{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-main-content.is-tabs-v2 .spaces-tabs-toolbar{
    margin-top: 24px;
}

.spaces-main-content.is-tabs-v2 .spaces-tabs-content-title{
    display: block;
    margin: 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
    letter-spacing: -.2px;
}

.spaces-main-content.is-tabs-v2 .spaces-tabs-toolbar > .spaces-tabs-tooltip-trigger{
    order: 3;
}

.spaces-main-content.is-tabs-v2 .spaces-tabs-search-field,
.spaces-main-content.is-tabs-v2 .spaces-tabs-create-action,
.spaces-main-content.is-tabs-v2 .spaces-tabs-folder-action{
    display: none;
}

.spaces-main-content.is-tabs-v2 .spaces-tabs-toolbar-actions{
    order: 2;
    margin-left: auto;
}

.spaces-main-content.is-tabs-v2 .spaces-tabs-files{
    margin-top: 24px;
}

.spaces-tabs-icon-button{
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: var(--space-radius-round, 100px);
    color: var(--space-neutral-icon-beta, #747474);
    cursor: pointer;
    place-items: center;
    background: var(--space-neutral-background-alpha, #fff);
    transition: border-color 120ms ease, background-color 120ms ease;
}

.spaces-tabs-icon-button:hover,
.spaces-tabs-icon-button:focus-visible{
    border-color: var(--space-neutral-border-beta, rgba(0, 0, 0, .16));
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-tabs-create-icon{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-tabs-filter{
    width: 106px;
    height: 40px;
    color: var(--space-neutral-text-beta, #747474);
}

.spaces-tabs-filter img{
    filter: brightness(0) saturate(100%) invert(47%) sepia(0%) saturate(0%) hue-rotate(142deg) brightness(95%) contrast(92%);
}

.spaces-tabs-files{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.spaces-tabs-files.is-list-view{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.spaces-tabs-file{
    min-width: 0;
}

.spaces-tabs-files.is-list-view .spaces-tabs-file:not([hidden]){
    display: grid;
    grid-template-columns: 52px minmax(180px, 1fr) minmax(160px, .7fr) 72px minmax(104px, .25fr) 40px;
    column-gap: 12px;
    align-items: center;
    min-height: 52px;
    padding: 4px 4px;
    border-radius: 12px;
    color: var(--space-neutral-text-beta, #575757);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    letter-spacing: -.14px;
    transition: background-color 120ms ease;
}

.spaces-tabs-files.is-list-view .spaces-tabs-file:hover{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-tabs-files.is-list-view .spaces-tabs-file-preview{
    grid-column: 1;
    grid-row: 1;
    width: 52px;
    height: 52px;
    border-radius: 12px;
}

.spaces-tabs-files.is-list-view .spaces-tabs-file-preview > img{
    height: 52px;
    aspect-ratio: auto;
}

.spaces-tabs-files.is-list-view .spaces-tabs-file-meta{
    display: contents;
}

.spaces-tabs-files.is-list-view .spaces-tabs-file-meta > a{
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    overflow: hidden;
    align-self: center;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    letter-spacing: -.14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-tabs-files.is-list-view .spaces-tabs-file-project,
.spaces-tabs-files.is-list-view .spaces-tabs-file-resolution,
.spaces-tabs-files.is-list-view .spaces-tabs-file-date{
    display: block;
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    overflow: hidden;
    color: var(--space-text-gamma, #919191);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-tabs-files.is-list-view .spaces-tabs-file-resolution{
    grid-column: 4;
}

.spaces-tabs-files.is-list-view .spaces-tabs-file-date{
    grid-column: 5;
}

.spaces-tabs-files.is-list-view .spaces-tabs-file-meta > button{
    grid-column: 6;
    grid-row: 1;
}

@media (max-width: 1512px) {
    .spaces-tabs-files{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1200px) {
    .spaces-tabs-files{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 840px) {
    .spaces-tabs-files{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .spaces-tabs-files{
        grid-template-columns: minmax(0, 1fr);
    }
}

.spaces-tabs-file[hidden]{
    display: none;
}

.spaces-tabs-file-preview{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: none;
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item > a{
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.spaces-wrap:has(.spaces-item-dropdown:hover) > main.get-started-main,
.spaces-wrap:has(.spaces-item-dropdown:focus-within) > main.get-started-main,
.spaces-wrap:has(.spaces-item-dropdown.is-open) > main.get-started-main{
    position: relative;
    z-index: 30;
    overflow: visible;
}

.spaces-wrap:has(.spaces-item-dropdown:hover) > aside.spaces-sidebar-v2,
.spaces-wrap:has(.spaces-item-dropdown:focus-within) > aside.spaces-sidebar-v2,
.spaces-wrap:has(.spaces-item-dropdown.is-open) > aside.spaces-sidebar-v2{
    z-index: 0;
}

.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item:hover,
.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item:focus-within,
.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item:has(.spaces-item-dropdown.is-open){
    z-index: 8;
    overflow: visible;
}

.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item:has(.spaces-item-dropdown:hover),
.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item:has(.spaces-item-dropdown:focus-within),
.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item:has(.spaces-item-dropdown.is-open){
    z-index: 40;
    overflow: visible;
}

.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .spaces-grid:has(.spaces-item-dropdown:hover),
.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .spaces-grid:has(.spaces-item-dropdown:focus-within),
.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .spaces-grid:has(.spaces-item-dropdown.is-open),
.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section:has(.spaces-item-dropdown:hover),
.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section:has(.spaces-item-dropdown:focus-within),
.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section:has(.spaces-item-dropdown.is-open){
    overflow: visible;
}

.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item .spaces-item-dropdown{
    z-index: 50;
    pointer-events: auto;
}

.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item .spaces-item-dropdown.is-open{
    /* Parent transform creates a fixed containing block and breaks viewport menu coords. */
    transform: none !important;
}

.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item .spaces-item-dropdown > div{
    top: 100%;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 60;
    display: none;
    padding: 4px 0 0;
    overflow: visible;
    transform: none;
}

.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item .spaces-item-dropdown.is-open > div,
body > .is-spaces-item-menu-portal{
    display: block !important;
    position: fixed !important;
    z-index: 2147483000 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
    pointer-events: auto !important;
}

body > .is-spaces-item-menu-portal > div{
    min-width: 240px;
    overflow: hidden;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16);
}

body > .is-spaces-item-menu-portal > div ul{
    padding: 4px;
    margin: 0;
    list-style: none;
}

body > .is-spaces-item-menu-portal > div ul li > a,
body > .is-spaces-item-menu-portal > div ul li > button{
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 50px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    cursor: pointer;
}

body > .is-spaces-item-menu-portal > div ul li > a:hover,
body > .is-spaces-item-menu-portal > div ul li > button:hover{
    background: rgba(0, 0, 0, .04);
}

body > .is-spaces-item-menu-portal > div ul li a > svg,
body > .is-spaces-item-menu-portal > div ul li button > svg,
body > .is-spaces-item-menu-portal > div ul li button > .spaces-add-to-chat-icon{
    position: absolute;
    left: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    color: #747474;
    fill: transparent;
}

body > .is-spaces-item-menu-portal [data-add-to-new-chat] .spaces-add-to-chat-icon,
.spaces-item-dropdown [data-add-to-new-chat] .spaces-add-to-chat-icon{
    position: absolute;
    left: 12px;
    top: 12px;
    width: 20px;
    height: 20px;
    display: block;
    object-fit: contain;
}

.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item .spaces-item-dropdown > div > div{
    position: relative;
    z-index: 61;
    min-width: 240px;
    overflow: visible;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16);
}

.spaces-wrap > main.get-started-main .spaces-main-content .spaces-inside-section .space-section-item > a:not(.is-svg)::before{
    border: 0;
    box-shadow: inset 0 0 0 1px var(--space-neutral-fill-gamma, rgba(0, 0, 0, .04));
}

.spaces-tabs-file-preview > img{
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.spaces-render-resolution-badge{
    position: absolute;
    z-index: 3;
    top: 16px;
    right: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    padding: 1px 8px 2px;
    border-radius: var(--Radius-round, 100px);
    box-sizing: border-box;
    color: var(--primary-text-on-beta, #fff);
    text-align: center;
    font-family: var(--Body, "Open Sans"), Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    pointer-events: none;
    background: var(--absolute-black-B60, rgba(0, 0, 0, .6));
}

.spaces-ai-generated-badge{
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    gap: 0;
    min-height: 20px;
    padding: 2px 8px;
    border-radius: 100px;
    box-sizing: border-box;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 11px/16px "Open Sans", Arial, sans-serif;
    letter-spacing: 0;
    white-space: nowrap;
    pointer-events: none;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 1px 4px rgba(28, 28, 28, 0.12);
}

.spaces-ai-generated-badge > img{
    display: none;
}

.spaces-file-preview .spaces-ai-generated-badge{
    top: 6px;
    left: 6px;
    min-height: 18px;
    padding: 1px 6px;
}

.spaces-tabs-files.is-list-view .spaces-ai-generated-badge{
    top: 8px;
    left: 8px;
}

.spaces-tabs-files.is-list-view .spaces-render-resolution-badge{
    display: none;
}

.spaces-tabs-file-meta{
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    grid-template-rows: 20px 20px;
    column-gap: 8px;
    row-gap: 4px;
    margin-top: 12px;
}

.spaces-tabs-file-meta > a{
    overflow: hidden;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 16px/20px "Open Sans", Arial, sans-serif;
    letter-spacing: -.16px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-tabs-file-meta > span{
    color: var(--space-text-gamma, #919191);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-tabs-file-project,
.spaces-tabs-file-resolution{
    display: none;
}

.spaces-tabs-file-meta > button{
    grid-column: 2;
    grid-row: 1 / span 2;
    display: grid;
    width: 36px;
    height: 36px;
    padding: 6px;
    border: 0;
    border-radius: var(--space-radius-round, 100px);
    cursor: pointer;
    place-items: center;
    background: transparent;
}

.spaces-tabs-file-meta > button:hover,
.spaces-tabs-file-meta > button:focus-visible{
    background: var(--space-neutral-fill-gamma, #0000000a);
}

.spaces-tabs-file-meta > button > img{
    width: 24px;
    height: 24px;
}

@media (max-width: 840px) {
    .spaces-tabs-list{
        gap: 24px;
    }

    .spaces-tabs-toolbar{
        flex-wrap: wrap;
    }

    .spaces-tabs-search-field{
        flex: 1 1 240px;
        width: auto;
    }

    .spaces-tabs-toolbar-actions{
        margin-left: 0;
    }
}

.spaces-listing-studio[hidden]{
    display: none;
}

.spaces-main-content.is-listing-studio-page,
.spaces-main-content.is-floor-plan-studio-page{
    max-width: none;
    padding: 0;
}

.spaces-main-content.is-listing-studio-page:not(.is-editor-with-chat) > :not(.spaces-listing-studio),
.spaces-main-content.is-floor-plan-studio-page:not(.is-floor-plan-with-chat):not(.is-editor-with-chat) > :not(.spaces-floor-plan-studio){
    display: none;
}

.spaces-main-content.is-editor-with-chat.is-listing-studio-page > :not([data-listing-studio]):not([data-home-page]),
.spaces-main-content.is-editor-with-chat.is-floor-plan-studio-page > :not([data-floor-plan-studio]):not([data-home-page]){
    display: none !important;
}

body.is-listing-studio-open .spaces-sidebar,
body.is-listing-studio-open .header-spaces,
body.is-listing-studio-open .spaces-sparkles-fab,
body.is-listing-studio-open [data-copilot-panel],
body.is-floor-plan-studio-open .spaces-sidebar,
body.is-floor-plan-studio-open .header-spaces,
body.is-floor-plan-studio-open .spaces-sparkles-fab,
body.is-floor-plan-studio-open [data-copilot-panel],
body.is-floor-plan-studio-open .spaces-ask-copilot-promo{
    display: none !important;
}

body.is-editor-with-chat .spaces-ask-copilot-promo,
body.is-listing-studio-open .spaces-ask-copilot-promo{
    display: none !important;
}

body.is-listing-studio-open .spaces-wrap,
body.is-floor-plan-studio-open .spaces-wrap{
    display: block;
    margin-top: 0 !important;
}

body.is-editor-with-chat .spaces-wrap{
    display: block;
    overflow: hidden;
    margin-top: 0 !important;
}

body.is-listing-studio-open .get-started-main,
body.is-listing-studio-open .spaces-main-content.is-listing-studio-page,
body.is-floor-plan-studio-open .get-started-main,
body.is-floor-plan-studio-open .spaces-main-content.is-floor-plan-studio-page{
    display: block;
    width: 100%;
    max-width: none;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

body.is-editor-with-chat .get-started-main,
body.is-editor-with-chat .spaces-main-content.is-floor-plan-studio-page,
body.is-editor-with-chat .spaces-main-content.is-listing-studio-page,
body.is-editor-with-chat .spaces-main-content.is-home-page:has(.spaces-home.is-centered-chat),
body.is-editor-with-chat .spaces-wrap > main.get-started-main:has(.spaces-home.is-centered-chat){
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch;
    width: 100%;
    max-width: none;
    min-height: 100vh !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0;
    padding: 0;
    overflow: hidden !important;
}

/* Home-page mode hides siblings — keep the studio when split chat is open. */
body.is-editor-with-chat .spaces-main-content.is-home-page > [data-listing-studio],
body.is-editor-with-chat .spaces-main-content.is-home-page > [data-floor-plan-studio]{
    display: flex !important;
}

body.is-editor-with-chat .spaces-main-content.is-floor-plan-studio-page > [data-home-page].is-editor-split-chat,
body.is-editor-with-chat .spaces-main-content.is-listing-studio-page > [data-home-page].is-editor-split-chat{
    display: flex !important;
    position: relative;
    z-index: 2;
    flex: 0 0 340px;
    flex-direction: column;
    width: 340px;
    min-width: 300px;
    max-width: 360px;
    height: 100vh;
    max-height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, .08);
    background: #fff;
    box-sizing: border-box;
}

body.is-editor-with-chat .spaces-main-content.is-floor-plan-studio-page > [data-floor-plan-studio],
body.is-editor-with-chat .spaces-main-content.is-listing-studio-page > [data-listing-studio]{
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column;
    position: relative;
    width: auto;
    min-width: 0;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    background: #fff;
}

body.is-editor-with-chat .spaces-main-content.is-listing-studio-page > [data-floor-plan-studio],
body.is-editor-with-chat .spaces-main-content.is-floor-plan-studio-page > [data-listing-studio]{
    display: none !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header{
    flex: 0 0 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
    padding: 0 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    box-sizing: border-box;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header h2{
    font-size: 14px;
    line-height: 20px;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-hero{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-thread{
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 12px 12px 8px;
    overflow-x: hidden;
    overflow-y: auto;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-bottom-chrome{
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 8px 12px 12px;
    background: #fff;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer{
    min-height: 0;
    margin: 0;
    padding: 10px 12px;
    border-radius: 16px;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-field,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-input-wrap,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-input-wrap > textarea{
    min-height: 40px !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-end{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding-right: 0;
}

.spaces-home-chat-header-tool{
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}

.spaces-home-chat-header-tool > img{
    display: block;
    opacity: .7;
}

.spaces-home-chat-header-tool:hover,
.spaces-home-chat-header-tool:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .04);
}

.spaces-home-chat-header-tool:hover > img,
.spaces-home-chat-header-tool:focus-visible > img{
    opacity: 1;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-tool{
    display: inline-flex;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-more{
    display: none !important;
}

/* Split chat defaults: + / history / artifacts. Floor-plan overrides below. */
body.is-editor-with-chat .spaces-home.is-editor-split-chat [data-editor-chat-new]{
    order: 1;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat [data-editor-chat-history-wrap],
body.is-editor-with-chat .spaces-home.is-editor-split-chat [data-editor-chat-history]{
    order: 2;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts{
    display: inline-flex;
    order: 3;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat [data-editor-chat-collapse]{
    order: 4;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat [data-editor-chat-collapse],
body.is-listing-with-chat .spaces-editor-chat-expand{
    display: none !important;
}

body.is-editor-with-chat.is-floor-plan-chat-collapsed .spaces-main-content.is-floor-plan-studio-page > [data-home-page].is-editor-split-chat,
body.is-editor-with-chat.is-floor-plan-chat-collapsed .spaces-main-content.is-listing-studio-page > [data-home-page].is-editor-split-chat{
    display: none !important;
    flex: 0 0 0;
    width: 0;
    min-width: 0;
    max-width: 0;
    border: 0;
    padding: 0;
    overflow: hidden;
}

/* Floating "Chat" expand chip is removed — AI Mode restores the left chat. */
.spaces-editor-chat-expand,
body.is-editor-with-chat .spaces-editor-chat-expand,
body.is-editor-with-chat.is-floor-plan-chat-collapsed .spaces-editor-chat-expand{
    display: none !important;
}

body.is-editor-with-chat.is-floor-plan-chat-collapsed .spaces-listing-studio{
    position: relative;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-hero{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-mark,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-hero > h1,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-for-you,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-continue{
    display: none !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-thread{
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 16px 16px 8px;
    overflow-x: hidden;
    overflow-y: auto;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-bottom-chrome{
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 8px 12px 16px;
    background: #fff;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-widget-dock{
    width: 100%;
    max-width: none;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-listing-card,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-message{
    max-width: 100%;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts-button .spaces-home-chat-artifacts-label{
    display: none;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-mode-wrap{
    position: relative;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-mode-menu{
    left: 0;
    right: auto;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-bottom-chrome,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer{
    overflow: visible;
}

.spaces-listing-studio{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    background: #fff;
}

.spaces-listing-studio-frame{
    display: block;
    width: 100%;
    height: 100vh;
    border: 0;
    background: #fff;
}

body.is-editor-with-chat .spaces-listing-studio .spaces-listing-studio-frame{
    flex: 1 1 auto;
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none;
}

.spaces-listing-topbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 56px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    background: #fff;
}

.spaces-listing-topbar-left,
.spaces-listing-topbar-right{
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.spaces-listing-back,
.spaces-listing-space-name{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border: 0;
    border-radius: 8px;
    color: #1c1c1c;
    background: transparent;
    cursor: pointer;
}

.spaces-listing-space-name{
    max-width: 240px;
    overflow: hidden;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-listing-back:hover,
.spaces-listing-space-name:hover{
    background: rgba(0, 0, 0, .04);
}

.spaces-listing-topbar-tabs{
    display: flex;
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 100px;
    background: #fff;
}

.spaces-listing-top-tab{
    min-height: 28px;
    padding: 4px 12px;
    border: 0;
    border-radius: 100px;
    color: #747474;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
    background: transparent;
    cursor: pointer;
}

.spaces-listing-top-tab.is-active{
    color: #1c1c1c;
    background: rgba(0, 0, 0, .06);
}

.spaces-listing-option-chip{
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid rgba(26, 167, 63, .35);
    border-radius: 100px;
    color: #1aa73f;
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    background: #fff;
}

.spaces-listing-view-switch{
    display: flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 10px;
    background: #fff;
}

.spaces-listing-view-switch > button{
    min-height: 26px;
    padding: 4px 8px;
    border: 0;
    border-radius: 8px;
    color: #747474;
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    background: transparent;
    cursor: pointer;
}

.spaces-listing-view-switch > button.is-active{
    color: #1c1c1c;
    background: rgba(0, 0, 0, .06);
}

.spaces-listing-saved{
    color: #9a9a9a;
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
}

.spaces-listing-publish{
    min-height: 32px;
    padding: 6px 14px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
    background: #6d4aff;
    cursor: pointer;
}

.spaces-listing-shell{
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    flex: 1 1 auto;
    min-height: 0;
}

.spaces-listing-content{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 16px 32px;
    overflow: auto;
    background: #fff;
    border-right: 1px solid rgba(0, 0, 0, .06);
}

.spaces-listing-content > h2{
    margin: 0 4px 8px;
    color: #1c1c1c;
    font: 700 18px/24px "Open Sans", Arial, sans-serif;
}

.spaces-listing-panel,
.spaces-listing-row,
.spaces-listing-switch,
.spaces-listing-improve{
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 16px;
    box-sizing: border-box;
    background: #fff;
}

.spaces-listing-panel-toggle,
.spaces-listing-row{
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 14px;
    border: 0;
    color: #1c1c1c;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.spaces-listing-panel-body{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 14px 14px;
}

.spaces-listing-panel-body label{
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #747474;
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-listing-panel-body input,
.spaces-listing-panel-body textarea{
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 12px;
    box-sizing: border-box;
    color: #1c1c1c;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    resize: vertical;
}

.spaces-listing-improve{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 12px 14px;
    color: #1c1c1c;
    text-align: left;
    cursor: pointer;
}

.spaces-listing-improve > span{
    color: #747474;
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-listing-improve > strong{
    color: #6d4aff;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-listing-switch{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 10px 14px;
    color: #1c1c1c;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    cursor: pointer;
}

.spaces-listing-switch > input{
    position: absolute;
    opacity: 0;
}

.spaces-listing-knob{
    position: relative;
    flex: 0 0 40px;
    width: 40px;
    height: 24px;
    border-radius: 100px;
    background: #d9d9d9;
}

.spaces-listing-knob::after{
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    content: "";
}

.spaces-listing-switch > input:checked + .spaces-listing-knob{
    background: #1aa73f;
}

.spaces-listing-switch > input:checked + .spaces-listing-knob::after{
    left: 18px;
}

.spaces-listing-canvas{
    padding: 24px;
    overflow: auto;
}

.spaces-listing-page{
    width: min(920px, 100%);
    margin: 0 auto;
    padding: 24px 28px 40px;
    border-radius: 24px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .06);
}

.spaces-listing-made{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    color: #1aa73f;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-listing-made::before{
    width: 18px;
    height: 18px;
    border-radius: 6px;
    background: #1aa73f;
    content: "";
}

.spaces-listing-deal{
    margin: 0 0 6px;
    color: #1aa73f;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-listing-page > h1{
    margin: 0 0 8px;
    color: #1c1c1c;
    font: 700 32px/40px "Open Sans", Arial, sans-serif;
    letter-spacing: -.6px;
}

.spaces-listing-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 0 0 12px;
    color: #747474;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-listing-meta > strong{
    color: #1c1c1c;
}

.spaces-listing-copy{
    margin: 0 0 20px;
    color: #393939;
    font: 400 15px/24px "Open Sans", Arial, sans-serif;
}

.spaces-listing-gallery{
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    grid-template-rows: 148px 148px;
    gap: 8px;
    margin-bottom: 28px;
}

.spaces-listing-gallery > figure{
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: 16px;
    background: #eee;
}

.spaces-listing-gallery > .is-hero{
    grid-row: 1 / span 2;
}

.spaces-listing-gallery img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-listing-gallery figcaption{
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 4px 8px;
    border-radius: 8px;
    color: #fff;
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    background: rgba(0, 0, 0, .45);
}

.spaces-listing-gallery[hidden],
.spaces-listing-facts[hidden]{
    display: none;
}

.spaces-listing-facts{
    margin-top: 8px;
}

.spaces-listing-facts > h2{
    margin: 0 0 12px;
    color: #1c1c1c;
    font: 700 18px/24px "Open Sans", Arial, sans-serif;
}

.spaces-listing-facts > p{
    margin: 0;
    color: #747474;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-listing-fact-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.spaces-listing-fact-grid > div{
    padding: 14px;
    border-radius: 16px;
    background: #f6f6f6;
}

.spaces-listing-fact-grid span{
    display: block;
    color: #747474;
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-listing-fact-grid strong{
    display: block;
    margin-top: 4px;
    color: #1c1c1c;
    font: 700 18px/24px "Open Sans", Arial, sans-serif;
}

@media (max-width: 1100px) {
    .spaces-listing-shell{
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .spaces-listing-gallery{
        grid-template-rows: 120px 120px;
    }
}

body.is-chat-ui-option1 .spaces-main-content.is-home-page .spaces-home:not(.is-centered-chat){
    width: min(100%, 688px);
}

body.is-new-chat-placement-option3.is-home-feed.is-chat-ui-option1 .spaces-main-content.is-home-page .spaces-home:not(.is-centered-chat),
body.is-new-chat-placement-option3.is-home-feed .spaces-main-content.is-home-page .spaces-home:not(.is-centered-chat){
    width: min(100%, 928px);
}

body.is-chat-ui-option1 [data-chat-ui-option2-copy],
body:not(.is-chat-ui-option1) [data-chat-ui-option1-copy]{
    display: none !important;
}

body.is-chat-ui-option1 .spaces-home-composer-mark{
    width: 56px;
    height: 56px;
}

body.is-chat-ui-option1 .spaces-home:not(.is-centered-chat) .spaces-home-composer,
body.is-chat-ui-option1 .spaces-home-composer-suggestions,
body.is-chat-ui-option1 .spaces-home-continue,
body.is-chat-ui-option1 .spaces-home-composer-hero > h1{
    max-width: 640px;
}

body.is-chat-ui-option1 .spaces-home:not(.is-centered-chat) .spaces-home-composer{
    min-height: 104px;
    margin-top: 24px;
    padding: 12px 14px 10px;
    box-shadow: 0 8px 24px rgba(28, 28, 28, .08);
}

body.is-chat-ui-option1 .spaces-home:not(.is-centered-chat) .spaces-home-composer:focus-within{
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12), 0 8px 24px rgba(28, 28, 28, .08);
}

body.is-chat-ui-option1 .spaces-home-composer-hero > h1{
    margin-top: 16px;
    font-weight: 600;
}

body.is-chat-ui-option1 .spaces-home-composer-placeholder{
    white-space: normal;
}

body.is-chat-ui-option1 .spaces-home-composer-mode::before{
    content: "Mode: ";
    color: var(--space-neutral-text-beta, #747474);
    font-weight: 400;
}

body.is-chat-ui-option1 .spaces-home-composer-scope{
    padding: 4px 8px;
    border-radius: 8px;
    background: transparent;
}

.spaces-home.is-centered-chat .spaces-home-composer-scope{
    cursor: default;
    pointer-events: none;
}

.spaces-home.is-centered-chat .spaces-home-composer-scope:disabled{
    opacity: 1;
    color: inherit;
}

.spaces-home.is-centered-chat .spaces-home-composer-scope-clear{
    display: none !important;
}

.spaces-home.is-centered-chat .spaces-home-composer-scope-menu{
    display: none !important;
}

.spaces-home-composer-scope-clear{
    display: none;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin: 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 500 16px/16px "Open Sans", Arial, sans-serif;
}

body.is-chat-ui-option1 .spaces-home-composer-scope-clear:not([hidden]){
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.is-chat-ui-option1 .spaces-home-composer-suggestions{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 12px;
    margin-top: 16px;
}

body.is-chat-ui-option1 .spaces-home-composer-suggestions > li{
    height: auto;
    min-height: 0;
}

body.is-chat-ui-option1 .spaces-home-composer-suggestion{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    height: 100%;
    padding: 14px;
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: 16px;
}

body.is-chat-ui-option1 .spaces-home-composer-suggestion:hover,
body.is-chat-ui-option1 .spaces-home-composer-suggestion:focus-visible{
    border-color: #dedede;
    background: #fafafa;
}

.spaces-home-composer-suggestion-copy{
    min-width: 0;
}

body.is-chat-ui-option1 .spaces-home-composer-suggestion-title{
    display: block;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

body.is-chat-ui-option1 .spaces-home-composer-suggestion-desc{
    display: block;
    margin-top: 2px;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-home-continue{
    width: 100%;
    margin: 32px 0 0;
}

.spaces-home-continue[hidden],
.spaces-home.is-centered-chat .spaces-home-continue,
.spaces-home.is-searching .spaces-home-continue{
    display: none;
}

.spaces-home-continue > h2{
    margin: 0 0 4px;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
}

.spaces-home-continue-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.spaces-home-continue-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 10px 0;
    border: 0;
    color: inherit;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.spaces-home-continue-title{
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-home-continue-title > span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-home-continue-date{
    flex: 0 0 auto;
    color: var(--space-neutral-text-gamma, #919191);
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
}

@media (max-width: 900px) {
    body.is-chat-ui-option1 .spaces-home-composer-suggestions{
        grid-template-columns: 1fr;
    }
}

.spaces-chat-placement-dock{
    position: fixed;
    z-index: 25;
    left: 256px;
    right: 0;
    bottom: 0;
    display: none;
    padding: 8px 24px 14px;
    box-sizing: border-box;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .92) 36%, #fff 100%);
}

.spaces-wrap > aside.spaces-sidebar-v2.is-hidden ~ .spaces-chat-placement-dock,
body:has(.spaces-sidebar-v2.is-hidden) .spaces-chat-placement-dock{
    left: 0;
}

body.is-chat-placement-dock-visible .spaces-chat-placement-dock,
.spaces-chat-placement-dock:not([hidden]){
    display: block;
}

.spaces-chat-placement-dock[hidden]{
    display: none !important;
}

.spaces-chat-placement-dock-inner{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: min(100%, 880px);
    min-height: 0;
    margin: 0 auto;
    padding: 14px 16px 12px;
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: var(--radius-large, 16px);
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 0 .5px rgba(0, 0, 0, .04), 0 6px 20px rgba(28, 28, 28, .1);
    pointer-events: auto;
}

.spaces-chat-placement-dock-inner.is-dock-composer{
    width: min(100%, 880px);
    min-height: 120px;
    margin: 0 auto;
    border-color: rgba(26, 167, 63, .35);
    box-shadow:
        0 0 0 1px rgba(26, 167, 63, .1),
        0 6px 20px rgba(26, 167, 63, .12),
        0 6px 20px rgba(28, 28, 28, .08);
}

.spaces-chat-placement-dock-inner.is-dock-composer:focus-within{
    border-color: var(--space-primary-fill-beta, #1aa73f);
    box-shadow:
        0 0 0 3px rgba(51, 178, 92, .16),
        0 8px 24px rgba(26, 167, 63, .14);
}

.spaces-chat-placement-dock-inner .spaces-inline-copilot-field,
.spaces-chat-placement-dock-inner .spaces-inline-copilot-toolbar{
    width: 100%;
}

.spaces-chat-placement-dock-inner .spaces-inline-copilot-placeholder{
    white-space: nowrap;
}

.spaces-chat-placement-dock-inner .spaces-home-composer-mode-chevron{
    display: block;
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    opacity: .7;
}

.spaces-chat-placement-dock-inner .spaces-home-composer-scope-clear{
    display: none !important;
}

.spaces-chat-placement-dock-inner .spaces-home-composer-scope,
.spaces-chat-placement-dock-inner .spaces-home-composer-mode{
    height: auto;
    padding: 0;
}

.spaces-chat-placement-dock-inner .spaces-home-composer-scope{
    gap: 12px;
    max-width: none;
}

.spaces-chat-placement-dock-inner .spaces-home-composer-scope-label{
    color: var(--text-alpha, #1c1c1c);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-chat-placement-dock-inner .spaces-home-composer-scope-icon > .spaces-home-space-initial,
.spaces-chat-placement-dock-inner .spaces-home-composer-scope-icon > .spaces-no-space-icon{
    border: 1px solid rgba(0, 0, 0, .04);
    border-radius: 6px;
}

body.is-chat-placement-dock-visible .spaces-wrap > main.get-started-main{
    padding-bottom: 148px;
}

.spaces-chat-placement-sparkles{
    display: block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    overflow: clip;
    margin: 0;
}

.spaces-chat-placement-dock-inner > textarea{
    flex: 1 1 auto;
    min-width: 0;
    min-height: 24px;
    max-height: 88px;
    margin: 0;
    padding: 6px 0;
    border: 0;
    resize: none;
    outline: none;
    background: transparent;
    color: #1c1c1c;
    font: 400 14px/22px "Open Sans", Arial, sans-serif;
}

.spaces-chat-placement-dock-inner .spaces-inline-copilot-input-wrap > textarea{
    display: block;
    width: 100%;
    min-height: 24px;
    max-height: 88px;
    margin: 0;
    padding: 0;
    border: 0;
    resize: none;
    outline: none;
    background: transparent;
    color: var(--text-alpha, #1c1c1c);
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-chat-placement-actions{
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
}

.spaces-chat-placement-icon-btn,
.spaces-chat-placement-send{
    display: grid;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    place-items: center;
    background: transparent;
    cursor: pointer;
}

.spaces-chat-placement-icon-btn:hover,
.spaces-chat-placement-icon-btn:focus-visible,
.spaces-chat-placement-send:hover,
.spaces-chat-placement-send:focus-visible{
    outline: 0;
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

.spaces-chat-placement-send{
    background: var(--primary-fill-gamma, rgba(15, 255, 15, .19));
}

.spaces-chat-placement-send.is-ready{
    background: var(--space-primary-fill-beta, #1aa73f);
}

.spaces-chat-placement-icon-btn > img,
.spaces-chat-placement-send > img{
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    max-width: none;
    object-fit: contain;
}

body:not(.is-new-chat-placement-option4):not(.is-new-chat-placement-option5) .spaces-inline-copilot:not(.is-dock-composer),
body:not(.is-new-chat-placement-option4):not(.is-new-chat-placement-option5) .spaces-inline-copilot-editor,
body:not(.is-new-chat-placement-option4) [data-option4-suggestions-settings],
body:not(.is-new-chat-placement-option5) [data-option5-placement-hint],
body:not(.is-new-chat-placement-option5-1) [data-option51-placement-hint],
body:not(.is-new-chat-placement-option5-2) [data-option52-placement-hint],
body:not(.is-new-chat-placement-option5-3) [data-option53-placement-hint],
body:not(.is-new-chat-placement-option5-4) [data-option54-placement-hint],
body:not(.is-new-chat-placement-option5-2):not(.is-new-chat-placement-option5-4) [data-option52-tools-toggle],
body.is-new-chat-placement-option5-1 [data-option5-placement-hint],
body.is-new-chat-placement-option5-2 [data-option5-placement-hint],
body.is-new-chat-placement-option5-3 [data-option5-placement-hint],
body.is-new-chat-placement-option5-4 [data-option5-placement-hint],
body.is-new-chat-placement-option5-2 [data-option51-placement-hint],
body.is-new-chat-placement-option4.is-listing-studio-open .spaces-inline-copilot:not(.is-dock-composer),
body.is-new-chat-placement-option5.is-listing-studio-open .spaces-inline-copilot:not(.is-dock-composer){
    display: none !important;
}

/* Option 5.3 hint removed — keep override so it never shows */
body.is-new-chat-placement-option5-3 .spaces-profiles-popover [data-option53-placement-hint]{
    display: none !important;
}

body.is-new-chat-placement-option5-4 .spaces-profiles-popover [data-option54-placement-hint]{
    display: flex !important;
}

body.is-new-chat-placement-option4 .spaces-collections-controls [data-collections-search-field],
body.is-new-chat-placement-option5 .spaces-collections-controls [data-collections-search-field]{
    display: none !important;
}

body.is-new-chat-placement-option4 .spaces-collections.is-content-search-profile .spaces-collections-header h2,
body.is-new-chat-placement-option5 .spaces-collections.is-content-search-profile .spaces-collections-header h2{
    display: block;
}

body.is-new-chat-placement-option4 .spaces-collections-header,
body.is-new-chat-placement-option5 .spaces-collections-header{
    justify-content: space-between;
}

body.is-new-chat-placement-option4 .spaces-collections-controls,
body.is-new-chat-placement-option5 .spaces-collections-controls,
body.is-new-chat-placement-option4 .spaces-collections.is-content-search-profile .spaces-collections-controls,
body.is-new-chat-placement-option5 .spaces-collections.is-content-search-profile .spaces-collections-controls{
    width: auto;
    margin-left: auto;
    justify-content: flex-end;
}

body.is-new-chat-placement-option5 .spaces-option5-create{
    margin: 40px 0 0;
}

body.is-new-chat-placement-option5 .spaces-option5-create .spaces-quick-actions{
    margin-top: 0;
}

body.is-new-chat-placement-option4 .spaces-space-copilot,
body.is-new-chat-placement-option5 .spaces-space-copilot{
    margin-top: 40px;
}

body.is-new-chat-placement-option5 .spaces-collections{
    margin-top: 44px;
}

body.is-new-chat-placement-option4 .spaces-main-content.is-collections-type-tabs .spaces-space-copilot,
body.is-new-chat-placement-option5 .spaces-main-content.is-collections-type-tabs .spaces-space-copilot{
    display: block;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-composer-suggestions,
body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-continue,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-composer-suggestions,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-continue{
    display: none !important;
}

body.is-new-chat-placement-option4 .spaces-main-content.is-home-page .spaces-home:not(.is-centered-chat),
body.is-new-chat-placement-option5 .spaces-main-content.is-home-page .spaces-home:not(.is-centered-chat){
    width: min(100%, 880px);
    max-width: 880px;
    justify-content: center;
    padding: 28px 24px 40px;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-composer-hero,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-composer-hero{
    align-items: center;
    width: 100%;
    gap: 0;
    overflow: visible;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-composer-mark,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-composer-mark{
    display: block;
    width: 56px;
    height: 56px;
    margin: 0;
    /* Keep mark neutral gray even if a colored asset is cached. */
    filter: brightness(0) saturate(100%) invert(62%);
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-composer-hero > h1,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-composer-hero > h1{
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 16px 0 0;
    font: 500 28px/36px "Open Sans", Arial, sans-serif;
    letter-spacing: -.45px;
    text-align: center;
}

body.is-role-placement-option2.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-composer-hero > h1,
body.is-role-placement-option2.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-composer-hero > h1{
    margin-top: 4px;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-title-space,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-title-space{
    display: inline;
    margin: 0;
    padding: 0 0 1px;
    border: 0;
    border-bottom: 1px solid rgba(28, 28, 28, .28);
    border-radius: 0;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    background: transparent;
    cursor: pointer;
    vertical-align: baseline;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-title-space:hover,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-title-space:hover,
body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-title-space:focus-visible,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-title-space:focus-visible{
    outline: 0;
    border-bottom-color: rgba(28, 28, 28, .45);
}

body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-composer-scope-menu.is-title-anchored{
    z-index: 40;
    min-width: 280px;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 12px 32px rgba(0, 0, 0, .12);
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-composer,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-composer{
    width: 100%;
    max-width: 645px;
    min-height: 0;
    margin-top: 28px;
    padding: 12px 16px 8px;
    gap: 8px;
    justify-content: flex-start;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 6px 20px rgba(0, 0, 0, .05);
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-composer-toolbar,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-composer-toolbar{
    margin-top: 8px;
    margin-bottom: 0;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-inline-copilot-chips,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-inline-copilot-chips{
    gap: 8px;
}

body.is-new-chat-placement-option4 .spaces-home.is-centered-chat .spaces-home-composer,
body.is-new-chat-placement-option5 .spaces-home.is-centered-chat .spaces-home-composer{
    position: relative;
    bottom: auto;
    z-index: 5;
    isolation: auto;
    align-self: center;
    width: 100%;
    max-width: 776px;
    min-height: 128px;
    margin: 0;
    padding: 20px 16px 16px;
    background: #fff;
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: 16px;
    box-shadow:
        0 24px 52px rgba(109, 151, 120, .1),
        0 95px 95px rgba(109, 151, 120, .09),
        0 213px 128px rgba(109, 151, 120, .05),
        0 378px 151px rgba(109, 151, 120, .01);
}

body.is-new-chat-placement-option5 .spaces-home.is-centered-chat .spaces-home-composer-mode-chevron{
    display: none !important;
}

body.is-new-chat-placement-option5 .spaces-home.is-centered-chat .spaces-home-composer-hero{
    overflow: hidden;
}

body.is-new-chat-placement-option5 .spaces-home.is-centered-chat .spaces-home-composer > .spaces-inline-copilot-bar-fill,
body.is-new-chat-placement-option5 .spaces-home.is-centered-chat .spaces-home-composer::before,
body.is-new-chat-placement-option5 .spaces-home.is-centered-chat .spaces-home-composer::after{
    display: none !important;
    content: none;
}

body.is-new-chat-placement-option4 .spaces-home .spaces-home-composer:focus-within,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer:focus-within{
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer:focus-within{
    border-color: transparent;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 10px 28px rgba(138, 180, 248, .18),
        0 14px 36px rgba(197, 138, 249, .12);
}

body.is-new-chat-placement-option4 .spaces-home.is-centered-chat .spaces-home-composer:focus-within,
body.is-new-chat-placement-option5 .spaces-home.is-centered-chat .spaces-home-composer:focus-within{
    border-color: var(--neutral-text-on-alpha, #e9e9e9);
    box-shadow:
        0 24px 52px rgba(109, 151, 120, .1),
        0 95px 95px rgba(109, 151, 120, .09),
        0 213px 128px rgba(109, 151, 120, .05),
        0 378px 151px rgba(109, 151, 120, .01);
}

body.is-new-chat-placement-option4 .spaces-home.is-centered-chat .spaces-home-composer-toolbar,
body.is-new-chat-placement-option5 .spaces-home.is-centered-chat .spaces-home-composer-toolbar{
    margin-top: 12px;
}

body.is-new-chat-placement-option4 .spaces-home .spaces-home-composer-mode-chevron,
body.is-new-chat-placement-option4 .spaces-home .spaces-home-composer-scope-clear,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer-mode-chevron,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer-scope-clear,
body.is-new-chat-placement-option4 .spaces-inline-copilot .spaces-home-composer-scope-clear,
body.is-new-chat-placement-option5 .spaces-inline-copilot .spaces-home-composer-scope-clear{
    display: none !important;
}

body.is-new-chat-placement-option4 .spaces-inline-copilot .spaces-home-composer-mode,
body.is-new-chat-placement-option5 .spaces-inline-copilot .spaces-home-composer-mode{
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

body.is-new-chat-placement-option4 .spaces-inline-copilot .spaces-home-composer-mode-chevron,
body.is-new-chat-placement-option5 .spaces-inline-copilot .spaces-home-composer-mode-chevron{
    display: block !important;
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    opacity: .7;
}

body.is-new-chat-placement-option4 .spaces-home .spaces-home-composer-scope,
body.is-new-chat-placement-option4 .spaces-home .spaces-home-composer-mode,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer-scope,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer-mode,
body.is-new-chat-placement-option4 .spaces-inline-copilot .spaces-home-composer-scope,
body.is-new-chat-placement-option4 .spaces-inline-copilot .spaces-home-composer-mode,
body.is-new-chat-placement-option5 .spaces-inline-copilot .spaces-home-composer-scope,
body.is-new-chat-placement-option5 .spaces-inline-copilot .spaces-home-composer-mode{
    height: auto;
    padding: 0;
}

body.is-new-chat-placement-option4 .spaces-home .spaces-home-composer-scope,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer-scope,
body.is-new-chat-placement-option4 .spaces-inline-copilot .spaces-home-composer-scope,
body.is-new-chat-placement-option5 .spaces-inline-copilot .spaces-home-composer-scope{
    gap: 12px;
    max-width: none;
}

body.is-new-chat-placement-option4 .spaces-home .spaces-home-composer-scope-label,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer-scope-label,
body.is-new-chat-placement-option4 .spaces-inline-copilot .spaces-home-composer-scope-label,
body.is-new-chat-placement-option5 .spaces-inline-copilot .spaces-home-composer-scope-label{
    color: var(--text-alpha, #1c1c1c);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

body.is-new-chat-placement-option4 .spaces-home .spaces-home-composer-mode,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer-mode,
body.is-new-chat-placement-option4 .spaces-inline-copilot .spaces-home-composer-mode,
body.is-new-chat-placement-option5 .spaces-inline-copilot .spaces-home-composer-mode{
    color: var(--neutral-text-alpha, #393939);
}

body.is-new-chat-placement-option4 .spaces-home .spaces-home-composer-scope-icon > .spaces-home-space-initial,
body.is-new-chat-placement-option4 .spaces-home .spaces-home-composer-scope-icon > .spaces-no-space-icon,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer-scope-icon > .spaces-home-space-initial,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer-scope-icon > .spaces-no-space-icon,
body.is-new-chat-placement-option4 .spaces-inline-copilot .spaces-home-composer-scope-icon > .spaces-home-space-initial,
body.is-new-chat-placement-option4 .spaces-inline-copilot .spaces-home-composer-scope-icon > .spaces-no-space-icon,
body.is-new-chat-placement-option5 .spaces-inline-copilot .spaces-home-composer-scope-icon > .spaces-home-space-initial,
body.is-new-chat-placement-option5 .spaces-inline-copilot .spaces-home-composer-scope-icon > .spaces-no-space-icon{
    border: 1px solid rgba(0, 0, 0, .04);
    border-radius: 6px;
}

body.is-new-chat-placement-option4 .spaces-home .spaces-home-composer-scope-icon > .spaces-no-space-icon,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer-scope-icon > .spaces-no-space-icon,
body.is-new-chat-placement-option4 .spaces-inline-copilot .spaces-home-composer-scope-icon > .spaces-no-space-icon,
body.is-new-chat-placement-option5 .spaces-inline-copilot .spaces-home-composer-scope-icon > .spaces-no-space-icon{
    background: #dedede;
}

body.is-new-chat-placement-option4 .spaces-home .spaces-home-composer-scope-icon > .spaces-home-space-initial,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer-scope-icon > .spaces-home-space-initial,
body.is-new-chat-placement-option4 .spaces-inline-copilot .spaces-home-composer-scope-icon > .spaces-home-space-initial,
body.is-new-chat-placement-option5 .spaces-inline-copilot .spaces-home-composer-scope-icon > .spaces-home-space-initial{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, .76);
    font: 700 11px/1 "Open Sans", Arial, sans-serif;
    text-align: center;
}

body.is-new-chat-placement-option4 .spaces-home.is-centered-chat .spaces-home-composer-hero,
body.is-new-chat-placement-option5 .spaces-home.is-centered-chat .spaces-home-composer-hero{
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    overflow: hidden;
}

body.is-new-chat-placement-option4 .spaces-home.is-centered-chat .spaces-home-chat-header,
body.is-new-chat-placement-option5 .spaces-home.is-centered-chat .spaces-home-chat-header{
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding: 12px 48px;
    border-bottom: 0;
}

body.is-editor-with-chat.is-new-chat-placement-option4 .spaces-home.is-editor-split-chat .spaces-home-chat-header,
body.is-editor-with-chat.is-new-chat-placement-option5 .spaces-home.is-editor-split-chat .spaces-home-chat-header,
body.is-floor-plan-with-chat.is-new-chat-placement-option5 .spaces-home.is-editor-split-chat .spaces-home-chat-header{
    padding: 8px 8px 8px 16px !important;
}

body.is-new-chat-placement-option5 .spaces-home.is-centered-chat .spaces-home-composer-mode::before,
body.is-new-chat-placement-option5 .spaces-home .spaces-home-composer-mode::before{
    content: none;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) [data-home-option4-chips]:not([hidden]),
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) [data-home-option4-chips]:not([hidden]){
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    max-width: 645px;
    margin-top: 16px;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row [data-home-option4-chips],
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row [data-home-option4-chips]{
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin-top: 0;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) [data-home-option4-chips]:not([hidden])::-webkit-scrollbar,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) [data-home-option4-chips]:not([hidden])::-webkit-scrollbar{
    display: none;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) [data-home-option4-chips] .spaces-inline-copilot-chip,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) [data-home-option4-chips] .spaces-inline-copilot-chip{
    flex: 0 0 auto;
}

.spaces-home.is-centered-chat [data-home-option4-chips],
.spaces-home.is-centered-chat .spaces-home-chips-row,
body:not(.is-new-chat-placement-option4):not(.is-new-chat-placement-option5) [data-home-option4-chips],
body:not(.is-new-chat-placement-option4):not(.is-new-chat-placement-option5) .spaces-home-chips-row{
    display: none !important;
}

/* Option 5: Copilot card — taller input, chips live inside the white plate */
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-space-copilot .spaces-inline-copilot{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    min-height: 0;
    margin: 0 0 24px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-space-copilot .spaces-inline-copilot:focus-within{
    border-color: transparent;
    box-shadow: none;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar{
    position: relative;
    z-index: 0;
    isolation: isolate;
    overflow: visible;
    display: flex;
    flex-direction: column;
    order: 1;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    min-height: 128px;
    padding: 16px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 16px;
    background: transparent;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 8px 24px rgba(0, 0, 0, .06);
    transition:
        border-color .25s ease,
        box-shadow .35s ease;
}

/* White plate sits ABOVE the glow (z-index -1 paints on top of an element's own background) */
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar-fill{
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    background: #fff;
    pointer-events: none;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar > *:not(.spaces-inline-copilot-bar-fill){
    position: relative;
    z-index: 2;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar::before,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar::after{
    content: "";
    position: absolute;
    z-index: 0;
    border-radius: 19px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .35s ease;
}

/* Soft multi-color glow under the white plate */
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar::before{
    inset: -4px;
    border-radius: 20px;
    background: conic-gradient(
        from var(--spaces-ai-hover-angle, 0deg),
        #a8c7fa,
        #d7aefb,
        #f6aea9,
        #fde293,
        #a8dab5,
        #a8c7fa
    );
    filter: blur(8px);
    opacity: .28;
    animation: spaces-ai-mode-spin 4s linear infinite;
}

/* Animated gradient stroke around the white plate */
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar::after{
    inset: -2px;
    border-radius: 18px;
    background: conic-gradient(
        from var(--spaces-ai-hover-angle, 0deg),
        #8ab4f8,
        #c58af9,
        #f28b82,
        #fdd663,
        #81c995,
        #8ab4f8
    );
    padding: 2px;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    filter: none;
    opacity: 1;
    animation: spaces-ai-mode-spin 4s linear infinite;
}

@keyframes spaces-ai-mode-spin{
    to{ --spaces-ai-hover-angle: 360deg; }
}

@property --spaces-ai-hover-angle{
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar:hover,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar:focus-within{
    border-color: transparent;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 8px 24px rgba(0, 0, 0, .06);
}

/* Option 5.3: rainbow only on hover (not always on) */
body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar{
    border-color: rgba(0, 0, 0, .06);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 6px 20px rgba(0, 0, 0, .05);
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar::before,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar::after{
    opacity: 0;
    animation: none;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar:hover,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar:focus-within{
    border-color: transparent;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 8px 24px rgba(0, 0, 0, .06);
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar:hover::before,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar:focus-within::before{
    opacity: .28;
    animation: spaces-ai-mode-spin 4s linear infinite;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar:hover::after,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar:focus-within::after{
    opacity: 1;
    animation: spaces-ai-mode-spin 4s linear infinite;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar.is-halo-off:hover::before,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar.is-halo-off:hover::after,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar.is-halo-off:focus-within::before,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-3 .spaces-inline-copilot-bar.is-halo-off:focus-within::after{
    opacity: 0 !important;
    animation: none !important;
}

@media (prefers-reduced-motion: reduce){
    body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar::before,
    body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar::after,
    body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer::before,
    body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer::after,
    body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer:hover::before,
    body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer:focus-within::before,
    body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer:hover::after,
    body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer:focus-within::after{
        animation: none;
    }
}

/* Same AI halo on Home composer as the in-space Option 5 field */
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer{
    isolation: isolate;
    overflow: visible;
    background: transparent;
    transition: border-color .25s ease, box-shadow .35s ease;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer > .spaces-inline-copilot-bar-fill{
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    background: #fff;
    pointer-events: none;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer > *:not(.spaces-inline-copilot-bar-fill){
    position: relative;
    z-index: 2;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer::before,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer::after{
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .35s ease;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer::before{
    inset: -6px;
    border-radius: 22px;
    background: conic-gradient(
        from var(--spaces-ai-hover-angle, 0deg),
        #a8c7fa,
        #d7aefb,
        #f6aea9,
        #fde293,
        #a8dab5,
        #a8c7fa
    );
    filter: blur(10px);
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer::after{
    inset: -2px;
    border-radius: 18px;
    background: conic-gradient(
        from var(--spaces-ai-hover-angle, 0deg),
        #8ab4f8,
        #c58af9,
        #f28b82,
        #fdd663,
        #81c995,
        #8ab4f8
    );
    padding: 2px;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    filter: none;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer{
    border-color: rgba(0, 0, 0, .08);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 6px 20px rgba(0, 0, 0, .05);
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer:hover,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer:focus-within{
    border-color: transparent;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 10px 28px rgba(138, 180, 248, .18),
        0 14px 36px rgba(197, 138, 249, .12);
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer:hover::before,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer:focus-within::before{
    opacity: .42;
    animation: spaces-ai-mode-spin 4s linear infinite;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer:hover::after,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer:focus-within::after{
    opacity: 1;
    animation: spaces-ai-mode-spin 4s linear infinite;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-soft-star{
    display: none !important;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-field{
    flex: 1 1 auto;
    order: 1;
    min-width: 0;
    min-height: 48px;
    gap: 0;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-placeholder{
    display: inline-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
    color: var(--text-gamma, #919191);
    pointer-events: none;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-placeholder[hidden]{
    display: none !important;
}

body.is-new-chat-placement-option5 .spaces-inline-copilot-placeholder .spaces-home-composer-placeholder-rotate,
body.is-new-chat-placement-option5 .spaces-inline-copilot-placeholder [data-home-composer-placeholder-rotate]{
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-input-wrap{
    min-height: 48px;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-input-wrap > textarea{
    position: relative;
    z-index: 1;
    min-height: 48px;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot .spaces-home-composer-mode::before{
    content: none;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-at{
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-toolbar{
    flex: 0 0 auto;
    order: 2;
    width: 100%;
    margin-top: 0;
    gap: 0;
}

/* Option 5 home: hide attach row. Space page re-shows + via end-of-file override. */
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-toolbar-left{
    display: none !important;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-toolbar-right{
    gap: 12px;
    margin-left: auto;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot .spaces-home-composer-mode{
    display: inline-flex;
    align-items: center;
    gap: 2px;
    height: auto;
    padding: 8px 0;
    color: var(--neutral-text-alpha, #393939);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot .spaces-home-composer-mode-chevron{
    display: none !important;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-chips{
    position: relative;
    z-index: 4;
    isolation: isolate;
    order: 3;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-chips::-webkit-scrollbar{
    display: none;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-inline-copilot-chips{
    position: relative;
    z-index: 4;
    isolation: isolate;
    margin: 16px 0 0;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-chips-row .spaces-inline-copilot-chips{
    margin: 0;
}

/* Composer isolation keeps the halo behind the chips. While a menu is open, lift the field so the menu paints on top of the chips / role switch instead of sliding under them. */
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat):has(.spaces-home-composer-scope-menu:not([hidden])) .spaces-home-composer,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat):has(.spaces-home-composer-mode-menu:not([hidden])) .spaces-home-composer,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat):has(.spaces-home-composer-attach-menu:not([hidden])) .spaces-home-composer,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot:has(.spaces-home-composer-scope-menu:not([hidden])) .spaces-inline-copilot-bar,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot:has(.spaces-home-composer-mode-menu:not([hidden])) .spaces-inline-copilot-bar,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot:has(.spaces-home-composer-attach-menu:not([hidden])) .spaces-inline-copilot-bar{
    position: relative;
    z-index: 30;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat):has(.spaces-home-composer-scope-menu:not([hidden])) .spaces-inline-copilot-chips,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot:has(.spaces-home-composer-scope-menu:not([hidden])) .spaces-inline-copilot-chips,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat):has(.spaces-home-composer-scope-menu:not([hidden])) .spaces-home-chips-row,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat):has(.spaces-home-composer-mode-menu:not([hidden])) .spaces-home-chips-row,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat):has(.spaces-home-composer-attach-menu:not([hidden])) .spaces-home-chips-row,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat):has(.spaces-home-composer-scope-menu:not([hidden])) .spaces-home-role-switch,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat):has(.spaces-home-composer-mode-menu:not([hidden])) .spaces-home-role-switch,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat):has(.spaces-home-composer-attach-menu:not([hidden])) .spaces-home-role-switch{
    position: relative;
    z-index: 1;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-chip,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-chip:hover,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-chip:focus,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-chip:focus-visible,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-chip:active{
    isolation: isolate;
    -webkit-appearance: none !important;
    appearance: none !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    background-clip: padding-box;
    opacity: 1;
    box-shadow: 0 0 0 1px var(--bg-beta, #f3f3f3);
}

body.is-new-chat-placement-option5 .spaces-inline-copilot{
    border-color: rgba(0, 0, 0, .1);
    box-shadow: none;
}

body.is-new-chat-placement-option5 .spaces-inline-copilot:focus-within{
    border-color: rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer:focus-within{
    border-color: transparent;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 6px 20px rgba(0, 0, 0, .05);
}

body.is-new-chat-placement-option5 .spaces-home.is-centered-chat .spaces-home-composer:focus-within{
    border-color: rgba(0, 0, 0, .08);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 6px 20px rgba(0, 0, 0, .05);
}

/* Option 5.1: My Home + Copilot as separate white cards */
body.is-new-chat-placement-option5-1 .spaces-wrap > main.get-started-main .spaces-info-wrap,
body.is-new-chat-placement-option5-1 .spaces-info-wrap{
    height: auto;
    min-height: 128px;
    box-sizing: border-box;
    padding: 16px;
    overflow: visible;
    border-radius: 20px;
    background: #fff;
    box-shadow:
        0 0 0 .5px rgba(0, 0, 0, .04),
        0 4px 10px rgba(0, 0, 0, .08);
}

body.is-new-chat-placement-option5-1 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-img{
    top: 16px;
    left: 16px;
}

body.is-new-chat-placement-option5-1 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-name-dropdown-wrap{
    top: 27px;
    left: 136px;
}

body.is-new-chat-placement-option5-1 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags{
    top: 71px;
    left: 136px;
    max-width: calc(100% - 152px);
}

body.is-new-chat-placement-option5-1 .spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-info-img{
    top: 16px;
}

body.is-new-chat-placement-option5-1 .spaces-info-wrap .spaces-option5-create{
    position: relative;
    z-index: 1;
    margin: 108px 0 0;
}

body.is-new-chat-placement-option5-1 .spaces-info-wrap .spaces-option5-create .spaces-quick-actions{
    margin-top: 0;
}

body.is-new-chat-placement-option5-1 .spaces-space-copilot{
    margin-top: 16px;
    padding: 0;
    background: transparent;
}

body.is-new-chat-placement-option5-1 .spaces-inline-copilot,
body.is-new-chat-placement-option5-1 .spaces-home:not(.is-centered-chat) .spaces-home-composer{
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: 16px;
    background: #fff;
    box-shadow:
        0 0 0 .5px rgba(0, 0, 0, .04),
        0 4px 10px rgba(0, 0, 0, .08);
}

body.is-new-chat-placement-option5-1 .spaces-space-copilot .spaces-inline-copilot{
    border-color: var(--neutral-text-on-alpha, #e9e9e9);
    box-shadow:
        0 0 0 .5px rgba(0, 0, 0, .04),
        0 2px 3px rgba(0, 0, 0, .1);
}

body.is-new-chat-placement-option5-1 .spaces-space-copilot .spaces-inline-copilot:focus-within{
    border-color: var(--neutral-text-on-alpha, #e9e9e9);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}

/* Option 5.2: chat owns intent — Ask chips inside composer, tools under chat */
body.is-new-chat-placement-option5-2 .spaces-wrap > main.get-started-main .spaces-info-wrap,
body.is-new-chat-placement-option5-2 .spaces-info-wrap{
    height: auto;
    min-height: 128px;
    box-sizing: border-box;
    padding: 16px;
    overflow: visible;
    border-radius: 20px;
    background: #fff;
    box-shadow:
        0 0 0 .5px rgba(0, 0, 0, .04),
        0 4px 10px rgba(0, 0, 0, .08);
}

body.is-new-chat-placement-option5-2 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-img{
    top: 16px;
    left: 16px;
}

body.is-new-chat-placement-option5-2 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-name-dropdown-wrap{
    top: 27px;
    left: 136px;
}

body.is-new-chat-placement-option5-2 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags{
    top: 71px;
    left: 136px;
    max-width: calc(100% - 152px);
}

body.is-new-chat-placement-option5-2 .spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-info-img{
    top: 16px;
}

body.is-new-chat-placement-option5-2 .spaces-info-wrap .spaces-space-copilot{
    position: relative;
    z-index: 1;
    margin: 108px 0 0;
    padding: 0;
    background: transparent;
}

body.is-new-chat-placement-option5-2 .spaces-info-wrap .spaces-inline-copilot{
    margin: 0;
    min-height: 168px;
    padding: 14px 16px 12px;
    gap: 12px;
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
}

body.is-new-chat-placement-option5-2 .spaces-info-wrap .spaces-inline-copilot:focus-within{
    border-color: var(--neutral-text-on-alpha, #e9e9e9);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot-chips{
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot-chips::-webkit-scrollbar{
    display: none;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot-ask-label{
    flex: 0 0 auto;
    color: var(--text-gamma, #919191);
    font: 600 11px/16px "Open Sans", Arial, sans-serif;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot-chip{
    height: 32px;
    gap: 8px;
    padding: 6px 12px;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: none;
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot-more{
    flex: 0 0 auto;
    height: 32px;
    padding: 0 4px;
    border: 0;
    color: #2a9aa4;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
    background: transparent;
    cursor: pointer;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot-more:hover,
body.is-new-chat-placement-option5-2 .spaces-inline-copilot-more:focus-visible{
    outline: 0;
    text-decoration: underline;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot-placeholder{
    white-space: normal;
    font: 400 15px/22px "Open Sans", Arial, sans-serif;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot .spaces-home-composer-scope{
    height: 36px;
    max-width: none;
    padding: 0 10px 0 6px;
    gap: 8px;
    border-radius: 100px;
    color: #fff;
    background: #2f6bff;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot .spaces-home-composer-scope-label{
    color: #fff;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot .spaces-home-composer-scope-icon > .spaces-home-space-initial,
body.is-new-chat-placement-option5-2 .spaces-inline-copilot .spaces-home-composer-scope-icon > .spaces-no-space-icon{
    border: 0;
    border-radius: 50%;
    color: #2f6bff;
    background: #fff;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot .spaces-home-composer-scope-chevron{
    display: block;
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    filter: brightness(0) invert(1);
    opacity: .9;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot .spaces-home-composer-mode{
    height: 36px;
    padding: 0 8px;
    gap: 4px;
    border-radius: 100px;
    color: var(--neutral-text-alpha, #393939);
}

body.is-new-chat-placement-option5-2 .spaces-home-composer-mode-prefix{
    display: inline;
    color: var(--text-gamma, #919191);
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot-send{
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 50%;
    background: var(--space-primary-fill-beta, #1aa73f);
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot-send img{
    filter: brightness(0) invert(1);
}

body.is-new-chat-placement-option5-2 .spaces-option5-create{
    margin: 20px 0 0;
    padding-top: 16px;
    border-top: 1px solid rgba(0, 0, 0, .06);
}

body.is-new-chat-placement-option5-2 .spaces-option52-tools-label{
    margin: 0;
    color: var(--text-gamma, #919191);
    font: 600 11px/16px "Open Sans", Arial, sans-serif;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.is-new-chat-placement-option5-2 .spaces-option5-create .spaces-quick-actions{
    margin-top: 0;
}

body.is-new-chat-placement-option5-2 .spaces-option5-create .spaces-quick-actions-divider,
body.is-new-chat-placement-option5-2 .spaces-option5-create .get-started-panel-button.create,
body.is-new-chat-placement-option5-2 .spaces-option5-create .get-started-panel-button.smart-wizard,
body.is-new-chat-placement-option5-2 .spaces-option5-create .get-started-panel-button.moodboard{
    display: none !important;
}

/* Option 5.4: Space page — compact header grouping, tools under chat */
body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-main-content:not(.is-home-page):not(.is-listing-studio-page):not(.is-floor-plan-studio-page),
body.is-new-chat-placement-option5-4 .spaces-main-content.is-inside-layout-v4,
body.is-new-chat-placement-option5-4 .spaces-main-content.is-collections-compact{
    padding-top: 20px;
    padding-bottom: 48px;
}

body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-info-wrap,
body.is-new-chat-placement-option5-4 .spaces-info-wrap{
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: 16px;
    row-gap: 6px;
    align-items: center;
    height: auto;
    min-height: 0;
    margin: 0 0 24px;
    padding: 0;
}

/* Keep Space header hidden on Home (composer hero) and All spaces — only show on a single Space page */
body.is-new-chat-placement-option5-4 .spaces-main-content.is-home-page > .spaces-info-wrap,
body.is-new-chat-placement-option5-4 .spaces-main-content.is-all-spaces-page > .spaces-info-wrap,
body.is-new-chat-placement-option5-4 .spaces-main-content.is-all-spaces-page .spaces-info-wrap{
    display: none !important;
}

body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-img{
    position: relative;
    inset: auto;
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
    width: 72px;
    height: 72px;
    border-radius: 14px;
}

body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-name-dropdown-wrap{
    position: relative;
    top: auto;
    left: auto;
    grid-column: 2;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
}

body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-space-name{
    max-width: none;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.3px;
}

body.is-new-chat-placement-option5-4 .spaces-info-more{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    opacity: .55;
}

body.is-new-chat-placement-option5-4 .spaces-info-more:hover,
body.is-new-chat-placement-option5-4 .spaces-info-more:focus-visible{
    opacity: 1;
    background: rgba(0, 0, 0, .04);
}

body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags{
    position: relative;
    top: auto;
    left: auto;
    grid-column: 2;
    grid-row: 2;
    max-width: 100%;
    gap: 8px;
}

body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags .spaces-info-additional-tag{
    height: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
    background: transparent;
}

body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tags .spaces-info-additional-tag:first-child{
    padding: 0;
}

body.is-new-chat-placement-option5-4 .spaces-info-meta-plain{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--space-neutral-text-beta, #747474);
    font: 400 13px/18px "Open Sans", Arial, sans-serif;
}

body.is-new-chat-placement-option5-4 .spaces-info-meta-plain::before{
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
    opacity: .55;
}

body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-additional-tag-settings,
body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-info-tags-divider,
body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-button-edit{
    display: none !important;
}

body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-share-block{
    position: relative;
    top: auto;
    left: auto;
    grid-column: 3;
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    align-self: center;
}

body.is-new-chat-placement-option5-4 .spaces-info-avatars{
    display: inline-flex;
    align-items: center;
}

body.is-new-chat-placement-option5-4 .spaces-info-avatars > span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: -8px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font: 600 11px/1 "Open Sans", Arial, sans-serif;
    box-sizing: border-box;
}

body.is-new-chat-placement-option5-4 .spaces-info-avatars > span:first-child{
    margin-left: 0;
}

body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main .spaces-info-wrap .spaces-button-share{
    gap: 4px;
    height: 32px;
    padding: 6px 12px;
    border: 1px solid var(--space-neutral-border-alpha, rgba(0, 0, 0, .09));
    border-radius: 100px;
    background: #fff;
}

body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-info-img,
body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-name-dropdown-wrap,
body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-info-additional-tags,
body.is-new-chat-placement-option5-4 .spaces-wrap > main.get-started-main.is-space-header-centered .spaces-info-wrap .spaces-share-block{
    left: auto;
}

body.is-new-chat-placement-option5-4 .spaces-space-copilot{
    margin: 0 0 24px;
}

/* Option 5.4: white chat plate = field + toolbar; suggestions sit under the plate */
/* Option 5.4: chips sit INSIDE the white plate, at the top */
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot:focus-within{
    border-color: transparent !important;
    box-shadow: none !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar{
    position: relative !important;
    z-index: 0 !important;
    isolation: isolate !important;
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 8px 24px rgba(0, 0, 0, .06) !important;
    overflow: visible !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar-fill{
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    border-radius: inherit !important;
    background: #fff !important;
    pointer-events: none !important;
    opacity: 1 !important;
    content: none !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar > *:not(.spaces-inline-copilot-bar-fill){
    position: relative !important;
    z-index: 2 !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar::before,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar::after{
    display: block !important;
    content: "" !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar::before{
    opacity: .28 !important;
    animation: spaces-ai-mode-spin 4s linear infinite !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar::after{
    opacity: 1 !important;
    animation: spaces-ai-mode-spin 4s linear infinite !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-field{
    order: 2 !important;
    min-height: 28px !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-input-wrap,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-input-wrap > textarea{
    min-height: 28px !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-toolbar{
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 0 !important;
}

/* Option 5 hides the left tools — bring + back on Space page (5.4). */
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-toolbar-left{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-toolbar-left .spaces-home-composer-scope-wrap{
    display: none !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-toolbar-right{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-chips{
    position: relative !important;
    z-index: 2 !important;
    order: 1 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto;
    scrollbar-width: none;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-chips::-webkit-scrollbar{
    display: none;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-inline-copilot-ask-label{
    display: none !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-chip{
    height: 32px !important;
    gap: 8px !important;
    padding: 6px 12px !important;
    border: 1px solid rgba(0, 0, 0, .08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08) !important;
    font: 400 13px/18px "Open Sans", Arial, sans-serif !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-chip:hover,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-chip:focus-visible{
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12) !important;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot-chip-icon.is-rose,
body.is-new-chat-placement-option5-2 .spaces-inline-copilot-chip-icon.is-lilac,
body.is-new-chat-placement-option5-2 .spaces-inline-copilot-chip-icon.is-lime,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-inline-copilot-chip-icon.is-rose,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-inline-copilot-chip-icon.is-lilac,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-inline-copilot-chip-icon.is-lime{
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 4px !important;
}

body.is-new-chat-placement-option5-2 .spaces-inline-copilot-chip-icon.is-rose > img,
body.is-new-chat-placement-option5-2 .spaces-inline-copilot-chip-icon.is-lilac > img,
body.is-new-chat-placement-option5-2 .spaces-inline-copilot-chip-icon.is-lime > img,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-inline-copilot-chip-icon.is-rose > img,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-inline-copilot-chip-icon.is-lilac > img,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-inline-copilot-chip-icon.is-lime > img{
    display: block;
    width: 12px;
    height: 12px;
    filter: none;
    opacity: 1;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-inline-copilot-more{
    flex: 0 0 auto;
    height: 32px;
    padding: 0 4px;
    border: 0;
    color: #2a9aa4;
    font: 600 13px/18px "Open Sans", Arial, sans-serif;
    background: transparent;
    cursor: pointer;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-inline-copilot-more:hover,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-inline-copilot-more:focus-visible{
    outline: 0;
    text-decoration: underline;
}

body.is-new-chat-placement-option5-4 .spaces-option5-create{
    margin: 0 0 28px;
    padding: 0;
    border-top: 0;
}

body.is-new-chat-placement-option5-2 .spaces-option52-tools-toggle,
body.is-new-chat-placement-option5-4 .spaces-option52-tools-toggle{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    max-width: 100%;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    color: var(--text-gamma, #919191);
    background: transparent;
    cursor: pointer;
}

body.is-new-chat-placement-option5-2 .spaces-option52-tools-toggle:hover,
body.is-new-chat-placement-option5-4 .spaces-option52-tools-toggle:hover,
body.is-new-chat-placement-option5-2 .spaces-option52-tools-toggle:focus-visible,
body.is-new-chat-placement-option5-4 .spaces-option52-tools-toggle:focus-visible{
    outline: 0;
    color: var(--space-neutral-text-alpha, #393939);
}

body.is-new-chat-placement-option5-4 .spaces-option52-tools-label{
    margin: 0;
    color: inherit;
    font: 600 11px/16px "Open Sans", Arial, sans-serif;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.is-new-chat-placement-option5-2 .spaces-option52-tools-chevron,
body.is-new-chat-placement-option5-4 .spaces-option52-tools-chevron{
    display: block;
    width: 12px;
    height: 12px;
    opacity: .7;
    transition: transform .18s ease;
}

body.is-new-chat-placement-option5-2 .spaces-option5-create.is-tools-collapsed .spaces-option52-tools-chevron,
body.is-new-chat-placement-option5-4 .spaces-option5-create.is-tools-collapsed .spaces-option52-tools-chevron{
    transform: rotate(-90deg);
}

body.is-new-chat-placement-option5-2 .spaces-option5-create.is-tools-collapsed .spaces-quick-actions,
body.is-new-chat-placement-option5-4 .spaces-option5-create.is-tools-collapsed .spaces-quick-actions{
    display: none !important;
}

body.is-new-chat-placement-option5-2 .spaces-option5-create.is-tools-collapsed,
body.is-new-chat-placement-option5-4 .spaces-option5-create.is-tools-collapsed{
    margin-bottom: 20px;
    padding-bottom: 0;
}

body.is-new-chat-placement-option5-4 .spaces-option5-create .spaces-quick-actions{
    margin-top: 0;
}

body.is-new-chat-placement-option5-4 .spaces-collections,
body.is-new-chat-placement-option5-4 .spaces-tabs,
body.is-new-chat-placement-option5-4 .spaces-inside-section{
    margin-top: 0;
}

.spaces-home-composer-mode-prefix{
    display: none;
}

.spaces-home-composer-scope-chevron{
    display: none;
}

.spaces-profile-option4-hint{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin: 10px 0 0;
    color: var(--space-neutral-text-beta, #575757);
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-profile-option4-hint button{
    height: 28px;
    padding: 0 10px;
    border: 1px solid var(--space-neutral-border-gamma, #00000017);
    border-radius: 100px;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
    background: #fff;
    cursor: pointer;
}

.spaces-inline-copilot{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: 100%;
    min-height: 185px;
    margin: 0 0 24px;
    padding: 20px 16px 16px;
    box-sizing: border-box;
    border: 1px solid var(--neutral-text-on-alpha, #e9e9e9);
    border-radius: var(--radius-large, 16px);
    background: var(--space-neutral-background-alpha, #fff);
    box-shadow: 0 0 0 .5px rgba(0, 0, 0, .04), 0 2px 3px rgba(0, 0, 0, .1);
}

.spaces-inline-copilot-bar{
    display: contents;
}

.spaces-inline-copilot-bar-fill{
    display: none;
}

.spaces-inline-copilot-soft-star{
    display: none;
}

.spaces-inline-copilot[hidden]{
    display: none !important;
}

.spaces-inline-copilot:focus-within{
    border-color: var(--neutral-text-on-alpha, #e9e9e9);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}

.spaces-inline-copilot-chips{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
}

.spaces-inline-copilot-chip{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    height: 40px;
    padding: 8px 16px;
    border: 1px solid var(--bg-beta, #f3f3f3);
    border-radius: var(--radius-round, 100px);
    color: var(--neutral-text-alpha, #393939);
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
    cursor: pointer;
}

.spaces-inline-copilot-chip[hidden]{
    display: none !important;
}

.spaces-inline-copilot-chip:hover,
.spaces-inline-copilot-chip:focus-visible{
    outline: 0;
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12);
}

.spaces-inline-copilot-chip-icon{
    position: relative;
    display: grid;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    border-radius: 8px;
    place-items: center;
}

.spaces-inline-copilot-chip-icon.is-rose{ background: var(--additional-rose, #fd92c9); }
.spaces-inline-copilot-chip-icon.is-lilac{ background: var(--additional-lilac, #d3aaff); }
.spaces-inline-copilot-chip-icon.is-lime{ background: var(--additional-lime, #aeea8f); }

.spaces-inline-copilot-chip-icon > img{
    display: block;
    width: 16px;
    height: 16px;
}

.spaces-inline-copilot-customize{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 32px;
    padding: 0 2px;
    border: 0;
    border-radius: 8px;
    color: var(--text-gamma, #919191);
    background: transparent;
    cursor: pointer;
}

.spaces-inline-copilot-customize:hover,
.spaces-inline-copilot-customize:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .04);
}

.spaces-inline-copilot-shortcut-key{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    border-radius: 5px;
    color: rgba(60, 60, 67, .6);
    font: 600 12px/1 "SF Pro Text", "Open Sans", Arial, sans-serif;
    background: #f2f2f7;
    box-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .08), 0 1px 0 rgba(0, 0, 0, .04);
}

.spaces-inline-copilot-field{
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    min-height: 24px;
}

.spaces-inline-copilot .spaces-home-composer-chips{
    margin: 0;
}

.spaces-inline-copilot .spaces-home-composer-attach-wrap,
.spaces-inline-copilot .spaces-home-composer-scope-wrap,
.spaces-inline-copilot .spaces-home-composer-mode-wrap{
    position: relative;
}

.spaces-inline-copilot-input-wrap{
    position: relative;
    display: block;
    width: 100%;
    min-height: 24px;
}

.spaces-inline-copilot textarea{
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 24px;
    max-height: 96px;
    margin: 0;
    padding: 0;
    overflow: auto;
    border: 0;
    outline: 0;
    resize: none;
    color: var(--space-neutral-text-alpha, #1c1c1c);
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
    background: transparent;
}

.spaces-inline-copilot-placeholder{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0;
    overflow: hidden;
    color: var(--text-gamma, #919191);
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-inline-copilot-placeholder[hidden]{
    display: none;
}

.spaces-inline-copilot-toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
}

.spaces-inline-copilot-toolbar-left,
.spaces-inline-copilot-toolbar-right{
    display: flex;
    align-items: center;
    min-width: 0;
}

.spaces-inline-copilot-toolbar-left{
    gap: 16px;
}

.spaces-inline-copilot-toolbar-right{
    gap: 12px;
}

.spaces-inline-copilot-icon-btn,
.spaces-inline-copilot-send{
    display: grid;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    padding: 6px;
    border: 0;
    border-radius: var(--radius-medium, 12px);
    box-sizing: border-box;
    cursor: pointer;
    place-items: center;
    background: transparent;
}

.spaces-inline-copilot-icon-frame{
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    overflow: hidden;
}

.spaces-inline-copilot-icon-frame > img,
.spaces-inline-copilot-send img{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-inline-copilot-send{
    background: var(--primary-fill-gamma, rgba(15, 255, 15, .19));
}

.spaces-inline-copilot-send.is-ready{
    background: var(--space-primary-fill-beta, #1aa73f);
}

.spaces-inline-copilot-space{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.spaces-inline-copilot-space-letter{
    display: grid;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, .04);
    border-radius: 6px;
    color: rgba(0, 0, 0, .76);
    font: 700 11px/20px "Open Sans", Arial, sans-serif;
    letter-spacing: -.11px;
    place-items: center;
    background: #aeea8f;
}

.spaces-inline-copilot-space-name{
    overflow: hidden;
    color: var(--text-alpha, #1c1c1c);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-inline-copilot-mode{
    color: var(--neutral-text-alpha, #393939);
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-inline-copilot-editor{
    position: fixed;
    z-index: 80;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(0, 0, 0, .35);
}

.spaces-inline-copilot-editor[hidden]{
    display: none !important;
}

.spaces-inline-copilot-editor-card{
    width: min(520px, 100%);
    max-height: min(80vh, 640px);
    overflow: auto;
    padding: 20px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(17, 17, 17, .18);
}

.spaces-inline-copilot-editor-card header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.spaces-inline-copilot-editor-card h3{
    margin: 0;
    font: 700 18px/24px "Open Sans", Arial, sans-serif;
}

.spaces-inline-copilot-editor-card header button{
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    font-size: 22px;
    line-height: 1;
    background: transparent;
    cursor: pointer;
}

.spaces-inline-copilot-editor-card > p{
    margin: 0 0 16px;
    color: #575757;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-inline-copilot-editor-row{
    display: grid;
    grid-template-columns: 1fr 1fr auto auto;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

.spaces-inline-copilot-editor-row input,
.spaces-inline-copilot-editor-row select{
    height: 36px;
    padding: 0 10px;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-inline-copilot-editor-row button{
    height: 36px;
    padding: 0 10px;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    background: #f3f3f3;
}

.spaces-inline-copilot-editor-add{
    margin: 8px 0 16px;
    padding: 0;
    border: 0;
    color: #1aa73f;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: transparent;
    cursor: pointer;
}

.spaces-inline-copilot-editor-actions{
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.spaces-inline-copilot-editor-actions button{
    height: 36px;
    padding: 0 14px;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: #fff;
    cursor: pointer;
}

.spaces-inline-copilot-editor-actions .is-primary{
    border: 0;
    color: #fff;
    background: #1aa73f;
}

/* Beat Safari/Chrome [type=button]{-webkit-appearance:button} gray fill */
button.spaces-inline-copilot-chip,
button.spaces-inline-copilot-chip:hover,
button.spaces-inline-copilot-chip:focus,
button.spaces-inline-copilot-chip:focus-visible,
button.spaces-inline-copilot-chip:active{
    -webkit-appearance: none !important;
    appearance: none !important;
    color-scheme: light;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2):not(.is-new-chat-placement-option5-4) button.spaces-inline-copilot-chip,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2):not(.is-new-chat-placement-option5-4) button.spaces-inline-copilot-chip:hover,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2):not(.is-new-chat-placement-option5-4) button.spaces-inline-copilot-chip:focus,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2):not(.is-new-chat-placement-option5-4) button.spaces-inline-copilot-chip:focus-visible,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2):not(.is-new-chat-placement-option5-4) button.spaces-inline-copilot-chip:active{
    isolation: isolate;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: 0 0 0 1px var(--bg-beta, #f3f3f3) !important;
}

body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row button.spaces-inline-copilot-chip,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row button.spaces-inline-copilot-chip,
body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row button.spaces-inline-copilot-chip:hover,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row button.spaces-inline-copilot-chip:hover,
body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row button.spaces-inline-copilot-chip:focus,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row button.spaces-inline-copilot-chip:focus,
body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row button.spaces-inline-copilot-chip:focus-visible,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row button.spaces-inline-copilot-chip:focus-visible,
body.is-new-chat-placement-option4 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row button.spaces-inline-copilot-chip:active,
body.is-new-chat-placement-option5 .spaces-home:not(.is-centered-chat) .spaces-home-chips-row button.spaces-inline-copilot-chip:active{
    height: 40px;
    margin: 0;
    align-self: center;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 button.spaces-inline-copilot-chip,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 button.spaces-inline-copilot-chip:hover,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 button.spaces-inline-copilot-chip:focus,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 button.spaces-inline-copilot-chip:focus-visible,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 button.spaces-inline-copilot-chip:active{
    isolation: isolate;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08) !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 button.spaces-inline-copilot-chip:hover,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 button.spaces-inline-copilot-chip:focus-visible{
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12) !important;
}

/* Hide AI halo once the user is typing */
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar.is-halo-off:hover,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar.is-halo-off:focus-within,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer.is-halo-off:hover,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer.is-halo-off:focus-within{
    border-color: rgba(0, 0, 0, .06);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, .03),
        0 6px 20px rgba(0, 0, 0, .05);
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar.is-halo-off::before,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar.is-halo-off::after,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar.is-halo-off:hover::before,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar.is-halo-off:hover::after,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar.is-halo-off:focus-within::before,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-inline-copilot-bar.is-halo-off:focus-within::after,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar.is-halo-off::before,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar.is-halo-off::after,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer.is-halo-off::before,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer.is-halo-off::after,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer.is-halo-off:hover::before,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer.is-halo-off:hover::after,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer.is-halo-off:focus-within::before,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-home:not(.is-centered-chat) .spaces-home-composer.is-halo-off:focus-within::after{
    opacity: 0 !important;
    animation: none !important;
}

/* Ask Copilot first-launch feature promo (Figma 194:18615) */
.spaces-ask-copilot-promo[hidden]{
    display: none !important;
}

.spaces-ask-copilot-promo{
    position: fixed;
    z-index: 80;
    box-sizing: border-box;
    width: 320px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    background: var(--space-info-fill-beta, #0177de);
    color: var(--space-info-text-on-beta, #fff);
    font-family: "Open Sans", Arial, sans-serif;
    box-shadow: 0 8px 24px rgba(1, 119, 222, 0.28);
}

.spaces-ask-copilot-promo-caret{
    position: absolute;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid var(--space-info-fill-beta, #0177de);
}

.spaces-ask-copilot-promo.is-below .spaces-ask-copilot-promo-caret{
    left: 28px;
    top: -8px;
    border-top: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--space-info-fill-beta, #0177de);
}

.spaces-ask-copilot-promo.is-above .spaces-ask-copilot-promo-caret{
    left: 28px;
    top: auto;
    bottom: -8px;
    border-bottom: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--space-info-fill-beta, #0177de);
}

.spaces-ask-copilot-promo-copy{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.spaces-ask-copilot-promo-title{
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.spaces-ask-copilot-promo-body{
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.spaces-ask-copilot-promo-footer{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 8px;
}

.spaces-ask-copilot-promo-got-it{
    box-sizing: border-box;
    min-width: 64px;
    height: 32px;
    padding: 6px 16px;
    border: 0;
    border-radius: 100px;
    background: #fff;
    color: var(--space-info-text-beta, #0177de);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
}

.spaces-ask-copilot-promo-got-it:hover{
    background: #f3f8ff;
}

.spaces-ask-copilot-promo-got-it:focus-visible{
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* ===== Listing/floor-plan split: Figma header-pop (216:23744) ===== */
body.is-editor-with-chat .spaces-home.is-editor-split-chat{
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header{
    flex: 0 0 56px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 8px 8px 8px 16px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .08) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    background: #fff !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-start{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-title{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-start h2,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-title h2{
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000 !important;
    font: 500 16px/24px "Open Sans", OpenSans, Arial, sans-serif !important;
    letter-spacing: -0.16px !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-chevron{
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 0 0 4px !important;
    opacity: 1 !important;
    transform: none !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-title[aria-expanded="true"] .spaces-home-chat-header-chevron{
    transform: rotate(180deg) !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-end{
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 2px !important;
    margin-left: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-tool,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts-button{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 4px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-tool > img,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts-icon{
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    opacity: 1 !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts{
    position: relative !important;
    display: inline-flex !important;
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts-label{
    display: none !important;
}

/* Listing split (Figma listing screenshots): history + page with badge "1" — no plus */
body.is-listing-with-chat .spaces-home.is-editor-split-chat [data-editor-chat-new]{
    display: none !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts-button{
    position: relative !important;
    overflow: visible !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts-count:not([hidden]){
    display: inline-flex !important;
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    left: auto !important;
    z-index: 2 !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 14px !important;
    width: auto !important;
    height: 14px !important;
    padding: 0 3px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 100px !important;
    background: #1c1c1c !important;
    color: #fff !important;
    font: 700 9px/14px "Open Sans", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}

/* Floor-plan split (Figma 216:23744): + / history / page — no badge */
body.is-floor-plan-with-chat:not(.is-listing-with-chat) .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts-count{
    display: none !important;
}

/* Listing next-steps + composer (Figma listing) */
body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-widget-dock:not([hidden]){
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-widget-dock > .spaces-home-widget:not(.is-complete){
    gap: 4px !important;
    padding: 16px !important;
    border: 1px solid rgba(0, 0, 0, .06) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .08) !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-widget-actions{
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-widget-skip{
    color: #2f6fed !important;
    font: 600 14px/20px "Open Sans", Arial, sans-serif !important;
    background: transparent !important;
    padding: 4px 0 !important;
    min-height: 0 !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-widget-skip:hover,
body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-widget-skip:focus-visible{
    background: transparent !important;
    text-decoration: underline !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer,
body.is-listing-with-chat.is-new-chat-placement-option5-4 .spaces-home.is-editor-split-chat .spaces-home-composer{
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    min-height: 0 !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(0, 0, 0, .08) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-field,
body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-input-wrap,
body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-input-wrap > textarea{
    min-height: 0 !important;
    max-height: 72px !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-toolbar{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 4px !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-toolbar-left{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    flex: 0 0 auto !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-toolbar-right{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    margin-left: auto !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-scope-wrap{
    display: none !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-chips{
    display: none !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-space{
    display: none !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-more{
    display: none !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-tool.is-collapse{
    display: none !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-tool.is-collapse{
    display: inline-flex !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-listing-card{
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06) !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-listing-card-media{
    display: grid !important;
    grid-template-columns: 1.35fr 1fr !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 4px !important;
    max-height: 148px !important;
    min-height: 120px !important;
    background: #f3f3f3 !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-listing-card-media > .is-hero{
    grid-row: 1 / span 2 !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-listing-card-media > figure{
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-listing-card-media img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-listing-card-body{
    padding: 12px !important;
    gap: 4px !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-listing-card-actions{
    margin-top: 10px !important;
    gap: 8px !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-listing-link{
    min-height: 36px !important;
    padding: 8px 16px !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-more{
    display: none !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-placeholder-centered{
    display: none !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-placeholder{
    overflow: hidden !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-input-wrap,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-field{
    overflow: hidden !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-input-wrap > textarea{
    overflow: hidden !important;
    max-width: 100% !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-hero{
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-thread{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding: 12px !important;
    overflow-y: auto !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-bottom-chrome{
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 8px 12px 12px !important;
    background: #fff !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer,
body.is-new-chat-placement-option5 .spaces-home.is-editor-split-chat .spaces-home-composer,
body.is-new-chat-placement-option5-4 .spaces-home.is-editor-split-chat .spaces-home-composer{
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04) !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer:focus-within,
body.is-new-chat-placement-option5 .spaces-home.is-editor-split-chat .spaces-home-composer:focus-within{
    box-shadow: 0 0 0 3px rgba(51, 178, 92, .12) !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-field,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-input-wrap,
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-input-wrap > textarea,
body.is-new-chat-placement-option5 .spaces-home.is-editor-split-chat .spaces-home-composer-input-wrap > textarea{
    min-height: 40px !important;
    max-height: 120px !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-composer-toolbar{
    margin-top: 8px !important;
}

body.is-editor-with-chat .spaces-listing-studio,
body.is-editor-with-chat .spaces-floor-plan-studio{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* ===== Space page composer: + left, Lite/mic/send right (beats Option 5 hide) ===== */
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-space-copilot .spaces-inline-copilot-toolbar,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-toolbar{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 0 !important;
    flex: 0 0 auto !important;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-4) .spaces-space-copilot .spaces-inline-copilot-toolbar{
    order: 2 !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-toolbar{
    order: 3 !important;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-space-copilot .spaces-inline-copilot-toolbar-left,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-toolbar-left{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-space-copilot .spaces-inline-copilot-toolbar-left .spaces-home-composer-scope-wrap,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-toolbar-left .spaces-home-composer-scope-wrap{
    display: none !important;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-space-copilot .spaces-inline-copilot-toolbar-left .spaces-home-composer-attach-wrap,
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-space-copilot .spaces-inline-copilot-toolbar-left .spaces-inline-copilot-icon-btn,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-toolbar-left .spaces-home-composer-attach-wrap,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-toolbar-left .spaces-inline-copilot-icon-btn{
    display: grid !important;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-space-copilot .spaces-inline-copilot-toolbar-right,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-toolbar-right{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-space-copilot .spaces-inline-copilot .spaces-home-composer-mode-chevron,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot .spaces-home-composer-mode-chevron{
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    opacity: .7 !important;
}

body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-1):not(.is-new-chat-placement-option5-2) .spaces-space-copilot .spaces-inline-copilot-chips{
    order: 3 !important;
    margin-top: 0 !important;
}

/* Option 5.4: chips first inside the plate, then input, then toolbar */
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar{
    display: flex !important;
    flex-direction: column !important;
}
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar .spaces-inline-copilot-chips{
    order: 1 !important;
    margin: 0 0 4px !important;
}
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar .spaces-inline-copilot-field{
    order: 2 !important;
}
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar .spaces-inline-copilot-toolbar{
    order: 3 !important;
}

/* Space page: chips closer to the input plate */
body.is-new-chat-placement-option5:not(.is-new-chat-placement-option5-4) .spaces-space-copilot .spaces-inline-copilot{
    gap: 8px !important;
}

/* Space page: shorter input plate */
body.is-new-chat-placement-option5 .spaces-space-copilot .spaces-inline-copilot-bar{
    min-height: 0 !important;
    padding: 8px 12px !important;
    gap: 6px !important;
}

body.is-new-chat-placement-option5 .spaces-space-copilot .spaces-inline-copilot-field,
body.is-new-chat-placement-option5 .spaces-space-copilot .spaces-inline-copilot-input-wrap,
body.is-new-chat-placement-option5 .spaces-space-copilot .spaces-inline-copilot-input-wrap > textarea{
    min-height: 28px !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-field,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-input-wrap,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-input-wrap > textarea{
    min-height: 28px !important;
    max-height: 96px !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar{
    min-height: 0 !important;
    padding: 8px 12px !important;
    gap: 6px !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-chips{
    gap: 6px !important;
    margin: 0 !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-bar .spaces-inline-copilot-chips{
    margin: 0 !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-chip{
    height: 28px !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    font: 400 12px/16px "Open Sans", Arial, sans-serif !important;
}

body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-toolbar{
    margin-top: 0 !important;
    min-height: 32px !important;
}

body.is-new-chat-placement-option5 .spaces-space-copilot .spaces-inline-copilot textarea,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot textarea,
body.is-new-chat-placement-option5 .spaces-space-copilot .spaces-inline-copilot-placeholder,
body.is-new-chat-placement-option5.is-new-chat-placement-option5-4 .spaces-space-copilot .spaces-inline-copilot-placeholder{
    font: 400 16px/24px "Open Sans", Arial, sans-serif !important;
}

/* Floor-plan chat header = Figma 216:23744 header-pop exactly */
body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header{
    flex: 0 0 56px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 8px 8px 8px 16px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-start{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-title{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-title h2{
    margin: 0 !important;
    color: #000 !important;
    font: 500 16px/24px "Open Sans", OpenSans, Arial, sans-serif !important;
    letter-spacing: -0.16px !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-chevron{
    display: block !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 4px !important;
    box-sizing: content-box !important;
    opacity: 1 !important;
    transform: none !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-end{
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 2px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat [data-editor-chat-new],
body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat [data-editor-chat-history],
body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat [data-editor-chat-history-wrap],
body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-tool.is-collapse{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat [data-editor-chat-new]{
    order: 1 !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat [data-editor-chat-history-wrap]{
    order: 2 !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-tool.is-collapse{
    order: 3 !important;
    color: #6D6D6D !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-tool > img{
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    opacity: 1 !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-tool.is-collapse > img{
    opacity: 1 !important;
}

body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts,
body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts-button,
body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts-label,
body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-artifacts-count,
body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-space,
body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-more{
    display: none !important;
}

.spaces-editor-history-wrap{
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.spaces-editor-history{
    position: absolute;
    top: calc(100% + 6px);
    left: 12px;
    right: 12px;
    z-index: 40;
    display: flex;
    flex-direction: column;
    width: auto;
    min-width: 260px;
    max-width: none;
    max-height: min(420px, 70vh);
    overflow: hidden;
    padding: 8px 0 0;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .12);
    color: #1c1c1c;
    box-sizing: border-box;
}

/* Menu is positioned against the full chat header, not the tiny icon cluster */
body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header-end{
    position: static !important;
    overflow: visible !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-home-chat-header{
    position: relative !important;
    overflow: visible !important;
    z-index: 40 !important;
}

body.is-editor-with-chat .spaces-home.is-editor-split-chat .spaces-editor-history{
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    min-width: 0 !important;
}

.spaces-editor-history[hidden]{
    display: none !important;
}

.spaces-editor-history-body{
    display: flex;
    flex-direction: column;
    max-height: 320px;
    overflow: auto;
    padding: 4px 8px 8px;
}

.spaces-editor-history-empty{
    margin: 0;
    padding: 16px 12px;
    color: #919191;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-editor-history-heading{
    margin: 8px 8px 4px;
    color: #919191;
    font: 600 12px/16px "Open Sans", Arial, sans-serif;
}

.spaces-editor-history-heading:first-child{
    margin-top: 4px;
}

.spaces-editor-history-item{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 36px;
    padding: 6px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #1c1c1c;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    text-align: left;
    cursor: pointer;
}

.spaces-editor-history-item:hover,
.spaces-editor-history-item:focus-visible{
    background: #f4f4f4;
}

.spaces-editor-history-item.is-current{
    background: #f4f4f4;
}

.spaces-editor-history-check{
    flex: 0 0 16px;
    width: 16px;
    color: #1c1c1c;
    font: 600 14px/16px "Open Sans", Arial, sans-serif;
}

.spaces-editor-history-title{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.spaces-editor-history-all,
.spaces-editor-history-all:hover,
.spaces-editor-history-all:focus-visible,
.spaces-editor-history-all > img,
.spaces-editor-history-all > span:first-of-type,
.spaces-editor-history-all-chevron{
    display: none !important;
}

/* Listing split chat: never show the details accordion — keep the thread */
body.is-listing-with-chat .spaces-listing-details,
body.is-listing-with-chat .spaces-home .spaces-listing-details{
    display: none !important;
}

body.is-listing-with-chat .spaces-home.is-editor-split-chat .spaces-home-thread{
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 12px !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.is-listing-with-chat .spaces-home.is-listing-details-open,
body.is-listing-with-chat.is-listing-details-open .spaces-home{
    /* keep class harmless while listing details is disabled */
}

/* ===== Listing/Plan details accordion (plan mode only; listing mode disabled) ===== */
body.is-editor-with-chat.is-listing-details-open:not(.is-listing-with-chat) .spaces-home.is-editor-split-chat .spaces-home-thread,
body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-home-thread,
.spaces-home.is-listing-details-open .spaces-home-thread{
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.is-editor-with-chat.is-listing-details-open:not(.is-listing-with-chat) .spaces-home.is-editor-split-chat .spaces-listing-details,
body.is-floor-plan-with-chat .spaces-home.is-editor-split-chat .spaces-listing-details,
.spaces-home.is-listing-details-open .spaces-listing-details{
    display: flex !important;
}

.spaces-listing-details{
    display: none;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.spaces-listing-details-toggle{
    display: flex;
    width: 100%;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: inherit;
}

.spaces-listing-details-toggle:hover{ background: #fafafa; }

.spaces-listing-details-thumb{
    position: relative;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 12px;
    background: #f3f4f6;
}

.spaces-listing-details-thumb > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spaces-listing-details-thumb-icon{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0,0,0,0);
    opacity: 0;
    transition: opacity .15s ease, background .15s ease;
}

.spaces-listing-details-toggle:hover .spaces-listing-details-thumb-icon{
    opacity: 1;
    background: rgba(0,0,0,.1);
}

.spaces-listing-details-copy{ min-width: 0; flex: 1; }

.spaces-listing-details-title{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111;
    font: 600 14px/20px OpenSans, "Open Sans", Arial, sans-serif;
    letter-spacing: -0.01em;
}

.spaces-listing-details-subtitle{
    display: block;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6b7280;
    font: 400 12px/16px OpenSans, "Open Sans", Arial, sans-serif;
}

.spaces-listing-details-chevron{
    display: flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #6b7280;
    transition: transform .15s ease, background .15s ease;
}

.spaces-listing-details-toggle:hover .spaces-listing-details-chevron{ background: #eceef2; }

.spaces-listing-details.is-open .spaces-listing-details-chevron,
.spaces-listing-details-toggle[aria-expanded="true"] .spaces-listing-details-chevron{
    transform: rotate(180deg);
}

.spaces-listing-details-body{
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid #f0f0f0;
    padding: 8px 12px 12px;
}

.spaces-listing-details-body[hidden],
.spaces-listing-details:not(.is-open) .spaces-listing-details-body{
    display: none !important;
}

.listing-details-panel{ display:flex; flex-direction:column; gap:12px; width:100%; padding-bottom:4px; }
.listing-details-kicker{ margin:0; font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#9ca3af; }
.listing-details-brief{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:2px; border-radius:14px; background:#f7f8fa; overflow:hidden; }
.listing-details-brief-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border-bottom:1px solid rgba(0,0,0,.04); }
.listing-details-brief-row:last-child{ border-bottom:0; }
.listing-details-brief-copy{ min-width:0; flex:1; }
.listing-details-brief-label{ margin:0; font-size:13px; font-weight:600; line-height:1.3; color:#111; }
.listing-details-brief-hint{ margin:2px 0 0; font-size:11px; line-height:1.35; color:#9ca3af; }
.listing-details-brief-value{ flex-shrink:0; max-width:42%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:999px; padding:4px 10px; font-size:12px; font-weight:600; line-height:1.2; }
.listing-details-brief-value.is-muted{ background:#fff; color:#9ca3af; box-shadow:0 0 0 1px rgba(0,0,0,.06); }
.listing-details-brief-value.is-set{ background:rgba(26,167,63,.12); color:#1aa73f; }
.listing-details-divider{ height:1px; background:#f0f0f0; margin:2px 0; }
.listing-details-card{ overflow:hidden; border-radius:16px; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.06), 0 4px 14px rgba(0,0,0,.05); }
.listing-details-card-media{ display:grid; grid-template-columns:1.45fr 1fr; grid-template-rows:1fr 1fr; gap:2px; height:128px; background:#eceef2; }
.listing-details-card-media figure{ margin:0; overflow:hidden; }
.listing-details-card-media img{ display:block; width:100%; height:100%; object-fit:cover; }
.listing-details-card-media .is-hero{ grid-row:1 / span 2; }
.listing-details-card-body{ padding:12px; }
.listing-details-card-deal{ margin:0; font-size:12px; font-weight:600; color:#1aa73f; }
.listing-details-card-body h2{ margin:4px 0 0; font-size:16px; font-weight:700; letter-spacing:-.02em; line-height:1.25; color:#111; }
.listing-details-card-meta{ margin:4px 0 0; font-size:12px; line-height:1.4; color:#6b7280; }
.listing-details-card-copy{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:8px 0 0; font-size:12px; line-height:1.45; color:#4b5563; }
.listing-details-card-actions{ display:flex; gap:8px; margin-top:12px; }

/* Plan details preview: no Open in editor / Preview actions */
body.is-floor-plan-with-chat .listing-details-card-actions,
.spaces-listing-details[data-details-mode="plan"] .listing-details-card-actions{
    display: none !important;
}
.listing-details-card-btn{ display:inline-flex; height:32px; flex:1; align-items:center; justify-content:center; border:0; border-radius:999px; background:#111; font-size:12px; font-weight:600; color:#fff; cursor:pointer; }
.listing-details-card-btn.is-secondary{ background:#f3f4f6; color:#111; }
.listing-details-card-btn:hover{ opacity:.92; }

/* ===== Upgrade plan modal ===== */
body.is-upgrade-modal-open{
    overflow: hidden;
}

/* ===== Upgrade modal (centered, fits viewport) ===== */
.spaces-upgrade-modal[hidden]{
    display: none !important;
}

.spaces-upgrade-modal{
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    box-sizing: border-box;
}

.spaces-upgrade-modal-backdrop{
    position: absolute;
    inset: 0;
    background: rgba(20, 21, 19, .2);
}

.spaces-upgrade-modal-dialog{
    --upgrade-col: 774px;
    --upgrade-card: 376px;
    --upgrade-footer-space: 122px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding:
        max(40px, env(safe-area-inset-top))
        max(40px, env(safe-area-inset-right))
        calc(var(--upgrade-footer-space) + env(safe-area-inset-bottom, 0px))
        max(40px, env(safe-area-inset-left));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #1c1c1c;
    background: #f5f5f5;
    font-family: "Open Sans", Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}

.spaces-upgrade-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
    white-space: nowrap;
}

.spaces-upgrade-modal-header,
.spaces-upgrade-plans{
    position: relative;
    z-index: 1;
    width: var(--upgrade-col);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.spaces-upgrade-modal-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 0 0 auto;
    text-align: center;
}

.spaces-upgrade-modal-heading{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 776px;
}

.spaces-upgrade-modal-heading > h2{
    margin: 0;
    color: #1c1c1c;
    font: 700 30px/36px "Open Sans", Arial, sans-serif;
    letter-spacing: -.6px;
}

.spaces-upgrade-modal-lead{
    margin: 0;
    color: #1c1c1c;
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-billing{
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.spaces-upgrade-billing-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 4px 16px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    color: #393939;
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
    white-space: nowrap;
    cursor: pointer;
}

.spaces-upgrade-billing-btn.is-selected{
    background: #fff;
    color: #393939;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.spaces-upgrade-billing-save{
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 2.5px 6px;
    border-radius: 100px;
    background: #5adb6d;
    color: #393939;
    font: 600 12px/1.4 "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-modal-close{
    position: absolute;
    z-index: 3;
    top: max(40px, env(safe-area-inset-top));
    right: max(40px, env(safe-area-inset-right));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 16px;
    border: 0;
    border-radius: 100px;
    background: rgba(0, 0, 0, .04);
    color: #1c1c1c;
    cursor: pointer;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.spaces-upgrade-modal-close > img{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-upgrade-modal-close:hover,
.spaces-upgrade-modal-close:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .08);
}

.spaces-checkout-close{
    position: fixed;
    z-index: 5;
    top: max(40px, env(safe-area-inset-top));
    right: max(40px, env(safe-area-inset-right));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 16px;
    border: 0;
    border-radius: 100px;
    background: rgba(0, 0, 0, .04);
    color: #1c1c1c;
    cursor: pointer;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.spaces-checkout-close > img{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-checkout-close:hover,
.spaces-checkout-close:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .08);
}

.spaces-upgrade-plans{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, var(--upgrade-card)));
    justify-content: center;
    column-gap: 22px;
    row-gap: 22px;
    align-items: stretch;
    flex: 0 0 auto;
    width: 100%;
    max-width: calc(var(--upgrade-card) * 2 + 22px);
}

.spaces-upgrade-plan{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    min-height: 0;
    height: auto;
    padding: 32px 20px 24px;
    border: .5px solid rgba(232, 232, 232, .9);
    border-radius: 24px;
    box-sizing: border-box;
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .72) 0%, rgba(255, 255, 255, .48) 100%);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    box-shadow:
        0 0 0 .5px rgba(255, 255, 255, .65) inset,
        0 1px 0 rgba(255, 255, 255, .8) inset,
        0 8px 28px rgba(0, 0, 0, .04);
}

.spaces-upgrade-plan.is-pro{
    border: 1px solid rgba(232, 232, 232, .95);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .74) 0%, rgba(248, 244, 255, .5) 100%);
}

.spaces-upgrade-plan-glow{
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.spaces-upgrade-plan-orb{
    position: absolute;
    border-radius: 178px;
    filter: blur(42.8px);
    opacity: .34;
}

.spaces-upgrade-plan-orb.is-lime{
    width: 376px;
    height: 470px;
    left: -72px;
    top: -110px;
    background: #aeea8f;
    transform: rotate(-56deg);
}

.spaces-upgrade-plan-orb.is-mint{
    width: 376px;
    height: 470px;
    left: -116px;
    top: 160px;
    background: #73eaad;
    transform: rotate(-56deg);
}

.spaces-upgrade-plan-orb.is-lilac{
    width: 347px;
    height: 360px;
    left: 4px;
    top: -100px;
    background: #d3aaff;
    opacity: .42;
    transform: rotate(-56deg);
}

.spaces-upgrade-plan-orb.is-sky{
    width: 347px;
    height: 360px;
    left: -22px;
    top: 100px;
    background: #aad0ff;
    opacity: .42;
    transform: rotate(-56deg);
}

.spaces-upgrade-plan::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background: rgba(255, 255, 255, .22);
    pointer-events: none;
}

.spaces-upgrade-plan-head,
.spaces-upgrade-credits-stack,
.spaces-upgrade-price-row,
.spaces-upgrade-plan-cta,
.spaces-upgrade-bill-note,
.spaces-upgrade-features-block{
    position: relative;
    z-index: 1;
}

.spaces-upgrade-plan-head{
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 0 0 auto;
}

.spaces-upgrade-plan h3{
    margin: 0;
    color: #1b1b1b;
    font: 700 20px/30px "Open Sans", Arial, sans-serif;
    letter-spacing: -.4px;
}

.spaces-upgrade-plan-subtitle{
    margin: 0;
    color: #747474;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-credits-stack{
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 0 0 auto;
}

.spaces-upgrade-credits-box{
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-height: 166px;
    height: auto;
    padding: 16px;
    border: 0;
    border-radius: 15px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .76);
}

.spaces-upgrade-credits-title{
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.spaces-upgrade-credits-title > img{
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

.spaces-upgrade-credits-title > strong{
    color: #575757;
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-credits-copy{
    margin: 0;
    max-width: 288px;
    color: #747474;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-fixed-pill{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    margin-top: 12px;
    padding: 12px 24px 12px 16px;
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 100px;
    box-sizing: border-box;
    color: #747474;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    background: transparent;
}

.spaces-upgrade-fixed-pill > img{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-upgrade-credits-notch{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 8px;
    margin: -1px 0;
    line-height: 0;
}

.spaces-upgrade-credits-notch > img{
    display: block;
    width: 24px;
    height: 8px;
}

.spaces-upgrade-slider{
    --upgrade-slider-progress: 0%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    touch-action: none;
}

.spaces-upgrade-slider input[type="range"]{
    width: 100%;
    height: 26px;
    margin: 0;
    -webkit-appearance: none !important;
    appearance: none !important;
    background: transparent;
    cursor: pointer;
}

.spaces-upgrade-slider input[type="range"]::-webkit-slider-runnable-track{
    height: 6px;
    border: 0;
    border-radius: 8px;
    background: #d8d8d8;
}

.spaces-upgrade-slider input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 26px;
    height: 26px;
    margin-top: -10px;
    border: 0;
    border-radius: 37px;
    box-sizing: border-box;
    background: #fff url("../images/spaces-v2/upgrade/slider-arrows.svg") center / 16px 16px no-repeat;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .14);
    cursor: grab;
}

.spaces-upgrade-slider input[type="range"]::-moz-range-track{
    height: 6px;
    border: 0;
    border-radius: 8px;
    background: #d8d8d8;
}

.spaces-upgrade-slider input[type="range"]::-moz-range-thumb{
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 37px;
    background: #fff url("../images/spaces-v2/upgrade/slider-arrows.svg") center / 16px 16px no-repeat;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .14);
    cursor: grab;
}

.spaces-upgrade-slider-labels{
    display: flex;
    justify-content: space-between;
    color: #747474;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-slider-labels > span{
    cursor: pointer;
    user-select: none;
}

.spaces-upgrade-slider-labels > span.is-active{
    color: #393939;
}

.spaces-upgrade-price-row{
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-height: 36px;
    margin-top: 8px;
    flex: 0 0 auto;
}

.spaces-upgrade-price-old{
    color: #747474;
    font: 600 18px/28px "Open Sans", Arial, sans-serif;
    letter-spacing: -.2px;
    text-decoration: line-through;
}

.spaces-upgrade-price-old[hidden]{
    display: none;
}

.spaces-upgrade-price-new{
    color: #1b1b1b;
    font: 700 30px/36px "Open Sans", Arial, sans-serif;
    letter-spacing: -.6px;
}

.spaces-upgrade-price-period{
    color: #575757;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-start-row{
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 64px;
    padding: 12px 16px;
    border: 0;
    border-radius: 15px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .76);
    flex: 0 0 auto;
}

.spaces-upgrade-start-copy{
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}

.spaces-upgrade-start-copy > strong{
    color: #1c1c1c;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-start-copy > span{
    color: #1c1c1c;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-start-icon{
    margin-left: auto;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background: rgba(15, 255, 15, .19);
    color: inherit;
}

.spaces-upgrade-start-icon > img{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-upgrade-trial-switch{
    margin-left: auto;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 40px;
    height: 24px;
    padding: 2px;
    border: 0;
    border-radius: 999px;
    background: rgba(0, 0, 0, .16);
    cursor: pointer;
}

.spaces-upgrade-trial-switch.is-on{
    justify-content: flex-end;
    background: #1aa73f;
}

.spaces-upgrade-trial-knob{
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.spaces-upgrade-plan-cta{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    height: auto;
    padding: 15px 28px;
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    font: 600 18px/26px "Open Sans", Arial, sans-serif;
    letter-spacing: -.18px;
    cursor: pointer;
    flex: 0 0 auto;
}

.spaces-upgrade-plan-cta.is-premium{
    color: #1c1c1c;
    background: #aeea8f;
    box-shadow: none;
}

.spaces-upgrade-plan-cta.is-premium:hover,
.spaces-upgrade-plan-cta.is-premium:focus-visible{
    outline: 0;
    background: #9fe07d;
}

.spaces-upgrade-plan-cta.is-pro{
    color: #fff;
    background: #171719;
    letter-spacing: -.2px;
    line-height: 28px;
}

.spaces-upgrade-plan-cta.is-pro:hover,
.spaces-upgrade-plan-cta.is-pro:focus-visible{
    outline: 0;
    background: #000;
}

.spaces-upgrade-bill-note{
    margin: 0;
    color: #575757;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    text-align: center;
    flex: 0 0 auto;
}

.spaces-upgrade-features-block{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 0;
    padding-top: 16px;
    border-top: 1px solid rgba(0, 0, 0, .09);
}

.spaces-upgrade-features-lead{
    margin: 0;
    color: #575757;
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-features{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.spaces-upgrade-features > li{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    color: #575757;
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-features > li > p{
    margin: 0;
    font: inherit;
    color: inherit;
}

.spaces-upgrade-feature-icon{
    flex: 0 0 20px;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    border-radius: 0;
    background: transparent;
}

.spaces-upgrade-footer{
    position: fixed;
    z-index: 1210;
    left: 50%;
    bottom: max(16px, env(safe-area-inset-bottom));
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 16px;
    width: var(--upgrade-col);
    max-width: calc(100% - 48px);
    margin: 0;
    min-height: 90px;
    padding: 20px 24px;
    border: 1px solid rgba(232, 232, 232, .95);
    border-radius: 32px;
    background: rgba(255, 255, 255, .82);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    color: inherit;
    text-align: left;
    cursor: pointer;
    box-shadow:
        0 0 0 .5px rgba(255, 255, 255, .7) inset,
        0 8px 28px rgba(0, 0, 0, .08);
}

.spaces-upgrade-modal[hidden] .spaces-upgrade-footer{
    display: none;
}

.spaces-upgrade-footer:hover,
.spaces-upgrade-footer:focus-visible{
    outline: 0;
    background: rgba(255, 255, 255, .92);
}

.spaces-upgrade-footer-copy{
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.spaces-upgrade-footer-copy > strong{
    color: #1b1b1b;
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-footer-copy > span{
    color: #1b1b1b;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-buy-credits{
    margin-left: auto;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #229a4c;
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-upgrade-buy-credits > img{
    display: block;
    width: 24px;
    height: 24px;
}

@media (max-width: 980px){
    .spaces-upgrade-modal-dialog{
        justify-content: flex-start;
        align-items: stretch;
        gap: 20px;
        padding:
            max(24px, env(safe-area-inset-top))
            max(16px, env(safe-area-inset-right))
            calc(var(--upgrade-footer-space) + env(safe-area-inset-bottom, 0px))
            max(16px, env(safe-area-inset-left));
    }

    .spaces-upgrade-modal-close{
        top: max(16px, env(safe-area-inset-top));
        right: max(16px, env(safe-area-inset-right));
        width: 44px;
        height: 44px;
        padding: 10px;
    }

    .spaces-upgrade-modal-header,
    .spaces-upgrade-plans{
        width: 100%;
    }

    .spaces-upgrade-footer{
        width: calc(100% - 32px);
        max-width: 480px;
    }

    .spaces-upgrade-modal-heading > h2{
        font-size: 26px;
        line-height: 32px;
    }

    .spaces-upgrade-plans{
        grid-template-columns: 1fr;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }

    .spaces-upgrade-plan{
        min-height: 0;
    }
}

@media (max-width: 640px){
    .spaces-upgrade-modal-dialog{
        padding:
            max(16px, env(safe-area-inset-top))
            max(12px, env(safe-area-inset-right))
            max(16px, env(safe-area-inset-bottom))
            max(12px, env(safe-area-inset-left));
    }

    .spaces-upgrade-footer{
        flex-wrap: wrap;
        gap: 12px;
        padding: 16px;
    }

    .spaces-upgrade-buy-credits{
        margin-left: 0;
    }

    .spaces-upgrade-modal-lead{
        max-width: 28ch;
    }
}

/* ===== Usage modal ===== */
body.is-usage-modal-open{
    overflow: hidden;
}

.spaces-usage-modal[hidden]{
    display: none !important;
}

.spaces-usage-modal{
    position: fixed;
    inset: 0;
    z-index: 1250;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
    box-sizing: border-box;
}

.spaces-usage-modal-backdrop{
    position: absolute;
    inset: 0;
    background: rgba(20, 21, 19, .36);
}

.spaces-usage-modal-dialog{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: min(914px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    overflow: auto;
    overflow-x: hidden;
    border-radius: 32px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .2);
    color: #1c1c1c;
    font-family: "Open Sans", system-ui, sans-serif;
}

.spaces-usage-modal-close{
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 100px;
    background: rgba(255, 255, 255, .04);
    cursor: pointer;
    box-sizing: border-box;
}

.spaces-usage-modal-close:hover,
.spaces-usage-modal-close:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .04);
}

.spaces-usage-modal-close img{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-usage-modal-body{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 20px 32px 28px;
    box-sizing: border-box;
}

.spaces-usage-modal-title{
    margin: 0;
    padding-right: 40px;
    color: #1c1c1c;
    font: 700 24px/32px "Open Sans", Arial, sans-serif;
    letter-spacing: -.5px;
}

.spaces-usage-card{
    display: flex;
    flex-direction: column;
    border: 1px solid #e9e9e9;
    border-radius: 16px;
    background: #fff;
    box-sizing: border-box;
}

.spaces-usage-card--plan{
    gap: 20px;
    padding: 16px;
}

.spaces-usage-card--chart{
    gap: 0;
    padding: 16px;
}

.spaces-usage-plan-head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.spaces-usage-plan-copy{
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.spaces-usage-plan-title-row{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.spaces-usage-plan-name{
    margin: 0;
    color: #1c1c1c;
    font: 600 18px/28px "Open Sans", Arial, sans-serif;
    letter-spacing: -.2px;
}

.spaces-usage-plan-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    padding: 1px 8px 2px;
    border-radius: 10px;
    background: rgba(0, 0, 0, .04);
    color: #747474;
    font: 700 12px/1.4 "Open Sans", Arial, sans-serif;
    text-align: center;
}

.spaces-usage-plan-note{
    margin: 0;
    color: #575757;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-usage-plan-actions{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.spaces-usage-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    min-height: 32px;
    padding: 4px 16px;
    border-radius: 100px;
    box-sizing: border-box;
    font: 400 12px/16px "Open Sans", Arial, sans-serif;
    cursor: pointer;
    white-space: nowrap;
}

.spaces-usage-btn.is-outline{
    border: 1px solid #1aa73f;
    background: transparent;
    color: #07872f;
}

.spaces-usage-btn.is-outline:hover,
.spaces-usage-btn.is-outline:focus-visible{
    outline: 0;
    background: rgba(26, 167, 63, .06);
}

.spaces-usage-btn.is-primary{
    border: 0;
    background: #1aa73f;
    color: #fff;
}

.spaces-usage-btn.is-primary:hover,
.spaces-usage-btn.is-primary:focus-visible{
    outline: 0;
    background: #168f36;
}

.spaces-usage-credits{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.spaces-usage-credits-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.spaces-usage-credits-label{
    color: #575757;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-usage-credits-value{
    color: #919191;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    text-align: right;
}

.spaces-usage-bar{
    width: 100%;
    height: 8px;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(0, 0, 0, .04);
}

.spaces-usage-bar > span{
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #1aa73f;
    min-width: 0;
}

.spaces-usage-card-title{
    margin: 0 0 12px;
    color: #1c1c1c;
    font: 600 18px/28px "Open Sans", Arial, sans-serif;
    letter-spacing: -.2px;
}

.spaces-usage-chart{
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 120px;
}

.spaces-usage-chart-plot{
    flex: 1 1 auto;
    min-height: 72px;
}

.spaces-usage-chart-baseline{
    width: 100%;
    height: 1px;
    background: #e9e9e9;
}

.spaces-usage-chart-dates{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #1c1c1c;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-usage-stats{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
}

.spaces-usage-stat{
    display: flex;
    align-items: baseline;
    gap: 24px;
}

.spaces-usage-stat-label{
    min-width: 110px;
    color: #1c1c1c;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-usage-stat-value{
    color: #1c1c1c;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

@media (max-width: 720px){
    .spaces-usage-modal-dialog{
        width: 100%;
        border-radius: 24px;
    }

    .spaces-usage-modal-body{
        padding: 16px 16px 20px;
    }

    .spaces-usage-plan-head{
        flex-direction: column;
        align-items: stretch;
    }

    .spaces-usage-plan-actions{
        width: 100%;
    }

    .spaces-usage-plan-actions .spaces-usage-btn{
        flex: 1 1 0;
        min-width: 0;
    }
}

@media (max-width: 420px){
    .spaces-usage-plan-actions{
        flex-direction: column;
    }

    .spaces-usage-plan-actions .spaces-usage-btn{
        width: 100%;
    }
}

/* ===== Buy credits modal ===== */
body.is-buy-credits-modal-open{
    overflow: hidden;
}

.spaces-buy-credits-modal[hidden]{
    display: none !important;
}

.spaces-buy-credits-modal{
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
}

.spaces-buy-credits-backdrop{
    position: absolute;
    inset: 0;
    background: rgba(28, 28, 28, .36);
}

.spaces-buy-credits-dialog{
    position: relative;
    z-index: 1;
    width: min(864px, 100%);
    max-height: calc(100vh - 32px);
    overflow: hidden;
    border-radius: 32px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .2);
}

.spaces-buy-credits-main{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 400px);
    align-items: stretch;
    min-height: 0;
    max-height: calc(100vh - 32px);
}

.spaces-buy-credits-copy{
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 28px 24px 20px;
    box-sizing: border-box;
}

.spaces-buy-credits-intro{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.spaces-buy-credits-title-row{
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.spaces-buy-credits-back{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-top: 2px;
    padding: 4px;
    border: 0;
    border-radius: 100px;
    background: rgba(0, 0, 0, .04);
    cursor: pointer;
}

.spaces-buy-credits-back:hover,
.spaces-buy-credits-back:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .08);
}

.spaces-buy-credits-title-row > h2,
.spaces-buy-credits-intro > h2{
    margin: 0;
    color: #1c1c1c;
    font: 700 20px/30px "Open Sans", Arial, sans-serif;
    letter-spacing: -.4px;
}

.spaces-buy-credits-intro > p{
    margin: 0;
    color: #575757;
    font: 400 16px/1.4 "Open Sans", Arial, sans-serif;
    letter-spacing: .32px;
}

.spaces-buy-credits-list{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0;
    min-height: 0;
    overflow: auto;
}

.spaces-buy-credits-option{
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    width: 100%;
    min-height: 72px;
    margin: 0;
    padding: 10px 8px 10px 0;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .09);
    border-radius: 12px;
    box-sizing: border-box;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.spaces-buy-credits-option:last-child{
    border-bottom: 0;
}

.spaces-buy-credits-option:hover,
.spaces-buy-credits-option:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .03);
}

.spaces-buy-credits-radio{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-buy-credits-option-text{
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}

.spaces-buy-credits-option-title-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.spaces-buy-credits-option-title{
    color: #393939;
    font: 600 18px/28px "Open Sans", Arial, sans-serif;
    letter-spacing: -.2px;
}

.spaces-buy-credits-popular{
    color: #1aa73f;
    font: 700 14px/1.4 "Open Sans", Arial, sans-serif;
}

.spaces-buy-credits-option-copy{
    color: #747474;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-buy-credits-option-price{
    color: #393939;
    font: 700 20px/30px "Open Sans", Arial, sans-serif;
    letter-spacing: -.4px;
    white-space: nowrap;
}

.spaces-buy-credits-cta{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    margin-top: 4px;
    padding: 14px 28px;
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    background: #1aa73f;
    color: #fff;
    font: 600 18px/28px "Open Sans", Arial, sans-serif;
    letter-spacing: -.2px;
    cursor: pointer;
}

.spaces-buy-credits-cta:hover,
.spaces-buy-credits-cta:focus-visible{
    outline: 0;
    background: #159437;
}

.spaces-buy-credits-note{
    margin: 0;
    color: #575757;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    text-align: center;
}

.spaces-buy-credits-visual{
    position: relative;
    min-height: 0;
    padding: 16px 16px 16px 0;
    box-sizing: border-box;
}

.spaces-buy-credits-visual-panel{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 520px;
    border-radius: 28px;
    background:
        linear-gradient(34deg, #cbe2d3 13%, #81c99e 78%),
        #cbe2d3;
}

.spaces-buy-credits-visual-card{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

.spaces-buy-credits-close{
    position: absolute;
    top: 28px;
    right: 28px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 4px;
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    background: transparent;
    cursor: pointer;
}

.spaces-buy-credits-close:hover,
.spaces-buy-credits-close:focus-visible{
    outline: 0;
    background: rgba(255, 255, 255, .35);
}

@media (max-width: 900px){
    .spaces-buy-credits-main{
        grid-template-columns: 1fr;
        overflow: auto;
    }

    .spaces-buy-credits-visual{
        order: -1;
        padding: 16px;
        min-height: 220px;
    }

    .spaces-buy-credits-visual-panel{
        min-height: 220px;
        height: 220px;
    }

    .spaces-buy-credits-close{
        top: 28px;
        right: 28px;
    }
}

/* ===== Checkout / Complete your order modal ===== */
body.is-checkout-modal-open{
    overflow: hidden;
}

/* ===== Checkout — Figma 244:16122 ===== */
.spaces-checkout-modal[hidden]{
    display: none !important;
}

.spaces-checkout-modal{
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    box-sizing: border-box;
    background: #f5f5f5;
}

.spaces-checkout-backdrop{
    position: absolute;
    inset: 0;
    background: transparent;
}

.spaces-checkout-dialog{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    background: #f5f5f5;
    font-family: "Open Sans", Arial, sans-serif;
    color: #1c1c1c;
}

.spaces-checkout-shell{
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: min(808px, calc(100% - 64px));
    max-width: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding:
        max(110px, calc(env(safe-area-inset-top) + 72px))
        max(24px, env(safe-area-inset-right))
        max(64px, calc(env(safe-area-inset-bottom) + 40px))
        max(24px, env(safe-area-inset-left));
    box-sizing: border-box;
}

.spaces-checkout-title{
    margin: 0;
    color: #1c1c1c;
    font: 700 30px/36px "Open Sans", Arial, sans-serif;
    letter-spacing: -.6px;
}

.spaces-checkout-back{
    position: fixed;
    z-index: 5;
    top: max(40px, env(safe-area-inset-top));
    left: max(40px, env(safe-area-inset-left));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 128px;
    min-height: 56px;
    padding: 14px 28px 14px 20px;
    border: 0;
    border-radius: 100px;
    background: rgba(0, 0, 0, .04);
    color: #393939;
    cursor: pointer;
    box-shadow: none;
    font: 600 18px/28px "Open Sans", Arial, sans-serif;
    letter-spacing: -.2px;
}

.spaces-checkout-back > img{
    display: block;
    width: 24px;
    height: 24px;
}

.spaces-checkout-back:hover,
.spaces-checkout-back:focus-visible{
    outline: 0;
    background: rgba(0, 0, 0, .08);
}

.spaces-checkout-main{
    display: grid;
    grid-template-columns: minmax(0, 368px) minmax(0, 392px);
    justify-content: space-between;
    column-gap: 48px;
    row-gap: 32px;
    align-items: start;
    width: 100%;
}

.spaces-checkout-form{
    /* Figma 252:12321 Full-Checkout form column */
    --colorPrimary: #1aa73f;
    --colorBackground: #ffffff;
    --colorText: #393939;
    --colorTextSecondary: #393939;
    --colorTextPlaceholder: #747474;
    --borderRadius: 16px;
    --tabBorderRadius: 8px;
    --tabSpacing: 13px;
    --fontFamily: "Open Sans", Arial, sans-serif;
    --pe-border: rgba(0, 0, 0, .09);
    --pe-border-input: rgba(0, 0, 0, .16);
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    max-width: 368px;
    min-width: 0;
    overflow: visible;
}

/*
 * Stripe Currency Selector Element (light theme)
 * Docs: https://docs.stripe.com/elements/currency-selector-element
 * Two separate .ToggleItem buttons; selected uses colorPrimary (#0570de).
 * Subscriptions show flag + code only (no amounts).
 */
.spaces-checkout-currency{
    --stripe-primary: #0570de;
    --stripe-text: #30313d;
    --stripe-text-secondary: #6d6e78;
    --stripe-border: #e6e6e6;
    --stripe-bg: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

.spaces-checkout-toggle-group{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
}

.spaces-checkout-toggle-item{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--stripe-border);
    border-radius: 6px;
    background: var(--stripe-bg);
    color: var(--stripe-text-secondary);
    cursor: pointer;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    transition: border-color .12s ease, color .12s ease, box-shadow .12s ease;
}

.spaces-checkout-toggle-item:hover{
    border-color: #c7c7c7;
    color: var(--stripe-text);
}

.spaces-checkout-toggle-item.is-selected{
    border-color: var(--stripe-primary);
    color: var(--stripe-primary);
    box-shadow: 0 0 0 1px var(--stripe-primary);
}

.spaces-checkout-toggle-item:has(input:focus-visible){
    outline: 0;
    box-shadow: 0 0 0 3px rgba(5, 112, 222, .2);
}

.spaces-checkout-toggle-label{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font: 500 14px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;
}

.spaces-checkout-toggle-flag{
    display: inline-flex;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    line-height: 0;
}

.spaces-checkout-toggle-flag > img{
    display: block;
    width: 16px;
    height: 16px;
}

.spaces-checkout-currency-rate{
    margin: 0;
    color: var(--stripe-text-secondary);
    font: 400 12px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.spaces-checkout-currency-rate > [data-checkout-currency-rate-text]{
    font-weight: 500;
}

.spaces-checkout-express{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.spaces-checkout-express-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 8px 12px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #000;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
}

.spaces-checkout-express-btn.is-apple,
.spaces-checkout-express-btn.is-google,
.spaces-checkout-express-btn.is-paypal{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
}

.spaces-checkout-express-btn:hover,
.spaces-checkout-express-btn:focus-visible{
    outline: 0;
    filter: brightness(.98);
}

.spaces-checkout-express-btn > img{
    display: block;
    width: auto;
    height: 22px;
    max-width: calc(100% - 8px);
    object-fit: contain;
    pointer-events: none;
}

.spaces-checkout-express-btn.is-paypal > img{
    height: 28px;
}

.spaces-checkout-express-btn.is-google > img{
    height: 24px;
}

.spaces-checkout-or{
    display: flex;
    align-items: center;
    gap: 12px;
}

.spaces-checkout-or > span{
    flex: 1 1 auto;
    height: 1px;
    background: rgba(0, 0, 0, .09);
}

.spaces-checkout-or > em{
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    color: #747474;
    font-style: normal;
}

/*
 * Figma 252:12321 Full-Checkout — payment methods + fields
 * https://www.figma.com/design/k3DZte02jpRSskHvw1p5PT/Untitled?node-id=252-12321
 */
.spaces-checkout-payment-element{
    --colorPrimary: #1aa73f;
    --colorBackground: #ffffff;
    --colorText: #393939;
    --colorTextSecondary: #393939;
    --colorTextPlaceholder: #747474;
    --borderRadius: 16px;
    --tabBorderRadius: 8px;
    --tabSpacing: 13px;
    --fontFamily: "Open Sans", Arial, sans-serif;
    --pe-border: rgba(0, 0, 0, .09);
    --pe-border-input: rgba(0, 0, 0, .16);
    --pe-shadow: 0 0 0 .5px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-width: 0;
    box-sizing: border-box;
    font-family: var(--fontFamily);
    color: var(--colorText);
    background: transparent;
    -webkit-font-smoothing: antialiased;
}

.spaces-checkout-pe-tabs{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: var(--tabSpacing);
    width: 100%;
    max-width: 368px;
    min-width: 0;
    box-sizing: border-box;
}

.spaces-checkout-pe-tab{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4px;
    min-width: 0;
    height: 72px;
    margin: 0;
    padding: 12px;
    border: 1px solid var(--pe-border);
    border-radius: var(--tabBorderRadius);
    background: var(--colorBackground);
    color: #393939;
    box-shadow: var(--pe-shadow);
    cursor: pointer;
    box-sizing: border-box;
    transition: border-color .12s ease, box-shadow .12s ease;
}

.spaces-checkout-pe-tab:hover{
    color: #393939;
}

.spaces-checkout-pe-tab:focus-visible{
    outline: 0;
    border-color: #1aa73f;
}

.spaces-checkout-pe-tab.is-selected{
    border: 2px solid #1aa73f;
    padding: 11px;
    color: #393939;
    box-shadow: none;
}

.spaces-checkout-pe-tab-icon-img,
.spaces-checkout-pe-tab-badge-img{
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: 24px;
    max-width: 35px;
    object-fit: contain;
    pointer-events: none;
}

.spaces-checkout-pe-tab-icon-img{
    width: 24px;
    height: 24px;
}

.spaces-checkout-pe-tab-badge{
    display: inline-flex;
    flex: 0 0 auto;
    width: 35px;
    height: 24px;
    line-height: 0;
}

.spaces-checkout-pe-tab-badge > img,
.spaces-checkout-pe-tab-badge > svg{
    display: block;
    width: 35px;
    height: 24px;
}

.spaces-checkout-pe-tab-label{
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
    color: #393939;
}

/* Figma fields — labels above, radius 16px */
.spaces-checkout-figma-fields{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 368px;
    min-width: 0;
}

.spaces-checkout-figma-row{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    width: 100%;
}

.spaces-checkout-figma-field{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    min-width: 0;
}

.spaces-checkout-figma-label{
    margin: 0;
    color: #393939;
    font: 600 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-checkout-figma-input-wrap{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 56px;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, .16);
    border-radius: 16px;
    background: #fff;
    box-sizing: border-box;
}

.spaces-checkout-figma-input-wrap:focus-within{
    border-color: #1aa73f;
}

.spaces-checkout-figma-input-wrap > input,
.spaces-checkout-figma-input-wrap > select{
    width: 100%;
    min-width: 0;
    height: 54px;
    margin: 0;
    padding: 16px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    color: #1c1c1c;
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
}

.spaces-checkout-figma-input-wrap > input::placeholder{
    color: #747474;
}

.spaces-checkout-figma-input-wrap > input:focus,
.spaces-checkout-figma-input-wrap > select:focus{
    outline: 0;
}

.spaces-checkout-figma-input-wrap.is-card > input{
    padding-right: 130px;
}

.spaces-checkout-figma-brands{
    position: absolute;
    top: 50%;
    right: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transform: translateY(-50%);
    pointer-events: none;
}

.spaces-checkout-figma-brands > img{
    display: block;
    width: 35px;
    height: 24px;
}

.spaces-checkout-figma-input-wrap.is-select > select{
    padding-right: 48px;
    cursor: pointer;
}

.spaces-checkout-figma-chevron{
    position: absolute;
    top: 50%;
    right: 15px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    pointer-events: none;
}

.spaces-checkout-tax-id .spaces-checkout-figma-fields,
.spaces-checkout-tax-id{
    max-width: 368px;
}

/*
 * Wallet confirm button inside selected PE tab
 * (Apple Pay / PayPal — same role as Stripe PE wallet action, not Express Checkout Element)
 */
.spaces-checkout-wallet-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    height: 52px;
    margin: 0;
    padding: 12px 16px;
    border: 0;
    border-radius: 12px;
    background: #000;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: none;
}

.spaces-checkout-wallet-btn.is-paypal{
    background: #ffc439;
}

.spaces-checkout-wallet-btn:hover,
.spaces-checkout-wallet-btn:focus-visible{
    outline: 0;
    filter: brightness(.97);
}

.spaces-checkout-wallet-btn > img{
    display: block;
    width: auto;
    height: 24px;
    max-width: 140px;
    object-fit: contain;
    pointer-events: none;
}

.spaces-checkout-wallet-btn.is-paypal > img{
    height: 28px;
}

/* Stripe docs: overflow / more payment methods control */
.spaces-checkout-pe-more{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 64px;
    margin: 0;
    padding: 8px 4px;
    border: 1px solid #e0e6eb;
    border-radius: var(--borderRadius);
    background: var(--colorBackground);
    color: var(--colorTextSecondary);
    box-shadow: var(--pe-shadow);
    cursor: pointer;
    box-sizing: border-box;
}

.spaces-checkout-pe-more:hover,
.spaces-checkout-pe-more:focus-visible{
    outline: 0;
    color: var(--colorText);
    box-shadow: var(--pe-shadow), 0 0 0 2px var(--colorPrimary);
}

.spaces-checkout-pe-more-mark{
    display: inline-flex;
    line-height: 0;
}

.spaces-checkout-pe-more-chevron{
    display: block;
}

.spaces-checkout-brands{
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
    margin-right: 10px;
    pointer-events: none;
}

.spaces-checkout-brands > img{
    display: block;
    width: 32px;
    height: 20px;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
    background: #fff;
}

.spaces-checkout-field.is-card-number{
    padding-right: 4px;
}

.spaces-checkout-field.is-card-number > input{
    padding-right: 8px;
}

.spaces-checkout-pe-panel{
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    max-width: 368px;
    box-sizing: border-box;
}

.spaces-checkout-pe-panel[hidden]{
    display: none !important;
}

.spaces-checkout-pe-section-title{
    margin: 0;
    color: var(--colorText);
    font: 600 16px/24px var(--fontFamily);
}

.spaces-checkout-pe-redirect{
    display: none !important;
}

.spaces-checkout-pe-redirect-title{
    margin: 0;
    color: var(--colorText);
    font: 500 14px/20px var(--fontFamily);
}

.spaces-checkout-pe-redirect-copy{
    margin: 0;
    color: var(--colorTextSecondary);
    font: 400 13px/18px var(--fontFamily);
}

@media (max-width: 520px){
    .spaces-checkout-pe-tabs{
        grid-template-columns: 1fr;
    }
}

/* Appearance API: inputs: "condensed" — card number / exp / cvc grouped */
.spaces-checkout-card-block{
    overflow: hidden;
    border: 1px solid var(--pe-border-input);
    border-radius: var(--borderRadius);
    background: var(--colorBackground);
    box-shadow: var(--pe-shadow);
    transition: border-color .15s ease, box-shadow .15s ease;
}

.spaces-checkout-card-block:focus-within{
    border-color: var(--colorPrimary);
    box-shadow: var(--pe-shadow), 0 0 0 1px var(--colorPrimary);
}

.spaces-checkout-field{
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    margin: 0;
    box-sizing: border-box;
}

/* Appearance API: labels: "above" (default) + spaced billing inputs */
.spaces-checkout-field.is-billing{
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
}

/* Appearance API: .Label */
.spaces-checkout-field-label{
    margin: 0;
    color: var(--colorTextSecondary);
    font: 400 13px/16px var(--fontFamily);
}

/*
 * Appearance API: labels: "floating" (.Label--floating / notched border label)
 * Label sits on the top edge of .Input with a white cutout.
 */
.spaces-checkout-field.is-billing.is-floating{
    position: relative;
    gap: 0;
    padding-top: 0;
}

.spaces-checkout-field.is-billing.is-floating > .spaces-checkout-field-label{
    position: absolute;
    top: 0;
    left: 12px;
    z-index: 2;
    padding: 0 6px;
    /* Notch cutout must match input fill (Appearance colorBackground), not page gray */
    background: var(--colorBackground);
    color: var(--colorTextSecondary);
    font: 400 12px/1 var(--fontFamily);
    transform: translateY(-50%);
    pointer-events: none;
}

.spaces-checkout-field.is-billing.is-floating > input,
.spaces-checkout-field.is-billing.is-floating .spaces-checkout-select-wrap > select{
    height: 52px;
    padding-top: 14px;
    padding-bottom: 12px;
    border-radius: var(--borderRadius);
    border-color: var(--pe-border-input);
    box-shadow: none;
}

.spaces-checkout-field.is-billing.is-floating > input:focus,
.spaces-checkout-field.is-billing.is-floating .spaces-checkout-select-wrap > select:focus{
    border-color: var(--colorPrimary);
    box-shadow: 0 0 0 1px var(--colorPrimary);
}

.spaces-checkout-field.is-billing.is-floating > input::placeholder{
    color: transparent;
}

.spaces-checkout-card-block .spaces-checkout-field.is-card-number{
    border-bottom: 1px solid var(--pe-border-input);
}

.spaces-checkout-field-row{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.spaces-checkout-field-row > .spaces-checkout-field.is-exp{
    border-right: 1px solid var(--pe-border-input);
}

.spaces-checkout-field.is-cvc{
    padding-right: 0;
}

.spaces-checkout-card-block input{
    width: 100%;
    min-width: 0;
    height: 48px;
    margin: 0;
    padding: 12px 14px;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    background: transparent;
    color: var(--colorText);
    font: 400 16px/24px var(--fontFamily);
}

/* Appearance API: .Input (spaced / floating) */
.spaces-checkout-field.is-billing > input,
.spaces-checkout-select-wrap > select{
    width: 100%;
    min-width: 0;
    height: 48px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--pe-border-input);
    border-radius: var(--borderRadius);
    box-sizing: border-box;
    background: var(--colorBackground);
    color: var(--colorText);
    font: 400 16px/24px var(--fontFamily);
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.spaces-checkout-field.is-billing > input:focus,
.spaces-checkout-select-wrap > select:focus{
    outline: 0;
    border-color: var(--colorPrimary);
    box-shadow: 0 0 0 1px var(--colorPrimary);
}

.spaces-checkout-card-block input:focus{
    outline: 0;
}

.spaces-checkout-card-block input::placeholder,
.spaces-checkout-field.is-billing > input::placeholder{
    color: var(--colorTextPlaceholder);
}

.spaces-checkout-cvc-icon{
    flex: 0 0 auto;
    margin-right: 4px;
    opacity: .9;
}

.spaces-checkout-select-wrap{
    position: relative;
    display: flex;
    align-items: center;
}

.spaces-checkout-select-wrap > select{
    padding-right: 36px;
    cursor: pointer;
}

.spaces-checkout-select-chevron{
    position: absolute;
    right: 12px;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: .65;
}

.spaces-checkout-checks{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.spaces-checkout-check{
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #393939;
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
    text-align: left;
    cursor: pointer;
}

.spaces-checkout-check-box{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 2px solid #919191;
    border-radius: 6px;
    box-sizing: border-box;
    background: transparent;
    overflow: hidden;
}

.spaces-checkout-check-box > img{
    display: none;
    width: 20px;
    height: 20px;
}

.spaces-checkout-check[aria-pressed="true"] .spaces-checkout-check-box{
    border-color: #1aa73f;
    background: #1aa73f;
}

.spaces-checkout-check[aria-pressed="true"] .spaces-checkout-check-box > img{
    display: block;
}

/* Figma 252:12321 — business + tax fields (no Stripe Tax ID box) */
.spaces-checkout-business{
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.spaces-checkout-tax-id{
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    box-sizing: border-box;
}

.spaces-checkout-tax-id[hidden]{
    display: none !important;
}

.spaces-checkout-tax-id-hint{
    display: none;
}

.spaces-checkout-summary{
    position: sticky;
    top: max(96px, calc(env(safe-area-inset-top) + 72px));
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-self: start;
    min-width: 0;
    width: 100%;
    overflow: visible;
    box-sizing: border-box;
}

.spaces-checkout-order-card{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-height: 252px;
    padding: 28px 24px 32px;
    border: .5px solid #e8e8e8;
    border-radius: 24px;
    overflow: hidden;
    isolation: isolate;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 0 .5px rgba(255, 255, 255, .65) inset, 0 8px 28px rgba(0, 0, 0, .04);
}

.spaces-checkout-order-glow{
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255, 255, 255, .28) 0%, rgba(255, 255, 255, .72) 42%, rgba(255, 255, 255, .92) 100%);
}

.spaces-checkout-order-orb{
    position: absolute;
    border-radius: 178px;
    filter: blur(42.8px);
    opacity: .3;
}

.spaces-checkout-order-orb.is-a{
    width: 272px;
    height: 340px;
    left: -2px;
    top: -120px;
    background: #aeea8f;
    transform: rotate(-56deg);
}

.spaces-checkout-order-orb.is-b{
    width: 272px;
    height: 340px;
    left: -34px;
    top: 26px;
    background: #73eaad;
    transform: rotate(-56deg);
}

.spaces-checkout-modal.is-pro .spaces-checkout-order-orb.is-a{
    background: #d3aaff;
}

.spaces-checkout-modal.is-pro .spaces-checkout-order-orb.is-b{
    background: #aad0ff;
}

.spaces-checkout-order-head,
.spaces-checkout-order-lines{
    position: relative;
    z-index: 1;
}

.spaces-checkout-order-head{
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.spaces-checkout-order-title-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 30px;
}

.spaces-checkout-plan-name{
    color: #1b1b1b;
    font: 700 20px/30px "Open Sans", Arial, sans-serif;
    letter-spacing: -.4px;
}

.spaces-checkout-trial-pill{
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2.5px 6px;
    border-radius: 100px;
    background: #fff;
    color: #393939;
    font: 600 12px/1.4 "Open Sans", Arial, sans-serif;
    white-space: nowrap;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
}

.spaces-checkout-trial-pill[hidden]{
    display: none !important;
}

.spaces-checkout-order-sub{
    margin: 0;
    color: #747474;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-checkout-order-lines{
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-variant-numeric: tabular-nums;
}

.spaces-checkout-modal.is-trial-start .spaces-checkout-order-card{
    min-height: 362px;
    gap: 28px;
}

.spaces-checkout-line{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    color: #1c1c1c;
    font: 400 16px/24px "Open Sans", Arial, sans-serif;
}

.spaces-checkout-line > :first-child{
    min-width: 0;
}

.spaces-checkout-line > :last-child{
    flex: 0 0 auto;
    white-space: nowrap;
    text-align: right;
}

.spaces-checkout-discount-label{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.spaces-checkout-discount-badge{
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2.5px 6px;
    border-radius: 100px;
    background: #5adb6d;
    color: #393939;
    font: 600 12px/1.4 "Open Sans", Arial, sans-serif;
    white-space: nowrap;
}

.spaces-checkout-modal.is-pro .spaces-checkout-discount-badge,
.spaces-checkout-discount-badge.is-dark{
    background: #1c1c1c;
    color: #fff;
}

.spaces-checkout-line.is-discount[hidden],
.spaces-checkout-line.is-vat[hidden],
.spaces-checkout-line.is-after-trial[hidden],
.spaces-checkout-line.is-trial-highlight[hidden],
.spaces-checkout-bill-note[hidden]{
    display: none !important;
}

.spaces-checkout-line.is-trial-highlight{
    position: relative;
    min-height: 24px;
}

.spaces-checkout-trial-mark{
    position: relative;
    display: inline-flex;
    align-items: center;
    min-width: 96px;
    min-height: 24px;
}

.spaces-checkout-trial-mark > img{
    position: absolute;
    left: -9px;
    top: 0;
    width: 96px;
    height: 24px;
    pointer-events: none;
}

.spaces-checkout-trial-mark > em{
    position: relative;
    z-index: 1;
    font: 600 16px/24px "Open Sans", Arial, sans-serif;
    font-style: normal;
    color: #1c1c1c;
}

.spaces-checkout-line.is-total{
    align-items: baseline;
    font: 600 18px/28px "Open Sans", Arial, sans-serif;
    letter-spacing: -.2px;
}

.spaces-checkout-line.is-total > strong{
    font: inherit;
}

.spaces-checkout-bill-note{
    margin: -12px 0 0;
    color: #575757;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
}

.spaces-checkout-bill-note.is-cancel{
    margin-top: -10px;
}

/* Trial: stick notes under their parent rows (Figma 247:12309) */
.spaces-checkout-modal.is-trial-start .spaces-checkout-bill-note:not(.is-cancel){
    margin-top: -16px;
}

.spaces-checkout-modal.is-trial-start .spaces-checkout-bill-note.is-cancel{
    margin-top: -12px;
}

.spaces-checkout-modal:not(.is-trial-start) .spaces-checkout-line.is-total{
    order: 5;
}

.spaces-checkout-modal:not(.is-trial-start) .spaces-checkout-bill-note:not(.is-cancel){
    order: 6;
    margin-top: -12px;
}

.spaces-checkout-modal.is-trial-start .spaces-checkout-legal{
    max-width: 360px;
}

.spaces-checkout-cta{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    padding: 14px 28px;
    border: 0;
    border-radius: 100px;
    background: #aeea8f;
    color: #393939;
    font: 600 18px/28px "Open Sans", Arial, sans-serif;
    letter-spacing: -.2px;
    cursor: pointer;
}

.spaces-checkout-cta:hover,
.spaces-checkout-cta:focus-visible{
    outline: 0;
    background: #9fe07d;
}

.spaces-checkout-modal.is-pro .spaces-checkout-cta{
    background: #171719;
    color: #fff;
}

.spaces-checkout-modal.is-pro .spaces-checkout-cta:hover,
.spaces-checkout-modal.is-pro .spaces-checkout-cta:focus-visible{
    background: #000;
}

.spaces-checkout-legal{
    display: block;
    margin: 0 auto;
    max-width: 332px;
    color: #575757;
    font: 400 14px/20px "Open Sans", Arial, sans-serif;
    text-align: center;
}

.spaces-checkout-legal > a{
    color: #07872f;
    font-weight: 600;
    text-decoration: none;
}

.spaces-checkout-legal > a:hover{
    color: #056b25;
}

@media (max-width: 900px){
    .spaces-checkout-shell{
        width: min(520px, calc(100% - 32px));
        padding-top: max(96px, calc(env(safe-area-inset-top) + 64px));
        gap: 28px;
    }

    .spaces-checkout-back,
    .spaces-checkout-close{
        top: max(16px, env(safe-area-inset-top));
    }

    .spaces-checkout-back{
        left: max(16px, env(safe-area-inset-left));
        min-width: 0;
        min-height: 44px;
        padding: 10px 18px 10px 14px;
        font-size: 16px;
        line-height: 24px;
    }

    .spaces-checkout-close{
        right: max(16px, env(safe-area-inset-right));
        width: 44px;
        height: 44px;
        padding: 10px;
    }

    .spaces-checkout-main{
        grid-template-columns: 1fr;
    }

    .spaces-checkout-summary{
        position: static;
        top: auto;
        z-index: auto;
        order: -1;
    }

    .spaces-checkout-title{
        font-size: 26px;
        line-height: 32px;
    }
}

@media (max-width: 520px){
    .spaces-checkout-express{
        grid-template-columns: 1fr;
    }
}