:root {
    /* Component tokens: all values resolve to the Flutter primitives in tokens.css. */
    --creator-nav-width: var(--rail-width);
    --creator-row-height: 80px;
    --creator-preview-width: 80px;
    --creator-preview-height: 90px;
    --creator-control-height: 58px;
    --creator-circle-control: 40px;
    --creator-number-font: var(--font-amount);
    --creator-separator: var(--separator-rule);
}

.creator-page main {
    min-height: 100vh;
    min-height: 100svh;
}

.creator-page--first-furtiv {
    --presentation-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --presentation-header-bar-height: 82px;
    --presentation-header-height: calc(var(--presentation-header-bar-height) + env(safe-area-inset-top));
    --presentation-header-side-width: clamp(96px, 29vw, 112px);
}

.creator-page.creator-page--first-furtiv main,
.creator-page--first-furtiv .auth-screen {
    min-height: calc(100vh - var(--presentation-header-height));
    min-height: calc(100svh - var(--presentation-header-height));
}

.creator-shell {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    min-height: 100svh;
    margin-inline: auto;
}

.creator-nav {
    position: sticky;
    z-index: 2;
    top: 0;
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    background: var(--color-background);
}

.creator-nav::-webkit-scrollbar { display: none; }

.creator-nav::after,
.creator-double-separator {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: var(--creator-separator);
}

.creator-double-separator {
    position: relative;
    display: block;
    width: 100%;
}

.creator-nav__item {
    position: relative;
    display: inline-flex;
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 53px;
    padding: var(--space-4);
    color: var(--primitive-black);
    font-size: var(--primitive-font-base);
    text-decoration: none;
    white-space: nowrap;
}

.creator-nav__item[aria-current='page'] { font-weight: 700; }
.creator-nav__item[aria-current='page']::after {
    position: absolute;
    right: var(--space-4);
    bottom: 2px;
    left: var(--space-4);
    height: 2px;
    background: currentColor;
    content: '';
}
.creator-nav__dot { display: none; }

.creator-workspace {
    flex: 1 1 auto;
    min-width: 0;
}

.creator-rail {
    display: none;
    color: var(--primitive-deep);
    text-align: center;
}

.creator-rail p {
    margin: 0;
    color: rgba(var(--primitive-deep-rgb), 0.5);
    font-size: var(--primitive-font-mini);
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.creator-rail > strong {
    max-width: 100%;
    margin-top: var(--space-1);
    overflow: hidden;
    color: var(--primitive-deep);
    font-family: var(--creator-number-font);
    font-size: 28px;
    font-weight: 400;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.creator-rail__upload {
    min-height: 38px;
    margin-top: var(--space-2);
    padding-inline: 14px;
    border-color: rgba(var(--primitive-deep-rgb), 0.36);
    border-radius: var(--radius-pill);
    background: var(--primitive-white);
    color: var(--primitive-deep);
    font-size: var(--primitive-font-mini);
}

.creator-page .button {
    box-shadow: none;
    letter-spacing: 0;
}

.creator-small-button {
    min-height: 28px;
    padding: var(--space-1) var(--space-2);
    font-size: var(--primitive-font-base);
}

/* Direct creation composer. */
.creator-workspace--composer {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: var(--space-12) var(--space-4) var(--space-6);
    min-width: 0;
}

.creator-workspace--onboarding {
    width: 100%;
    margin-inline: auto;
}

.creator-workspace--onboarding.creator-workspace--composer { padding-top: var(--space-8); }
.creator-workspace--onboarding .creator-composer { gap: var(--space-6); }
.creator-workspace--onboarding .creator-media-picker { padding-top: var(--space-4); gap: var(--space-4); }

.creator-composer__title,
.creator-new-heading h1 {
    margin: 0;
    font-size: var(--primitive-font-plus-plus);
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}

.creator-composer__lead,
.creator-new-heading p {
    margin: var(--space-6) 0 var(--space-4);
    font-size: var(--primitive-font-base);
    text-align: center;
}

.creator-composer {
    display: grid;
    gap: var(--space-6);
    width: 100%;
    min-width: 0;
}

.creator-media-picker { display: grid; min-width: 0; justify-items: center; gap: var(--space-4); text-align: center; }
.creator-media-picker > p { margin: 0; }
.creator-media-picker__select { width: min(100%, 180px); }
.creator-media-picker__select--round {
    display: inline-grid;
    place-items: center;
    width: 40px;
    min-height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--primitive-black);
    color: var(--primitive-white);
    font-size: var(--primitive-font-plus-plus);
    line-height: 1;
}
.creator-media-picker__preview { display: flex; flex-wrap: nowrap; justify-content: safe center; gap: var(--space-2); width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; scroll-snap-type: inline mandatory; }
.creator-media-scroller { position: relative; width: 100%; min-width: 0; }
.creator-media-scroller.is-scrollable .creator-media-picker__preview { cursor: grab; }
.creator-media-scroller .creator-media-picker__preview.is-dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; user-select: none; }
.creator-media-scroller__controls { position: absolute; inset: 0; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.creator-media-scroller__controls[hidden] { display: none; }
.creator-media-scroller__arrow {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--color-separator);
    border-radius: var(--radius-pill);
    background: var(--primitive-white);
    color: var(--primitive-black);
    cursor: pointer;
    pointer-events: auto;
}
.creator-media-scroller__arrow:disabled { opacity: 0.45; cursor: default; }
.creator-media-scroller__arrow svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; }
.creator-workspace--onboarding .creator-media-picker__preview > :first-child { margin-inline-start: auto; }
.creator-workspace--onboarding .creator-media-picker__preview > :last-child { margin-inline-end: auto; }
.creator-media-picker__preview::-webkit-scrollbar,
.creator-upload .upload-preview::-webkit-scrollbar { display: none; }
.creator-media-picker__preview img,
.creator-media-picker__preview video { flex: 0 0 180px; width: 180px; height: 250px; border: 1px solid var(--primitive-white); border-radius: var(--radius-sm); object-fit: cover; scroll-snap-align: center; }
.creator-media-picker__status { min-height: 1.3em; margin: calc(-1 * var(--space-2)) 0 0; }

.creator-upload-card {
    position: relative;
    flex: 0 0 180px;
    width: 180px;
    height: 250px;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--primitive-white);
    border-radius: var(--radius-sm);
    background: var(--primitive-black);
    scroll-snap-align: center;
}

.creator-media-picker__preview .creator-upload-card > img,
.creator-media-picker__preview .creator-upload-card > video {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    object-fit: cover;
}

.creator-upload-card__overlay {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    box-sizing: border-box;
    min-height: 42px;
    align-content: center;
    gap: 4px;
    padding: var(--space-2) var(--space-3);
    background: rgb(3 33 25 / 92%);
    color: var(--primitive-white);
    text-align: left;
}

.creator-upload-card__progress {
    width: 100%;
    height: 4px;
    overflow: hidden;
    border: 0;
    border-radius: var(--radius-pill);
    background: rgb(255 255 255 / 35%);
    color: var(--primitive-white);
}

.creator-upload-card__progress::-webkit-progress-bar { background: rgb(255 255 255 / 35%); }
.creator-upload-card__progress::-webkit-progress-value,
.creator-upload-card__progress::-moz-progress-bar { background: var(--primitive-white); }
.creator-upload-card__state {
    color: inherit;
    font-size: var(--primitive-font-base);
    font-weight: 400;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.creator-upload-card[data-state='approved'] .creator-upload-card__overlay { background: var(--color-success); }
.creator-upload-card[data-state='refused'] .creator-upload-card__overlay,
.creator-upload-card[data-state='upload-error'] .creator-upload-card__overlay,
.creator-upload-card[data-state='moderation-error'] .creator-upload-card__overlay { background: var(--color-danger); }

.creator-workspace--onboarding .creator-upload-card__delete {
    position: absolute;
    z-index: 2;
    right: 10px;
    bottom: 10px;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    padding: 0;
    border: 1px solid rgb(255 255 255 / 38%);
    border-radius: 50%;
    background: rgb(0 0 0 / 78%);
    box-shadow: 0 8px 22px rgb(0 0 0 / 38%);
    color: var(--primitive-white);
    cursor: pointer;
    backdrop-filter: blur(8px);
    transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.creator-workspace--onboarding .creator-upload-card__delete svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.creator-workspace--onboarding .creator-upload-card__delete:focus-visible {
    outline: 2px solid var(--primitive-white);
    outline-offset: 2px;
}

@media (hover: hover) {
    .creator-workspace--onboarding .creator-upload-card__delete:hover {
        background: var(--primitive-black);
        box-shadow: 0 10px 26px rgb(0 0 0 / 48%);
        transform: translateY(-1px);
    }
}

.creator-existing-media-card {
    position: relative;
    flex: 0 0 180px;
    width: 180px;
    height: 250px;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--primitive-white);
    border-radius: var(--radius-sm);
    background: var(--primitive-black);
    color: var(--primitive-white);
    scroll-snap-align: center;
}

.creator-media-picker__preview .creator-existing-media-card > img {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: inherit;
    object-fit: cover;
}

.creator-existing-media-card__placeholder {
    display: grid;
    height: 100%;
    place-items: center;
}

.creator-existing-media-card > .bottom-sheet {
    position: absolute;
    z-index: 2;
    top: var(--space-2);
    right: var(--space-2);
}

.creator-existing-media-card__delete {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    padding: 0;
    border-radius: 50%;
    background: rgb(0 0 0 / 50%);
    color: var(--primitive-white);
    font-size: var(--primitive-font-big);
    line-height: 1;
}

.creator-workspace--composer > form[id^='composer-delete-media-form-'] { display: none; }

.creator-field {
    position: relative;
    min-width: 0;
}

.creator-field label {
    display: block;
    color: var(--primitive-grey);
    font-size: var(--primitive-font-mini);
    font-weight: 700;
    text-transform: uppercase;
}

.creator-field input,
.creator-field select {
    width: 100%;
    height: var(--creator-control-height);
    padding: 0 0 var(--space-3);
    border: 0;
    border-bottom: var(--input-border);
    border-radius: 0;
    outline: 0;
    background: transparent;
    color: var(--primitive-ink);
    font-size: var(--primitive-font-base);
    font-weight: 700;
}

.creator-field select {
    appearance: none;
    padding-right: var(--space-6);
    background-image: linear-gradient(45deg, transparent 50%, var(--primitive-black) 50%), linear-gradient(135deg, var(--primitive-black) 50%, transparent 50%);
    background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%;
    background-repeat: no-repeat;
    background-size: 5px 5px;
}

.creator-field input[readonly] { color: var(--primitive-grey); border-color: var(--primitive-grey); }

.creator-price-field {
    display: grid;
    justify-items: center;
    gap: var(--space-2);
    text-align: center;
}

.creator-price-field > label {
    color: var(--primitive-black);
    font-size: var(--primitive-font-base);
}

.creator-price-field__control {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.creator-price-field__control input {
    width: 100px;
    border: 0;
    border-bottom: 1px solid var(--primitive-black);
    outline: 0;
    background: transparent;
    color: var(--primitive-black);
    font-family: var(--creator-number-font);
    font-size: var(--primitive-font-very-big);
    font-weight: 700;
    text-align: center;
    transition: border-color 160ms ease;
}
.creator-price-field__control input[aria-invalid='true'] { border-bottom-color: var(--color-danger); }
.creator-price-field__control input[type='number'] { appearance: textfield; }
.creator-price-field__control input[type='number']::-webkit-inner-spin-button,
.creator-price-field__control input[type='number']::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
}

.creator-price-field__control span {
    font-family: var(--creator-number-font);
    font-size: var(--primitive-font-plus-plus);
    font-weight: 700;
}

.creator-price-field__error {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: 22px;
    margin: 0;
    color: var(--color-danger);
    font-size: var(--primitive-font-mini);
    font-weight: 600;
    line-height: 1.35;
}

.creator-price-field__error[hidden] { display: none; }

.creator-price-estimate { display: grid; gap: var(--space-2); width: min(100%, 360px); margin: var(--space-2) 0 0; }
.creator-price-estimate[hidden] { display: none; }
.creator-price-estimate > div { display: flex; min-width: 0; justify-content: space-between; gap: var(--space-4); }
.creator-price-estimate dt,
.creator-price-estimate dd { margin: 0; font-family: var(--creator-number-font); font-size: var(--primitive-font-average); }
.creator-price-estimate dt { min-width: 0; overflow-wrap: anywhere; }
.creator-price-estimate dd { flex: 0 0 auto; }
.creator-price-estimate > div:last-child { font-weight: 700; }

.creator-certification {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
    font-size: var(--primitive-font-average);
}

.creator-certification input {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--primitive-black);
}

.creator-certification span { min-width: 0; overflow-wrap: anywhere; }

.creator-certification-field {
    display: grid;
    justify-items: center;
    gap: 6px;
    width: 100%;
}

.creator-workspace--onboarding .creator-certification {
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: var(--space-2);
    font-size: var(--primitive-font-base);
    line-height: 1.4;
    text-align: left;
}

.creator-workspace--onboarding .creator-certification span {
    flex: 0 1 auto;
    max-width: calc(100% - 29px);
}

.creator-certification input[aria-invalid='true'] {
    outline: 2px solid var(--color-danger);
    outline-offset: 3px;
}

.creator-certification__error {
    min-height: 0;
    max-width: min(100%, 520px);
    font-size: 14px;
    text-align: center;
}

.creator-composer__submit,
.creator-settings-form__submit,
.creator-profile-form__submit { width: 100%; }

.creator-composer__security { display: grid; justify-items: center; gap: var(--space-2); color: var(--primitive-disabled); font-size: var(--primitive-font-average); text-align: center; }
.creator-composer__security img { width: 16px; height: 16px; opacity: 0.75; }

/* Quiet, flat composer used by the creator dashboard only. */
.creator-page--dashboard .creator-workspace--composer {
    width: min(100%, 700px);
    margin-inline: auto;
    padding: clamp(28px, 4vw, 48px) clamp(16px, 3vw, 24px) var(--space-6);
}

.creator-page--dashboard .creator-composer__title {
    margin-bottom: 20px;
    color: var(--primitive-deep);
    font-size: clamp(20px, 2vw, 23px);
    font-weight: 500;
    letter-spacing: 0.012em;
    line-height: 1.25;
}

.creator-page--dashboard .creator-composer {
    gap: clamp(14px, 2vw, 18px);
}

.creator-page--dashboard .creator-media-picker {
    min-height: 0;
    align-content: center;
    gap: 10px;
    padding: 0 0 14px;
}

.creator-page--dashboard .creator-media-picker > p {
    color: var(--primitive-deep);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.creator-page--dashboard .creator-media-picker .creator-media-picker__select {
    width: auto;
    min-width: 172px;
    min-height: 46px;
    padding-inline: 24px;
    border-color: var(--primitive-deep);
    border-radius: var(--radius-pill);
    background: var(--primitive-deep);
    color: var(--primitive-white);
    font-size: 14px;
    letter-spacing: 0.025em;
}

.creator-page--dashboard .creator-media-picker__preview img,
.creator-page--dashboard .creator-media-picker__preview video,
.creator-page--dashboard .creator-upload-card,
.creator-page--dashboard .creator-existing-media-card {
    flex-basis: 150px;
    width: 150px;
    height: 208px;
    border-radius: 14px;
}

.creator-page--dashboard .creator-price-estimate {
    width: min(100%, 360px);
    gap: 0;
    color: var(--primitive-deep);
    font-family: var(--font-body);
}

.creator-page--dashboard .creator-price-field,
.creator-page--dashboard .creator-certification-field,
.creator-page--dashboard .creator-composer__submit,
.creator-page--dashboard .creator-composer__security {
    width: min(100%, 540px);
    justify-self: center;
}

.creator-page--dashboard .creator-price-field {
    gap: 10px;
}

.creator-page--dashboard .creator-price-field > label {
    color: var(--primitive-deep);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.creator-page--dashboard .creator-price-field__control input {
    width: 106px;
    font-size: 34px;
    line-height: 1.1;
}

.creator-page--dashboard .creator-price-field__control > span {
    color: var(--primitive-deep);
    font-size: 20px;
    font-weight: 500;
}

.creator-page--dashboard .creator-price-estimate > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: var(--space-4);
    padding-block: 5px;
}

.creator-page--dashboard .creator-price-estimate dt,
.creator-page--dashboard .creator-price-estimate dd {
    font-family: var(--font-body);
    font-size: var(--primitive-font-base);
    line-height: 1.35;
}

.creator-page--dashboard .creator-price-estimate dt {
    color: rgba(var(--primitive-deep-rgb), 0.62);
    font-weight: 400;
    text-align: left;
}

.creator-page--dashboard .creator-price-estimate dd {
    color: rgba(var(--primitive-deep-rgb), 0.74);
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
}

.creator-page--dashboard .creator-price-estimate > div:last-child {
    margin-top: 3px;
    padding-top: var(--space-2);
    border-top: 1px solid rgba(var(--primitive-deep-rgb), 0.14);
}

.creator-page--dashboard .creator-price-estimate > div:last-child dt,
.creator-page--dashboard .creator-price-estimate > div:last-child dd {
    color: var(--primitive-deep);
    font-weight: 700;
}

.creator-page--dashboard .creator-certification-field {
    padding: 3px 2px;
}

.creator-page--dashboard .creator-certification {
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.4;
}

.creator-page--dashboard .creator-certification input {
    width: 22px;
    height: 22px;
}

.creator-page--dashboard .creator-composer .creator-composer__submit {
    min-height: 52px;
    font-size: 14px;
}

.creator-page--dashboard .creator-composer__security {
    grid-template-columns: 16px auto;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: rgb(var(--primitive-deep-rgb) / 47%);
    font-size: 12px;
    line-height: 1.4;
}

.creator-page--dashboard .creator-composer__security img {
    opacity: 0.62;
}

@media (hover: hover) {
    .creator-page--dashboard .creator-media-picker__select:hover {
        border-color: var(--color-primary);
        background: var(--color-primary);
    }
}

@media (max-width: 560px) {
    .creator-page--dashboard .creator-workspace--composer {
        padding: 22px 14px 28px;
    }

    .creator-page--dashboard .creator-composer__title {
        margin-bottom: 16px;
        font-size: 20px;
    }

    .creator-page--dashboard .creator-composer {
        gap: 12px;
    }

    .creator-page--dashboard .creator-media-picker {
        min-height: 0;
        padding: 0 0 12px;
    }

    .creator-page--dashboard .creator-certification {
        justify-content: flex-start;
    }

    .creator-page--dashboard .creator-price-field__control input {
        font-size: 32px;
    }
}

@media (min-width: 1081px) {
    .creator-page--dashboard .creator-workspace--composer {
        padding-top: var(--space-8);
    }

    .creator-page--dashboard .creator-composer__title {
        margin-bottom: 28px;
        font-size: var(--primitive-font-big);
    }

    .creator-page--dashboard .creator-composer {
        gap: 24px;
    }

    .creator-page--dashboard .creator-media-picker {
        gap: 12px;
        padding-bottom: var(--space-4);
    }

    .creator-page--dashboard .creator-media-picker .creator-media-picker__select {
        min-width: 180px;
        min-height: 48px;
    }

    .creator-page--dashboard .creator-price-field > label,
    .creator-page--dashboard .creator-certification {
        font-size: 15px;
    }

    .creator-page--dashboard .creator-price-field__control input {
        width: 112px;
        font-size: 38px;
    }

    .creator-page--dashboard .creator-composer .creator-composer__submit {
        min-height: 54px;
        font-size: 15px;
    }

    .creator-page .creator-nav {
        gap: 2px;
        padding: var(--space-4) var(--space-2) 0 0;
    }

    .creator-page .creator-nav__item {
        min-height: 44px;
        padding: 12px 14px;
        border-radius: var(--radius-pill);
        color: var(--color-copy);
        font-size: 14px;
    }

    .creator-page .creator-nav__item[aria-current='page'] {
        background: rgb(255 255 255 / 48%);
        color: var(--color-primary);
    }

}

/* Pack list: 80 × 90 preview and flat separated rows, matching RowPack. */
.creator-list-toolbar { padding: var(--space-4); }
.creator-pack-list { width: 100%; }

.creator-pack-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
    min-width: 0;
    padding: var(--space-4) 0;
}

.creator-pack-row::after,
.creator-transaction-row::after,
.creator-payout-row::after,
.creator-media-delete::after,
.creator-pack-details dl > div::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: var(--creator-separator);
}

.creator-pack-row__main {
    display: flex;
    min-width: 0;
    padding-left: var(--space-4);
    color: inherit;
    text-decoration: none;
}

.creator-pack-row__preview {
    position: relative;
    display: grid;
    flex: 0 0 var(--creator-preview-width);
    place-items: center;
    width: var(--creator-preview-width);
    height: var(--creator-preview-height);
    overflow: hidden;
    border: 1px solid var(--primitive-white);
    border-radius: var(--radius-sm);
    background: var(--color-inverse);
    color: var(--primitive-white);
    font-weight: 700;
}

.creator-pack-row__preview img { width: 100%; height: 100%; object-fit: cover; }
.creator-pack-row__preview b { position: absolute; bottom: var(--space-1); font-size: var(--primitive-font-plus); }
.creator-pack-row__alert { position: absolute; inset: 0; display: grid; place-items: center; color: var(--color-danger); font-size: 30px; text-shadow: 0 1px 2px var(--primitive-white); }
.creator-pack-row__preview--empty {
    border-color: var(--primitive-deep);
    border-style: dashed;
    background: rgba(var(--primitive-deep-rgb), 0.06);
    color: var(--primitive-deep);
}

.creator-pack-row__body {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    padding-left: var(--space-2);
}

.creator-pack-row__body time {
    max-width: 100%;
    overflow: hidden;
    font-size: var(--primitive-font-average);
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.creator-pack-row__body > strong { font-size: var(--primitive-font-base); }
.creator-pack-row__body > strong.is-inactive,
.creator-pack-row__warning { color: var(--color-danger); }
.creator-pack-row__warning,
.creator-pack-row__checking,
.creator-pack-row__empty-message { max-width: 100%; font-size: var(--primitive-font-mini); }
.creator-pack-row__checking { color: var(--color-primary); }
.creator-pack-row__empty-message { color: var(--color-danger); font-weight: 700; }

.creator-pack-row__stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--space-2);
    width: 100%;
    margin-top: var(--space-4);
    font-family: var(--font-body);
    font-size: var(--primitive-font-base);
    font-weight: 700;
}

.creator-pack-row__stats > span { display: inline-flex; flex: 0 0 auto; align-items: center; gap: var(--space-1); font-variant-numeric: tabular-nums; white-space: nowrap; }
.creator-pack-row__stats > span:last-child { justify-content: flex-end; text-align: right; }
.creator-pack-row__stats img,
.creator-pack-row__stats .creator-pack-row__price-icon { flex: 0 0 20px; width: 20px; height: 20px; }
.creator-pack-row__more { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; text-decoration: none; letter-spacing: 1px; }

.creator-empty-state { padding: var(--space-6) var(--space-4); color: var(--primitive-grey); text-align: center; }
.creator-empty-state .button { margin-top: var(--space-4); }

.creator-page .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    padding: var(--space-6) var(--space-4);
}

.creator-page .pagination .button { min-height: 40px; padding-inline: var(--space-4); }

/* Revenue and payouts: compact 80px transaction rows. */
.creator-transaction-feed { position: relative; }

.creator-transaction-feed.is-enhanced .creator-transaction-feed__sentinel .pagination {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.creator-transaction-feed.is-enhanced .creator-transaction-feed__sentinel .pagination:focus-within {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
    white-space: normal;
}

.creator-infinite-scroll__loader {
    display: flex;
    min-height: 60px;
    align-items: center;
    justify-content: center;
}

.creator-infinite-scroll__loader[hidden] { display: none; }

.creator-infinite-scroll__loader > span {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
}

.creator-infinite-scroll__loader > span::before,
.creator-infinite-scroll__loader > span::after {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    animation: creator-infinite-scroll-bounce 2s infinite ease-in-out;
    background: var(--primitive-grey);
    content: '';
    opacity: .6;
}

.creator-infinite-scroll__loader > span::after { animation-delay: -1s; }

@keyframes creator-infinite-scroll-bounce {
    0%, 100% { transform: scale(0); }
    50% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .creator-infinite-scroll__loader > span::before,
    .creator-infinite-scroll__loader > span::after { animation: none; transform: scale(.65); }
    .creator-infinite-scroll__loader > span::after { transform: scale(.35); }
}

.creator-transaction-row,
.creator-payout-row { position: relative; min-height: var(--creator-row-height); }

.creator-transaction-row > a,
.creator-transaction-row > div,
.creator-payout-row > div {
    display: grid;
    grid-template-columns: minmax(84px, auto) minmax(0, 1fr) 38px;
    align-items: center;
    min-height: var(--creator-row-height);
    padding-left: var(--space-4);
    color: inherit;
    text-decoration: none;
}

.creator-transaction-row time {
    display: grid;
    min-width: 0;
    gap: 3px;
    font-variant-numeric: tabular-nums;
    line-height: 1.25;
}

.creator-transaction-row__date {
    color: var(--primitive-deep);
    font-size: var(--primitive-font-base);
    font-weight: 500;
}

.creator-transaction-row__time {
    color: var(--color-copy-muted);
    font-size: var(--primitive-font-average);
    letter-spacing: 0.02em;
}

.creator-payout-row__date {
    min-width: 0;
    overflow: hidden;
    font-size: var(--primitive-font-base);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.creator-transaction-row__amounts {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
}

.creator-transaction-row__amounts strong {
    max-width: 100%;
    overflow: hidden;
    font-family: var(--creator-number-font);
    font-size: var(--primitive-font-base);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.creator-transaction-row__amounts small {
    max-width: 100%;
    overflow: hidden;
    color: var(--primitive-grey);
    font-size: var(--primitive-font-mini);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.creator-transaction-row__arrow { display: grid; place-items: center; min-width: 38px; font-size: 20px; }

.creator-payout-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-4);
}

.creator-payout-heading h1 { margin: 0; font-size: var(--primitive-font-base); }
.creator-payout-note { margin: 0; padding: var(--space-4); color: var(--primitive-grey); font-size: var(--primitive-font-average); }

.creator-payout-row > div {
    grid-template-columns: minmax(130px, auto) minmax(0, 1fr);
    padding-right: var(--space-4);
}

.creator-payout-row__date {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

.creator-status {
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--primitive-black);
    border-radius: var(--radius-sm);
    font-size: var(--primitive-font-average);
    text-transform: uppercase;
}

.creator-status--canceled,
.creator-status--error { border-color: var(--color-danger); color: var(--color-danger); }

/* Pack creation/editing. */
.creator-back {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 53px;
    padding: var(--space-4);
    text-decoration: none;
    text-transform: uppercase;
}

.creator-back img { width: 12px; height: 12px; }

.creator-new-heading { padding: var(--space-12) var(--space-4) var(--space-4); }

.creator-pack-overview {
    display: grid;
    justify-items: center;
    gap: var(--space-4);
    padding: var(--space-6) var(--space-4);
}

.creator-pack-overview__price {
    font-family: var(--creator-number-font);
    font-size: var(--primitive-font-plus-plus);
}

.creator-pack-overview__media {
    position: relative;
    display: grid;
    place-items: center;
    width: 135px;
    height: 180px;
    overflow: hidden;
    border: 1px solid var(--primitive-white);
    border-radius: var(--radius-sm);
    background: var(--color-inverse);
    color: var(--primitive-white);
    text-decoration: none;
}

.creator-pack-overview__media img { width: 100%; height: 100%; object-fit: cover; }
.creator-pack-overview__media b { position: absolute; bottom: var(--space-4); }
.creator-pack-overview__media--empty {
    border-color: var(--primitive-deep);
    border-style: dashed;
    background: rgba(var(--primitive-deep-rgb), 0.06);
    color: var(--primitive-deep);
}
.creator-pack-overview__actions { display: flex; align-items: center; gap: var(--space-4); }

.creator-pack-overview__action {
    display: grid;
    place-items: center;
    width: var(--creator-circle-control);
    height: var(--creator-circle-control);
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--primitive-black);
    color: var(--primitive-white);
    line-height: 1;
    text-decoration: none;
}
.creator-pack-overview__action .action-icon { display: block; flex-shrink: 0; }
.creator-pack-overview__action--unavailable { background: var(--color-danger); }
.creator-pack-overview__action .bottom-sheet__trigger-label { line-height: 1; }
.bottom-sheet--empty-pack .bottom-sheet__body { padding-bottom: max(var(--space-6), env(safe-area-inset-bottom)); }

.creator-share { padding: 0 var(--space-4) var(--space-6); text-align: center; }

.creator-share__link {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-2);
    padding-bottom: var(--space-2);
    border-bottom: 1px solid var(--primitive-black);
    text-align: left;
}

.creator-share__link-icon {
    display: block;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
}

.creator-share__link button {
    padding: var(--space-2) 0;
    border: 0;
    background: transparent;
    font-weight: 700;
    text-transform: uppercase;
}

.creator-share__copy-status { display: block; min-height: 1.3em; margin-top: var(--space-2); color: var(--primitive-grey); font-size: var(--primitive-font-average); }
.creator-share__button { width: 100%; margin-top: var(--space-2); box-shadow: var(--shadow); }
.creator-share__logos { height: 18px; margin: var(--space-4) auto 0; }

.creator-media-summary {
    display: grid;
    min-width: 0;
    gap: var(--space-1);
    padding: 0 var(--space-4) var(--space-6);
}

.creator-media-summary p { margin: 0; overflow-wrap: anywhere; }
.creator-media-summary__heading { font-weight: 700; }
.creator-media-summary__refused { color: var(--color-danger); }
.creator-media-summary__pending { color: var(--color-primary); }

.creator-settings-form,
.creator-media-management,
.creator-pack-details,
.creator-danger-zone { padding-bottom: var(--space-6); }

.creator-settings-form > h2,
.creator-media-management > h2,
.creator-pack-details > h2,
.creator-danger-zone > h2 {
    margin: 0;
    padding: var(--space-4);
    font-size: var(--primitive-font-plus);
}

.creator-settings-form > .creator-field { margin: var(--space-4); }

.creator-inline-input { display: flex; align-items: center; }
.creator-inline-input input { min-width: 0; }
.creator-inline-input span { padding-left: var(--space-2); font-family: var(--creator-number-font); font-weight: 700; }
.creator-settings-form .creator-field small { display: block; margin-top: var(--space-1); color: var(--primitive-grey); font-size: var(--primitive-font-mini); }

.creator-setting-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(84px, auto);
    align-items: center;
    gap: var(--space-2) var(--space-4);
    padding: var(--space-4);
    background: var(--creator-separator) bottom / 100% 2px no-repeat;
}

.creator-setting-row label { font-weight: 700; }

.creator-setting-row--sheet {
    width: 100%;
    border: 0;
    color: var(--primitive-black);
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.creator-setting-row--sheet .bottom-sheet__trigger-label { font-weight: 700; }
.creator-setting-row--sheet .bottom-sheet__trigger-value { justify-self: end; font-family: var(--creator-number-font); font-size: var(--primitive-font-average); }

.creator-setting-row input {
    width: 100%;
    min-height: 32px;
    padding: 0 var(--space-2);
    border: 1px solid var(--primitive-black);
    border-radius: var(--radius-sm);
    background: var(--primitive-white);
    text-align: right;
}

.creator-setting-row small { grid-column: 2; color: var(--primitive-grey); font-size: var(--primitive-font-mini-minus); text-align: right; }
.creator-setting-sheet { display: grid; gap: var(--space-4); }
.creator-setting-sheet > label { font-weight: 700; }
.creator-setting-sheet input[type="number"] { width: 100%; min-height: var(--input-height); padding: 0 var(--space-3); border: 1px solid var(--primitive-black); border-radius: var(--radius-sm); background: var(--primitive-white); text-align: right; }
.bottom-sheet--setting .creator-setting-sheet input[type="number"]:focus-visible { outline: none; box-shadow: none; }
.creator-setting-sheet small { color: var(--primitive-grey); }
.creator-setting-sheet .button { width: 100%; }
.creator-availability-sheet__help { margin: 0; text-align: center; font-weight: 700; }
.creator-duration-units { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: var(--space-3); align-items: center; margin: 0; padding: 0; border: 0; }
.creator-duration-units label { position: relative; }
.creator-duration-units input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.creator-duration-units label span { display: flex; min-height: 40px; align-items: center; justify-content: center; padding: var(--space-1) var(--space-3); border: 2px solid var(--primitive-black); border-radius: var(--radius-sm); background: var(--primitive-surface); font-weight: 700; text-transform: uppercase; cursor: pointer; }
.creator-duration-units input:checked + span { background: var(--primitive-white); }
.creator-duration-units input:focus-visible + span { outline: 3px solid var(--color-focus); outline-offset: 2px; }
.creator-duration-units strong { font-size: var(--primitive-font-mini); }
.creator-duration-unit--days,
.creator-availability-sheet:has(input[value="days"]:checked) .creator-duration-unit--hours { display: none; }
.creator-availability-sheet:has(input[value="days"]:checked) .creator-duration-unit--days { display: inline; }
.creator-settings-form > .creator-certification { margin: var(--space-6) var(--space-4); }
.creator-settings-form__submit { width: calc(100% - (2 * var(--space-4))); margin-inline: var(--space-4); }

.creator-media-management .media-gallery { grid-template-columns: repeat(auto-fit, minmax(130px, 180px)); justify-content: center; padding: var(--space-4); }
.creator-media-management .media-card { box-shadow: none; }

.creator-media-delete {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: var(--space-2) var(--space-4);
}

.creator-media-delete .link-button { border: 0; background: transparent; color: var(--color-danger); text-decoration: underline; }

.creator-upload {
    display: grid;
    gap: var(--space-4);
    margin: var(--space-6) var(--space-4) 0;
}

.creator-upload > label { font-weight: 700; }
.creator-upload > input[type='file'] { width: 100%; padding: var(--space-4); border: 1px solid var(--primitive-black); border-radius: var(--radius-sm); background: var(--primitive-white); }
.creator-upload > small { color: var(--primitive-grey); font-size: var(--primitive-font-mini); }
.creator-upload .upload-preview { display: flex; flex-wrap: nowrap; gap: var(--space-2); min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; scroll-snap-type: inline mandatory; }
.creator-upload .upload-preview img,
.creator-upload .upload-preview video { flex: 0 0 135px; width: 135px; height: 180px; aspect-ratio: auto; scroll-snap-align: center; }
.creator-upload .creator-upload-card { flex-basis: 135px; width: 135px; height: 180px; }
.creator-upload .creator-upload-card > img,
.creator-upload .creator-upload-card > video { width: 100%; height: 100%; }

.creator-pack-details dl { margin: 0; }
.creator-pack-details dl > div { position: relative; display: flex; min-width: 0; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); }
.creator-pack-details dt { font-weight: 700; }
.creator-pack-details dt { min-width: 0; overflow-wrap: anywhere; }
.creator-pack-details dd { flex: 0 0 auto; margin: 0; font-family: var(--creator-number-font); font-size: var(--primitive-font-plus); font-weight: 700; }
.creator-pack-payment__total dt,
.creator-pack-payment__total dd { font-weight: 700; }

@media (max-width: 350px) {
    .creator-setting-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-setting-row--sheet .bottom-sheet__trigger-value,
    .creator-setting-row small {
        grid-column: 1;
        justify-self: end;
    }

    .creator-duration-units {
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-duration-units strong { text-align: center; }
}

.creator-danger-zone { padding-inline: var(--space-4); }
.creator-danger-zone > h2 { padding-inline: 0; color: var(--color-danger); }
.creator-danger-zone summary { cursor: pointer; }
.creator-danger-zone form { margin-top: var(--space-4); }

/* Profile: photo block deliberately absent, as in the active Flutter build. */
.creator-workspace--profile { padding: var(--space-4); }
.creator-profile-form { display: grid; gap: var(--space-4); }

.creator-public-profile {
    margin-bottom: var(--space-6);
    padding-bottom: var(--space-6);
    background: var(--creator-separator) bottom / 100% 2px no-repeat;
}
.creator-public-profile h2 { margin: 0; font-size: var(--primitive-font-plus); font-weight: 400; }
.creator-public-profile > p { margin: var(--space-2) 0 0; color: var(--primitive-grey); font-size: var(--primitive-font-average); }
.creator-public-profile form { display: inline-block; margin: 0; }
.creator-public-profile form[aria-busy='true'] { opacity: 0.65; pointer-events: none; }

.creator-switch { display: inline-block; margin-block: var(--space-2); cursor: pointer; }
.creator-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }

.creator-switch > span:not(.sr-only) {
    position: relative;
    display: block;
    width: 42px;
    height: 20px;
    border: 1px solid var(--primitive-black);
    border-radius: var(--radius-pill);
    background: transparent;
}

.creator-switch > span:not(.sr-only)::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--primitive-black);
    transition: transform 160ms ease;
}

.creator-switch input:checked + span { background: var(--primitive-black); }
.creator-switch input:checked + span::after { background: var(--primitive-white); transform: translateX(22px); }
.creator-switch input:focus-visible + span { outline: 2px solid var(--color-focus); outline-offset: 2px; box-shadow: none; }

.creator-profile-link { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.creator-profile-link a,
.creator-profile-link > span { text-decoration: underline; }
.creator-profile-link button { min-width: 44px; min-height: 44px; border: 0; background: transparent; font-weight: 700; text-transform: uppercase; }
.creator-password-field { display: block; color: inherit; text-decoration: none; }
.creator-password-field > span { display: block; color: var(--primitive-grey); font-size: var(--primitive-font-mini); font-weight: 700; text-transform: uppercase; }
.creator-password-field > strong { display: block; height: var(--creator-control-height); padding: var(--space-4) 0 var(--space-3); border-bottom: 1px solid var(--primitive-black); font-size: var(--primitive-font-base); letter-spacing: 2px; }

.creator-legal-info {
    display: grid;
    gap: var(--space-4);
    margin-block: var(--space-2);
    padding-block: var(--space-6);
    background:
        var(--creator-separator) top / 100% 2px no-repeat,
        var(--creator-separator) bottom / 100% 2px no-repeat;
}
.creator-legal-info__row { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.creator-legal-info__row p { margin: 0; }
.creator-legal-info__row time { white-space: normal; }
.creator-legal-info__icon { color: var(--primitive-grey); font-size: 20px; }

.creator-profile-actions {
    display: grid;
    justify-items: start;
    gap: 0;
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    background: var(--creator-separator) top / 100% 2px no-repeat;
}
.creator-profile-actions form { margin: 0; }
.creator-text-action { display: inline-block; min-height: 51px; padding-block: var(--space-4); border: 0; background: transparent; color: var(--primitive-black); text-decoration: underline; }

@media (max-width: 699px), (max-width: 1039px) and (max-height: 700px) {
    .creator-page--first-furtiv .presentation-header { display: none; }

    .creator-page.creator-page--first-furtiv main,
    .creator-page--first-furtiv .auth-screen {
        min-height: 100vh;
        min-height: 100svh;
        min-height: 100dvh;
    }

    .creator-page--first-furtiv .creator-workspace--composer {
        padding: max(12px, env(safe-area-inset-top)) 14px 14px;
    }

    .creator-workspace--onboarding .creator-composer { gap: 14px; }

    .creator-workspace--onboarding .creator-media-picker {
        gap: 8px;
        padding-top: 4px;
    }

    .creator-workspace--onboarding .creator-media-picker__preview img,
    .creator-workspace--onboarding .creator-media-picker__preview video,
    .creator-workspace--onboarding .creator-upload-card,
    .creator-workspace--onboarding .creator-existing-media-card {
        flex-basis: 140px;
        width: 140px;
        height: 194px;
    }

    .creator-workspace--onboarding .creator-media-picker__select--round {
        width: 44px;
        min-height: 44px;
    }

    .creator-workspace--onboarding .creator-price-field { gap: 2px; }

    .creator-workspace--onboarding .creator-price-field__error {
        min-height: 20px;
        font-size: 14px;
    }

    .creator-workspace--onboarding .creator-certification {
        font-size: var(--primitive-font-base);
        line-height: 1.25;
    }

    .creator-workspace--onboarding .creator-certification-field { gap: 4px; }

    .creator-workspace--onboarding .creator-composer__submit { min-height: 54px; }
    .creator-workspace--onboarding .creator-composer__security { gap: 4px; }
}

@media (max-width: 560px) {
    .creator-transaction-row > a,
    .creator-transaction-row > div { grid-template-columns: minmax(112px, 0.9fr) minmax(0, 1.4fr) 38px; padding-left: var(--space-2); }
    .creator-transaction-row__date { font-size: 14px; }
    .creator-payout-row > div { grid-template-columns: minmax(104px, 0.9fr) minmax(0, 1.5fr); padding-inline: var(--space-2); }
    .creator-payout-row__date { flex-direction: column; align-items: flex-start; gap: var(--space-1); }
    .creator-status { padding: 2px var(--space-1); font-size: var(--primitive-font-mini-minus); }
    .creator-pack-row__stats { gap: var(--space-2); }
}

@media (min-width: 1081px) {
    .creator-page main { min-height: calc(100vh - var(--header-height)); min-height: calc(100svh - var(--header-height)); }

    .creator-shell {
        display: grid;
        grid-template-columns: var(--creator-nav-width) minmax(0, 1fr) var(--creator-nav-width);
        column-gap: var(--space-4);
        width: min(100%, calc(var(--content-max) + (2 * var(--space-4))));
        min-height: calc(100vh - var(--header-height));
        min-height: calc(100svh - var(--header-height));
    }

    .creator-nav {
        position: relative;
        display: flex;
        width: var(--creator-nav-width);
        flex-direction: column;
        align-items: flex-start;
        align-self: start;
        overflow: visible;
        padding-top: 0;
    }

    .creator-nav::after { display: none; }

    .creator-nav__item {
        flex: 0 0 auto;
        width: 100%;
        min-height: 53px;
        justify-content: flex-start;
        padding: var(--space-4);
    }
    .creator-nav__item[aria-current='page']::after { display: none; }

    .creator-nav__dot {
        display: block;
        flex: 0 0 6px;
        width: 6px;
        height: 6px;
        margin-right: var(--space-2);
        border-radius: 50%;
        background: transparent;
    }

    .creator-nav__item--create { color: var(--color-primary); }

    .creator-workspace { width: 100%; }

    .creator-workspace--onboarding { width: min(84%, 1680px); }
    .creator-workspace--onboarding .creator-media-picker__preview {
        box-sizing: border-box;
        padding-inline: 20%;
    }
    .creator-workspace--onboarding .creator-media-picker__preview img,
    .creator-workspace--onboarding .creator-media-picker__preview video {
        flex-basis: 200px;
        width: 200px;
        height: 278px;
    }
    .creator-workspace--onboarding .creator-media-picker__select--round {
        width: 48px;
        min-height: 48px;
    }

    .creator-workspace--onboarding .creator-composer__submit {
        justify-self: center;
        width: min(100%, 380px);
    }

    .creator-rail {
        display: flex;
        width: var(--creator-nav-width);
        flex-direction: column;
        align-items: flex-end;
        padding: var(--space-4) var(--space-4) var(--space-4) 0;
        text-align: right;
    }
    .creator-rail--actions { padding-top: 0; }
    .creator-workspace--profile { padding-top: var(--space-4); }
}