/* Hazlnut for Creators: standalone, locally hosted brand typography and assets. */
.creator-page {
    --cream:#ede6dc;
    --maroon:#561023;
    --green:#194234;
    --coral:#e45558;
    --pink:#e163c3;
    --blue:#b4ceed;
    --ink:#1e1e1e;
    --muted:#62575b;
    margin:0;
    background:var(--cream);
    color:var(--maroon);
    font:16px/1.6 'DM Sans',sans-serif;
    -webkit-font-smoothing:antialiased;
}

.creator-page * {
    box-sizing:border-box;
}

.creator-page [hidden] {
    display:none!important;
}

:where(.creator-page) img {
    display:block;
    max-width:100%;
    height:auto;
}

:where(.creator-page) a {
    color:inherit;
    text-underline-offset:5px;
}

:where(.creator-page) button,:where(.creator-page) input,:where(.creator-page) select {
    font:inherit;
}

:where(.creator-page) button,:where(.creator-page) a {
    -webkit-tap-highlight-color:transparent;
}

:where(.creator-page) a:focus-visible,:where(.creator-page) button:focus-visible,.creator-page summary:focus-visible,:where(.creator-page) input:focus-visible,:where(.creator-page) select:focus-visible,.creator-page [tabindex]:focus-visible {
    outline:3px solid #b34070;
    outline-offset:5px;
}

:where(.creator-page) h1,:where(.creator-page) h2,:where(.creator-page) h3,:where(.creator-page) p,:where(.creator-page) figure {
    margin:0;
}

:where(.creator-page) h1,:where(.creator-page) h2 {
    font-family:'Nanum Myeongjo',Georgia,serif;
    font-weight:400;
    line-height:1.12;
    letter-spacing:-.045em;
}

:where(.creator-page) h1 {
    font-size:clamp(48px,5.35vw,78px);
}

:where(.creator-page) h2 {
    font-size:clamp(36px,4vw,58px);
}

:where(.creator-page) h3 {
    font-size:20px;
    line-height:1.35;
    font-weight:500;
    letter-spacing:-.02em;
}

:where(.creator-page) em {
    font-family:'Cormorant Garamond',Georgia,serif;
    font-size:1.17em;
    font-weight:500;
    line-height:.9;
}

.section-pad {
    padding:96px max(6vw,calc((100vw - 1240px)/2));
}

.eyebrow {
    font:11px/1.7 'DM Mono',monospace;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.creator-page .lead {
    font-size:18px;
    line-height:1.7;
    max-width:470px;
}

.creator-page .small-note {
    font-size:12px;
    margin-top:14px;
}

.button {
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    min-height:54px;
    padding:14px 26px;
    background:var(--maroon);
    color:var(--cream)!important;
    border:1px solid var(--maroon);
    border-radius:4px;
    font-size:15px;
    font-weight:500;
    text-decoration:none;
    cursor:pointer;
    transition:background .2s,transform .2s;
}

.button:hover {
    background:#731d35;
    transform:translateY(-2px);
}

.button span {
    font-size:22px;
    line-height:1;
}

.button-small {
    min-height:43px;
    padding:10px 19px;
    font-size:13px;
    gap:25px;
}

.button:disabled {
    opacity:.65;
    cursor:wait;
}

.text-link {
    font-size:14px;
    white-space:nowrap;
}

.skip-link {
    position:fixed;
    left:16px;
    top:-100px;
    z-index:99;
    background:var(--cream);
    padding:12px;
}

.skip-link:focus {
    top:12px;
}

.creator-nav {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    max-width:1440px;
    padding:26px 6vw;
    margin:auto;
}

.creator-brand {
    display:flex;
    align-items:center;
    gap:18px;
    text-decoration:none;
}

.creator-brand img {
    width:138px;
    filter:brightness(0) saturate(100%) invert(10%) sepia(42%) saturate(2663%) hue-rotate(314deg);
}

.creator-brand span {
    font:11px 'DM Mono',monospace;
    border-left:1px solid #56102355;
    padding-left:18px;
    white-space:nowrap;
}

.creator-nav nav {
    display:flex;
    align-items:center;
    gap:32px;
}

.creator-nav .nav-detail {
    font-size:13px;
    text-decoration:none;
}

.creator-nav .nav-detail:hover {
    text-decoration:underline;
}

.creator-hero {
    display:grid;
    grid-template-columns:1.05fr 1fr;
    align-items:center;
    gap:28px;
    padding-top:56px;
    padding-bottom:88px;
}

.hero-copy {
    position:relative;
    z-index:1;
}

.hero-copy .eyebrow {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:28px;
}

.status-dot {
    display:inline-block;
    width:7px;
    height:7px;
    background:var(--maroon);
    border-radius:50%;
}

.hero-copy h1 {
    max-width:670px;
}

.hero-copy .lead {
    margin:28px 0 30px;
}

.hero-art {
    position:relative;
    align-self:stretch;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
}

.hero-gifts {
    width:100%;
    aspect-ratio:1;
    object-fit:contain;
}

.hero-star {
    position:absolute;
    right:1%;
    top:3%;
    width:80px;
    transform:rotate(12deg);
}

.gift-note {
    position:absolute;
    right:-2%;
    bottom:-10px;
    background:var(--cream);
    padding:12px 18px;
    font-size:15px;
    line-height:1.4;
    text-align:center;
    transform:rotate(-7deg);
}

.gift-note em {
    font-size:32px;
}

.appreciation {
    text-align:center;
    background:var(--green);
    color:var(--cream);
    padding-top:72px;
    padding-bottom:65px;
}

.appreciation .eyebrow {
    color:#cdd49e;
    margin-bottom:26px;
}

.appreciation>p:not(.eyebrow) {
    max-width:550px;
    margin:25px auto 0;
    color:#e0dfd0;
}

.appreciation-notes {
    display:flex;
    justify-content:center;
    gap:54px;
    margin-top:46px;
}

.appreciation-notes span {
    display:flex;
    align-items:center;
    gap:12px;
    font-size:13px;
}

.appreciation-notes .creator-icon {
    width:24px;
    height:24px;
    color:#d5c800;
    flex-shrink:0;
}

.section-heading {
    text-align:center;
    margin-bottom:55px;
}

.section-heading .eyebrow {
    margin-bottom:20px;
}

.section-heading>p:last-child:not(.eyebrow) {
    margin:20px auto 0;
    max-width:520px;
    color:var(--muted);
}

.showcase {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:center;
    gap:90px;
}

.phone-stage {
    background:var(--blue);
    border-radius:160px 160px 8px 8px;
    position:relative;
    min-height:600px;
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center;
    padding:35px 25px 20px;
}

.stage-motif {
    position:absolute;
    width:155px;
    left:-34px;
    bottom:45px;
    transform:rotate(-16deg);
}

.phone {
    position:relative;
    width:278px;
    max-width:100%;
    min-height:505px;
    background:#fbf8f2;
    border:7px solid #292c28;
    box-shadow:10px 15px 0 #19423417;
    border-radius:38px;
    overflow:hidden;
    color:var(--green);
}

.phone-top {
    height:34px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 15px;
    font-size:10px;
    font-weight:600;
}

.phone-island {
    width:73px;
    height:19px;
    background:#292c28;
    border-radius:15px;
    align-self:flex-start;
    margin-top:4px;
}

.phone-brand {
    padding:10px 18px;
    border-bottom:1px solid #19423425;
    font-size:18px;
    font-family:'Nanum Myeongjo',serif;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.phone-brand span {
    font:8px 'DM Sans',sans-serif;
}

.phone-screen {
    padding:22px 17px;
    min-height:411px;
}

.creator-page .mock-label {
    font:8px/1.5 'DM Mono',monospace;
    letter-spacing:.08em;
}

.phone-screen h3 {
    font:25px/1.2 'Nanum Myeongjo',serif;
    margin:10px 0;
}

.phone-screen p:not(.mock-label) {
    font-size:10px;
    line-height:1.7;
    margin:10px 0 20px;
}

.mock-gift {
    display:grid;
    grid-template-columns:70px 1fr;
    gap:12px;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid #19423420;
}

.mock-gift strong {
    display:block;
    font-size:11px;
    line-height:1.5;
    margin:6px 0;
}

.mock-product {
    min-height:83px;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--maroon);
}

.mock-product .creator-icon {
    width:47px;
    height:47px;
    stroke-width:1.1;
}

.pink {
    background:#ecc7d3;
}

.blue {
    background:#cbdcee;
}

.cream {
    background:#ede6dc;
}

.mock-pill {
    display:inline-block;
    font-size:8px;
    padding:3px 7px;
    background:#e0e8d1;
    border-radius:20px;
}

.mock-notice {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:10px;
    background:#e9edde;
    border-radius:4px;
    padding:12px;
    margin-top:19px;
}

.mock-notice .creator-icon {
    width:21px;
    height:21px;
    flex-shrink:0;
}

.mock-progress {
    height:5px;
    background:#e0e1d7;
    border-radius:4px;
    margin:12px 0 5px;
}

.mock-progress span {
    display:block;
    width:60%;
    height:100%;
    background:var(--green);
    border-radius:4px;
}

.mock-gift small {
    font-size:8px;
}

.full {
    min-height:120px;
    margin:18px 0;
}

.full .creator-icon {
    width:70px;
    height:70px;
}

.mock-bubble {
    font-size:11px;
    padding:13px;
    background:#eee9e0;
    border-radius:10px 10px 10px 0;
    margin-top:13px;
    max-width:93%;
}

.mock-bubble.reply {
    margin-left:auto;
    background:#e2e9d9;
    border-radius:10px 10px 0 10px;
}

.mock-action {
    display:block;
    text-align:center;
    border-radius:3px;
    background:var(--green);
    color:var(--cream);
    padding:10px;
    margin-top:20px;
    font-size:10px;
}

.mock-total {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.mock-total strong {
    font-size:20px;
}

.mock-total span {
    font-size:10px;
}

.mock-row {
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:10px;
    padding:13px 0;
    border-bottom:1px solid #19423420;
}

.mock-row .creator-icon {
    width:18px;
    height:18px;
}

.mock-timeline {
    list-style:none;
    padding:0;
    font-size:11px;
    margin:20px 0;
}

.mock-timeline li {
    padding:8px 0 8px 25px;
    position:relative;
}

.mock-timeline li:before {
    content:'✓';
    position:absolute;
    left:0;
    color:var(--green);
}

.phone-stage figcaption,.setup-stage figcaption {
    font-size:10px;
    line-height:1.5;
    text-align:center;
    margin-top:20px;
    position:relative;
    color:#435850;
}

.accordion details {
    border-bottom:1px solid #56102333;
}

.accordion summary {
    display:flex;
    align-items:center;
    gap:18px;
    list-style:none;
    padding:26px 0;
    cursor:pointer;
}

.accordion summary::-webkit-details-marker {
    display:none;
}

.accordion .step-number {
    font:11px 'DM Mono',monospace;
    opacity:.65;
    flex-shrink:0;
}

.accordion summary h3 {
    flex:1;
}

.accordion-plus {
    font-size:25px;
    line-height:1;
    font-weight:300;
    flex-shrink:0;
    transition:transform .2s;
}

.accordion details[open] .accordion-plus {
    transform:rotate(45deg);
}

.accordion details p {
    padding:0 28px 28px 35px;
    color:var(--muted);
    font-size:15px;
    line-height:1.8;
}

.accordion details[open] summary {
    padding-bottom:17px;
}

.accordion-cta {
    margin-top:35px;
}

.creator-tips {
    background:#e3dbce;
    display:grid;
    grid-template-columns:.65fr 1.65fr;
    gap:70px;
}

.tips-heading .eyebrow {
    margin-bottom:25px;
}

.tips-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px 35px;
}

.tips-grid .creator-icon {
    width:35px;
    height:35px;
    margin-bottom:18px;
}

.tips-grid h3 {
    font-size:16px;
    margin-bottom:10px;
}

.tips-grid p {
    font-size:13px;
    color:var(--muted);
    line-height:1.75;
}

.creator-setup .section-heading {
    margin-bottom:65px;
}

.setup-showcase {
    gap:80px;
}

.founder-contact {
    display:flex;
    align-items:center;
    gap:16px;
    text-decoration:none;
    margin-top:32px;
    width:fit-content;
}

.founder-contact img {
    width:60px;
    height:60px;
    object-fit:cover;
    border-radius:50%;
}

.founder-contact span {
    display:flex;
    flex-direction:column;
    gap:3px;
}

.founder-contact small {
    font-size:12px;
    color:var(--muted);
}

.founder-contact strong {
    font-size:15px;
    font-weight:500;
    text-decoration:underline;
    text-underline-offset:4px;
}

.setup-stage {
    padding:40px;
    background:#d4c900;
    border-radius:8px;
}

.setup-window {
    background:#fcfaf5;
    color:var(--green);
    border:1px solid #19423430;
    border-radius:10px;
    overflow:hidden;
    box-shadow:8px 10px 0 #19423418;
}

.window-bar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:13px 18px;
    border-bottom:1px solid #19423420;
    font:9px 'DM Mono',monospace;
}

.window-bar>span:first-child {
    font-size:8px;
    letter-spacing:2px;
}

.window-bar .creator-icon {
    width:15px;
    height:15px;
}

.setup-screen {
    padding:25px;
    min-height:365px;
}

.mock-cover {
    background:var(--green);
    height:63px;
    border-radius:3px;
    display:flex;
    justify-content:flex-end;
    overflow:hidden;
}

.mock-cover img {
    margin-right:18px;
}

.mock-avatar {
    display:flex;
    align-items:center;
    justify-content:center;
    background:#e9bcce;
    width:48px;
    height:48px;
    border-radius:50%;
    border:3px solid #fcfaf5;
    margin:-22px 0 15px 13px;
    position:relative;
}

.mock-avatar .creator-icon {
    width:24px;
    height:24px;
}

.setup-screen h3 {
    font:23px/1.35 'Nanum Myeongjo',serif;
    margin:10px 0 20px;
}

.mock-field {
    padding:11px 12px;
    border:1px solid #19423428;
    margin-top:12px;
    border-radius:4px;
    display:flex;
    flex-direction:column;
    gap:3px;
}

.mock-field small {
    font-size:9px;
    color:#5b665f;
}

.mock-field span {
    font-size:11px;
}

.fee-note {
    margin-top:22px;
    padding:18px;
    background:#ede6dc;
    border-radius:4px;
    font-size:12px;
}

.fee-note p {
    font-size:11px;
    margin-top:8px;
}

.creator-collections {
    background:#e3c6d1;
}

.collection-heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:38px;
}

.collection-heading .eyebrow {
    margin-bottom:20px;
}

.collection-tabs {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:30px;
}

.collection-tabs button {
    padding:10px 19px;
    min-height:44px;
    border:1px solid #56102355;
    border-radius:30px;
    background:transparent;
    color:var(--maroon);
    cursor:pointer;
    font-size:13px;
    transition:background .2s;
}

.collection-tabs button[aria-selected=true] {
    background:var(--maroon);
    color:var(--cream);
    border-color:var(--maroon);
}

.collection-panel {
    display:grid;
    grid-template-columns:1fr 1fr;
    background:var(--cream);
    border-radius:6px;
    overflow:hidden;
    min-height:410px;
}

.collection-photo {
    background:#ded3c3;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}

.collection-photo img {
    width:100%;
    height:100%;
    object-fit:cover;
    max-height:480px;
}

.collection-copy {
    padding:40px 45px;
}

.collection-copy h3 {
    font:32px/1.2 'Nanum Myeongjo',serif;
    letter-spacing:-.04em;
    margin:12px 0 18px;
}

.collection-copy>p:not(.eyebrow) {
    font-size:14px;
    color:var(--muted);
}

.collection-copy ul {
    list-style:none;
    margin:22px 0;
    padding:0;
    display:grid;
    gap:15px;
}

.collection-copy li {
    display:flex;
    gap:12px;
    align-items:center;
    font-size:12px;
}

.collection-copy li .creator-icon {
    width:22px;
    height:22px;
    flex-shrink:0;
}

.collection-copy .button {
    min-height:47px;
    font-size:13px;
}

.creator-final {
    position:relative;
    text-align:center;
    background:var(--maroon);
    color:var(--cream);
    overflow:hidden;
}

.creator-final>img {
    position:absolute;
    left:10%;
    top:28%;
    width:100px;
    transform:rotate(-15deg);
}

.creator-final .eyebrow {
    color:#efbaca;
    margin-bottom:25px;
}

.creator-final h2 {
    font-size:clamp(43px,5vw,72px);
}

.creator-final>p:not(.eyebrow):not(.small-note) {
    margin:25px 0;
}

.creator-final .button {
    background:var(--cream);
    color:var(--maroon)!important;
    border-color:var(--cream);
}

.creator-final .button:hover {
    background:#fff6e9;
}

.creator-final .small-note {
    color:#e1bbc5;
}

.creator-footer {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    padding:35px 6vw;
    font-size:12px;
}

.creator-footer img {
    filter:brightness(0) saturate(100%) invert(10%) sepia(42%) saturate(2663%) hue-rotate(314deg);
}

.creator-footer>span {
    color:var(--muted);
}

.signup-section {
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:start;
    gap:100px;
    padding-top:65px;
}

.signup-copy .eyebrow {
    margin-bottom:25px;
}

.signup-copy h1 {
    font-size:clamp(48px,5vw,70px);
}

.signup-copy .lead {
    margin-top:25px;
    font-size:16px;
}

.signup-gifts {
    max-width:270px;
    margin:10px auto -25px;
    mix-blend-mode:multiply;
}

.signup-card {
    background:#faf7f1;
    padding:40px;
    border:1px solid #56102320;
    border-radius:8px;
}

.signup-card h2 {
    font-size:36px;
}

.signup-card>p {
    color:var(--muted);
    font-size:14px;
    margin:14px 0 25px;
}

.form-field {
    margin-top:20px;
}

.form-field label {
    display:block;
    font-size:13px;
    font-weight:500;
    margin-bottom:7px;
}

.form-field label span {
    font-weight:400;
    color:var(--muted);
}

.form-field input,.form-field select {
    width:100%;
    min-height:49px;
    padding:11px 13px;
    background:#fffdf8;
    border:1px solid #56102350;
    border-radius:4px;
    color:var(--ink);
    font-size:16px;
}

.form-field input::placeholder {
    color:#776b6d;
    font-size:14px;
}

.form-field input[aria-invalid=true],.form-field select[aria-invalid=true] {
    border-color:#a1243c;
}

.signup-card form>.button {
    width:100%;
    margin-top:28px;
}

.creator-page .form-note {
    font-size:11px;
    color:var(--muted);
    margin-top:15px;
    line-height:1.6;
}

.signup-card .founder-contact {
    padding-top:25px;
    border-top:1px solid #56102320;
    margin-top:28px;
    width:100%;
}

.signup-card .founder-contact img {
    width:52px;
    height:52px;
}

.creator-page .form-error,.creator-page .field-error {
    color:#92233a;
    font-size:13px;
}

.form-error {
    padding:14px;
    background:#f9e5e5;
    border-radius:4px;
}

.field-error {
    margin-top:5px!important;
}

.signup-success {
    padding:20px 0;
}

.success-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:65px;
    height:65px;
    background:#dce6d5;
    color:var(--green);
    border-radius:50%;
    margin-bottom:25px;
}

.signup-success h2 {
    font-size:37px;
    margin:18px 0;
}

.signup-success>p:not(.eyebrow) {
    font-size:15px;
    color:var(--muted);
    margin-bottom:28px;
}

.signup-success .button {
    font-size:13px;
    gap:15px;
}

@media(min-width:1600px) {
    .creator-nav {
        padding-left:0;
        padding-right:0;
        max-width:1240px;
    }
    .creator-hero {
        gap:60px;
    }
}

@media(max-width:1100px) {
    .creator-nav {
        padding:22px 5vw;
    }
    .creator-nav nav {
        gap:20px;
    }
    .creator-brand {
        gap:12px;
    }
    .creator-brand span {
        padding-left:12px;
    }
    .section-pad {
        padding:75px 6vw;
    }
    .creator-hero {
        padding-top:40px;
        gap:20px;
    }
    .showcase {
        gap:45px;
    }
    .creator-tips {
        grid-template-columns:1fr;
        gap:35px;
    }
    .tips-heading h2 br {
        display:none;
    }
    .tips-grid {
        gap:30px;
    }
    .phone-stage {
        min-height:585px;
    }
    .setup-stage {
        padding:25px;
    }
    .signup-section {
        gap:45px;
    }
    .signup-card {
        padding:30px;
    }
    .collection-copy {
        padding:30px;
    }
    .creator-final>img {
        left:5%;
        width:80px;
    }
}

@media(max-width:760px) {
    .creator-nav {
        padding:18px 5vw;
        gap:10px;
    }
    .creator-brand img {
        width:108px;
    }
    .creator-brand {
        gap:8px;
    }
    .creator-brand span {
        font-size:9px;
        padding-left:9px;
    }
    .creator-nav .nav-detail {
        display:none;
    }
    .creator-nav nav {
        gap:0;
    }
    .creator-nav .button-small {
        font-size:12px;
        min-height:40px;
        padding:8px 12px;
        gap:15px;
    }
    .creator-nav .text-link {
        font-size:11px;
    }
    .section-pad {
        padding:60px 6vw;
    }
    .creator-hero {
        grid-template-columns:1fr;
        gap:25px;
        padding-top:38px;
        padding-bottom:40px;
    }
    .hero-copy {
        text-align:center;
    }
    .hero-copy .eyebrow {
        justify-content:center;
        font-size:9px;
        margin-bottom:23px;
    }
    :where(.creator-page) h1 {
        font-size:clamp(44px,8.8vw,66px);
        max-width:580px;
        margin:auto;
    }
    .hero-copy .lead {
        font-size:15px;
        max-width:430px;
        margin:24px auto;
    }
    .hero-art {
        min-height:0;
        width:min(100%,430px);
        margin:auto!important;
    }
    .hero-gifts {
        aspect-ratio:1.16;
    }
    .hero-star {
        width:55px;
        right:7%;
        top:1%;
    }
    .gift-note {
        right:0;
        bottom:0;
        font-size:12px;
        padding:10px 14px;
    }
    .gift-note em {
        font-size:27px;
    }
    .appreciation h2 {
        font-size:37px;
    }
    .appreciation h2 br {
        display:none;
    }
    .appreciation>p:not(.eyebrow) {
        font-size:14px;
    }
    .appreciation-notes {
        gap:20px;
        flex-direction:column;
        align-items:center;
        margin-top:32px;
    }
    .appreciation-notes span {
        font-size:13px;
    }
    .section-heading {
        margin-bottom:35px;
    }
    .section-heading .eyebrow {
        font-size:10px;
        margin-bottom:16px;
    }
    .showcase {
        grid-template-columns:minmax(0,1fr);
        gap:26px;
    }
    .phone-stage {
        width:100%;
        max-width:460px;
        justify-self:center;
        min-height:570px;
        border-radius:120px 120px 7px 7px;
    }
    .stage-motif {
        left:-12px;
        width:120px;
    }
    .accordion summary {
        padding:22px 0;
    }
    .accordion h3 {
        font-size:18px;
    }
    .accordion details p {
        font-size:14px;
        padding-right:0;
    }
    .accordion-cta {
        margin-top:25px;
    }
    .tips-grid {
        grid-template-columns:repeat(2,1fr);
        gap:35px 25px;
    }
    .tips-heading h2 {
        font-size:42px;
    }
    .tips-heading h2 br {
        display:none;
    }
    .tips-grid p {
        font-size:12px;
    }
    .tips-grid h3 {
        font-size:15px;
    }
    .creator-setup .section-heading {
        margin-bottom:30px;
    }
    .setup-stage {
        grid-row:1;
        max-width:460px;
        width:100%;
        justify-self:center;
        padding:25px;
    }
    .setup-screen {
        min-height:360px;
    }
    .setup-window {
        box-shadow:5px 7px 0 #19423418;
    }
    .collection-heading {
        display:block;
        margin-bottom:25px;
    }
    .collection-heading h2 {
        margin-bottom:20px;
    }
    .collection-tabs {
        gap:8px;
        margin-bottom:22px;
    }
    .collection-tabs button {
        padding:9px 13px;
        font-size:11px;
        min-height:40px;
    }
    .collection-panel {
        grid-template-columns:1fr;
    }
    .collection-photo {
        height:240px;
    }
    .collection-photo img {
        object-position:center;
    }
    .collection-copy {
        padding:28px;
    }
    .collection-copy h3 {
        font-size:29px;
    }
    .collection-copy>p:not(.eyebrow) {
        font-size:13px;
    }
    .creator-final>img {
        position:static;
        width:52px;
        margin:0 auto 28px;
    }
    .creator-final .eyebrow {
        font-size:10px;
    }
    .creator-final>p:not(.eyebrow):not(.small-note) {
        font-size:14px;
    }
    .creator-footer {
        flex-wrap:wrap;
        padding:30px 6vw;
        gap:20px;
        font-size:11px;
    }
    .creator-footer>span {
        order:3;
        width:100%;
        font-size:10px;
    }
    .creator-footer img {
        width:100px;
    }
    .signup-section {
        grid-template-columns:1fr;
        gap:30px;
        padding-top:35px;
    }
    .signup-copy {
        text-align:center;
    }
    .signup-copy h1 {
        font-size:50px;
    }
    .signup-copy .eyebrow {
        font-size:9px;
    }
    .signup-copy .lead {
        font-size:14px;
        margin:20px auto 0;
    }
    .signup-gifts {
        display:none!important;
    }
    .signup-card {
        padding:26px;
    }
    .signup-card h2 {
        font-size:33px;
    }
    .creator-signup-page .creator-brand span {
        display:none;
    }
    .signup-success .button {
        width:100%;
        font-size:12px;
        padding:12px 16px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .creator-page * {
        transition:none!important;
        scroll-behavior:auto!important;
    }
}

.phone-brand img {
    width:71px;
    filter:brightness(0) saturate(100%) invert(20%) sepia(18%) saturate(1051%) hue-rotate(105deg);
}

@media(max-width:360px) {
    .creator-brand span {
        display:none;
    }
    .phone-stage {
        padding-left:16px;
        padding-right:16px;
    }
    .phone-screen {
        padding:18px 13px;
    }
    .mock-gift {
        grid-template-columns:58px 1fr;
        gap:9px;
    }
    .setup-stage {
        padding:18px;
    }
    .setup-screen {
        padding:20px;
    }
    .tips-grid {
        gap:30px 18px;
    }
}


/* A simple progression: receive gifts, hand over the admin, grow a community. */
.hero-plan-actions { display:flex; align-items:center; gap:25px; flex-wrap:wrap; }
.creator-plans { color:var(--green); background:#faf7f1; scroll-margin-top:24px; }
.creator-plans .section-heading { max-width:650px; margin-left:auto; margin-right:auto; }
.creator-plans .section-heading > p:last-child { color:#52665a; }
.plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.plan-card { display:flex; flex-direction:column; padding:28px; border:1px solid #19423435; border-radius:0; background:#fffdf8; }
.plan-topline { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:37px; margin-bottom:25px; }
.plan-topline .creator-icon { display:block; width:28px; height:28px; }
.plan-badge { font:10px/1.4 'DM Mono',monospace; padding:7px 9px; background:#ede6dc; border-radius:0; }
.creator-page .plan-card h3 { font:38px/1.2 'Nanum Myeongjo',Georgia,serif; letter-spacing:-.04em; }
.creator-page .plan-description { font-size:13px; line-height:1.65; margin-top:12px; min-height:44px; color:#52665a; }
.creator-page .plan-price { display:flex; align-items:baseline; gap:8px; margin:26px 0; }
.plan-price strong { font-size:44px; font-weight:500; line-height:1.1; letter-spacing:-.05em; }
.plan-price > span { font-size:12px; }
.creator-page .plan-includes { font-size:12px; font-weight:600; padding-top:21px; border-top:1px solid #19423425; }
.plan-card ul { display:grid; gap:16px; list-style:none; padding:0; margin:22px 0 30px; }
.plan-card li { display:flex; align-items:flex-start; gap:10px; font-size:13px; line-height:1.6; }
.plan-card li .creator-icon { flex:none; width:18px; height:18px; margin-top:2px; }
.plan-footer { margin-top:auto; }
.plan-footer .button { width:100%; background:var(--green); border-color:var(--green); font-size:13px; gap:12px; padding:14px 17px; }
.plan-footer .button:hover { background:#285b49; }
.creator-page .plan-footer > p { margin-top:12px; text-align:center; font-size:11px; }
.plan-card-basic { background:var(--green); color:#fffdf8; border-color:var(--green); box-shadow:6px 6px 0 var(--pink); }
.plan-card-basic .plan-badge { background:var(--pink); color:var(--green); }
.creator-page .plan-card-basic .plan-description { color:#d7e2d8; }
.plan-card-basic .plan-includes { border-color:#fffdf840; }
.plan-card-basic li .creator-icon { color:#ebc4d7; }
.plan-card-basic .button { background:var(--cream); color:var(--green)!important; border-color:var(--cream); font-weight:600; }
.plan-card-basic .button:hover { background:white; }
.plan-footer [data-plan-waitlist] { background:var(--pink); color:var(--green)!important; border-color:var(--pink); font-weight:600; box-shadow:3px 3px 0 var(--green); }
.plan-footer [data-plan-waitlist]:hover { background:#ebc4d7; border-color:#ebc4d7; }
.creator-page .plans-note { max-width:700px; margin:25px auto 0; text-align:center; color:#52665a; font-size:12px; line-height:1.9; }
@media (max-width:1000px) and (min-width:761px) {
    .plan-grid { gap:12px; }
    .plan-card { padding:22px 17px; }
    .plan-topline { align-items:flex-start; flex-direction:column; gap:12px; min-height:74px; }
    .creator-page .plan-description { min-height:65px; }
    .plan-footer .button { font-size:12px; padding:12px; }
}
@media (max-width:760px) {
    .hero-plan-actions { justify-content:center; gap:20px; }
    .plan-grid { grid-template-columns:1fr; max-width:460px; margin:auto; gap:20px; }
    .plan-card { padding:26px; }
    .creator-page .plan-description { min-height:0; }
    .plan-topline { margin-bottom:20px; }
    .creator-page .plan-price { margin:23px 0; }
}

/* Real appreciation, followed by recognizable examples of sharing a wishlist. */
.appreciation.appreciation-with-photo { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:48px; align-items:center; text-align:left; }
.appreciation-with-photo h2 { font-size:clamp(34px,3.5vw,54px); }
.appreciation-with-photo p { margin-left:0; }
.appreciation-with-photo .appreciation-notes { justify-content:flex-start; gap:14px; flex-wrap:wrap; }
.creator-receiving-photo { margin:0; min-width:0; }
.creator-receiving-photo img { width:100%; border-radius:8px; }
.creator-receiving-photo figcaption { font-size:11px; margin-top:10px; color:var(--muted); }
.creator-sharing { background:#f8f5ee; color:var(--green); }
.social-profile-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:48px; }
.social-example { margin:0; min-width:0; display:flex; flex-direction:column; }
.social-example > figcaption { margin-bottom:14px; font-size:13px; font-weight:600; }
.social-profile { flex:1; padding:22px; border:1px solid #19423420; border-radius:14px; background:white; color:#222; box-shadow:0 12px 35px #19423408; font:13px/1.55 'DM Sans',sans-serif; overflow:hidden; }
.social-profile strong { font-size:15px; }
.social-profile p { margin:10px 0 14px; font-size:13px; }
.social-platform { display:flex; align-items:center; gap:8px; padding-bottom:17px; margin-bottom:20px; border-bottom:1px solid #eee; font-weight:600; font-size:16px; }
.social-platform > span:last-child { margin-left:auto; }
.social-avatar { border-radius:50%; object-fit:cover; flex:none; }
.social-ig-top, .social-channel { display:flex; gap:14px; align-items:center; margin-bottom:18px; }
.social-ig-top .social-avatar { border:3px solid #eac0d1; padding:3px; }
.social-counts { display:flex; gap:16px; margin-top:8px; font-size:10px; }
.social-counts b { display:block; font-size:13px; }
.social-wishlist-link { display:flex; gap:7px; align-items:center; padding:12px 10px; background:#f3dce9; border:1px dashed #b95393; border-radius:7px; color:#194234; font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.social-wishlist-link svg { width:17px; height:17px; flex:none; }
.social-wishlist-link small, .social-channel small { display:block; font-size:10px; font-weight:400; }
.social-profile-actions { display:flex; gap:8px; margin-top:16px; }
.social-profile-actions span { flex:1; border-radius:6px; padding:7px 10px; text-align:center; font-size:11px; font-weight:600; background:#f1f1f1; }
.social-mini-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:20px; }
.social-mini-grid span { aspect-ratio:1.4; display:grid; place-items:center; background:#ede6dc; }
.social-mini-grid span:nth-child(2) { background:#eac0d1; }
.social-mini-grid svg { width:24px; height:24px; }
.social-cover { background:#194234; color:#ede6dc; padding:18px; margin:0 -22px 18px; font:22px/1.25 Georgia,serif; min-height:90px; }
.social-youtube .social-cover { background:#eac0d1; color:#194234; text-align:center; }
.social-youtube .social-profile-actions span { background:#222; color:white; border-radius:22px; }
.social-linkedin > .social-avatar { margin-top:-45px; position:relative; border:3px solid white; margin-bottom:8px; }
.social-linkedin .social-profile-actions span:first-child { background:#0a66c2; color:white; }
.youtube-play { color:#e22; font-size:18px; }
.social-examples-note { text-align:center; font-size:11px; color:var(--muted); margin-top:22px; }
.sharing-cta { text-align:center; margin-top:28px; }
@media(max-width:1000px) { .social-profile-grid { gap:14px; } .social-profile { padding:16px; } .social-cover { margin-left:-16px; margin-right:-16px; } .social-ig-top { gap:8px; flex-wrap:wrap; } }
@media(max-width:760px) { .appreciation.appreciation-with-photo { grid-template-columns:1fr; gap:28px; } .social-profile-grid { grid-template-columns:1fr; max-width:390px; margin:32px auto 0; gap:32px; } .social-profile { padding:22px; } .social-cover { margin-left:-22px; margin-right:-22px; } .social-ig-top { gap:14px; flex-wrap:nowrap; } }
.creator-page .social-avatar { border-radius:50% !important; }
.social-platform > img { filter:brightness(0); opacity:.8; }
.social-linkedin .social-cover { min-height:120px; padding-bottom:44px; }
.creator-sharing .button { background:var(--green); color:var(--cream); }
.appreciation-with-photo .creator-receiving-photo figcaption { color:#ede6dc; opacity:.8; }
.follower-hero { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:48px; color:var(--green); }
.follower-hero h1 { font:400 clamp(44px,5vw,76px)/1.1 'Nanum Myeongjo',Georgia,serif; letter-spacing:-.045em; margin:20px 0; }
.follower-hero img { width:100%; }
.follower-hero .button { margin-top:24px; background:var(--green); }
.follower-steps { background:#fffdf8; color:var(--green); }
.follower-step-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:48px; }
.follower-step-grid article > svg { width:36px; height:36px; display:block; margin-bottom:24px; }
.follower-step-grid h3 { font:400 27px/1.3 'Nanum Myeongjo',Georgia,serif; margin:12px 0; }
.follower-step-grid p { font-size:15px; }
.follower-good-to-know { color:var(--green); }
.follower-good-to-know .accordion { max-width:800px; margin:40px auto 0; }
@media(max-width:760px) { .follower-hero,.follower-step-grid { grid-template-columns:1fr; gap:32px; } }

/* Plan-specific early-access wizard. */
.plan-footer button.button { text-align:left; white-space:normal; line-height:1.5; cursor:pointer; }
.creator-page dialog.creator-plan-waitlist { position:fixed; inset:0; margin:auto; padding:36px; width:min(480px,calc(100vw - 32px)); max-height:90dvh; overflow-y:auto; border:1px solid #19423425; background:#fffdf8; color:#194234; }
.creator-plan-waitlist::backdrop { background:#102d2488; }
.creator-plan-waitlist h2 { font:400 34px/1.2 'Nanum Myeongjo',Georgia,serif; margin:12px 0; }
.creator-plan-waitlist p { font-size:13px; }
.plan-waitlist-close { position:absolute; top:10px; right:14px; border:0; background:none; color:#194234; font-size:28px; cursor:pointer; }
.creator-plan-waitlist form { margin-top:24px; }
.creator-plan-waitlist label { display:block; margin:16px 0 6px; font-size:13px; }
.creator-plan-waitlist input { display:block; width:100%; padding:12px; border:1px solid #19423455; background:white; color:#194234; }
.creator-plan-waitlist form .button { width:100%; margin-top:24px; background:#194234; color:#fffdf8; cursor:pointer; }
.creator-plan-waitlist button:disabled { opacity:.5; cursor:wait; }
#planWaitlistStatus { margin-top:16px; }

/* Landing previews echo the cream cards, green navigation and pink accents in the app. */
.creator-features { color:var(--green); padding-top:56px; }
.creator-features .section-heading > p { max-width:610px; }
.creator-ui-preview { background:var(--cream); border-radius:34px!important; }
.creator-ui-preview .phone-island { border-radius:15px!important; }
.creator-ui-preview .phone-top,.creator-ui-preview .phone-brand { background:var(--green); color:var(--cream); }
.creator-ui-preview .phone-brand img { filter:brightness(0) invert(93%) sepia(12%) saturate(249%) hue-rotate(349deg); }
.creator-ui-preview .preview-user-badge { display:grid; place-items:center; width:23px; height:23px; background:#ecc7d3; color:var(--green); font-size:10px; clip-path:polygon(50% 0,64% 15%,85% 15%,85% 36%,100% 50%,85% 64%,85% 85%,64% 85%,50% 100%,36% 85%,15% 85%,15% 64%,0 50%,15% 36%,15% 15%,36% 15%); }
.creator-ui-preview .phone-screen { padding:16px; min-height:460px; }
.creator-ui-preview .preview-avatar { width:32px; height:32px; border-radius:50%!important; object-fit:cover; flex:none; }
.preview-banner { height:65px; background:var(--green); overflow:hidden; display:flex; justify-content:flex-end; }
.preview-banner img { width:88px; height:94px; margin:-15px 14px 0 0; }
.preview-profile { padding:0 9px; }
.creator-ui-preview .preview-profile > img { position:relative; width:66px; height:66px; border:3px solid var(--cream); margin-top:-24px; }
.creator-ui-preview .preview-profile h3 { font-size:23px; margin:10px 0 3px; }
.preview-profile > span { font-size:10px; color:#52665a; }
.creator-ui-preview .preview-profile p { margin:10px 0 14px; line-height:1.5; }
.preview-live { display:flex; align-items:center; gap:7px; background:#fffdf8; padding:11px; margin-bottom:12px; }
.preview-live strong { font:17px 'Cormorant Garamond',Georgia,serif; }
.preview-live-dot { width:5px; height:5px; background:var(--green); }
.preview-live svg { width:15px; height:15px; margin-left:auto; color:var(--pink); }
.preview-gift-card { background:#fff; box-shadow:4px 5px 0 #19423420; }
.preview-fund-art { width:100%; height:110px!important; object-fit:contain; background:#faf7f1; }
.preview-gift-details { padding:12px; }
.preview-gift-details h4 { font:17px/1.25 'Nanum Myeongjo',Georgia,serif; margin:0 0 8px; }
.preview-gift-details > span { font-size:14px; }
.preview-gift-details small { font-size:8px; }
.preview-gift-details > span small { margin-left:5px; letter-spacing:1px; }
.creator-ui-preview .mock-progress { height:4px; border-radius:0; margin:9px 0; background:#e7ebea; }
.creator-ui-preview .mock-progress span { background:#e45558; border-radius:0; }
.preview-supporters { display:flex; align-items:center; gap:6px; }
.creator-ui-preview .preview-supporters img { width:16px; height:16px; }
.preview-page-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:14px; }
.creator-ui-preview .preview-page-heading h3 { margin:0; font-size:26px; }
.preview-page-heading > span { font:8px 'DM Mono',monospace; padding:4px 6px; background:#f3dce9; }
.preview-page-heading > svg { width:22px; height:22px; }
.preview-activity { padding:12px 10px; border-top:1px solid #19423420; border-bottom:1px solid #19423420; }
.preview-contributor,.preview-contribution-row { display:flex; gap:8px; align-items:center; font-size:11px; }
.preview-contributor > div,.preview-contribution-row > div { flex:1; min-width:0; }
.preview-contributor small,.preview-contribution-row small { display:block; font-size:8px; color:#52665a; }
.preview-contributor > strong { color:var(--green); font-size:11px; }
.preview-activity blockquote { margin:12px 0; padding:12px; background:var(--blue); font:italic 16px/1.4 'Cormorant Garamond',Georgia,serif; }
.preview-mail-action { display:flex; align-items:center; gap:7px; font-size:9px; color:var(--green); }
.preview-thanks { margin-top:16px; padding:16px 12px; background:#fffdf8; box-shadow:3px 4px 0 #19423415; }
.creator-ui-preview .preview-thanks h3 { font-size:23px; margin:0 0 7px; }
.preview-thanks small { display:block; font-size:8px; line-height:1.5; }
.preview-presets { display:flex; gap:5px; margin:14px 0 10px; font-size:8px; }
.preview-presets span { border:1px solid #19423430; padding:4px 6px; }
.preview-note { padding:12px; border:1px solid #19423430; background:white; font-size:10px; line-height:1.7; }
.creator-ui-preview .mock-action { background:var(--pink); color:var(--green); border-radius:0; font-weight:600; margin-top:14px; }
.preview-thanks .mock-action { margin-bottom:9px; }
.preview-total { background:var(--green); color:var(--cream); padding:18px; }
.preview-total > * { display:block; }
.preview-total span { font:8px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:1px; }
.preview-total strong { font:36px/1.6 'Cormorant Garamond',Georgia,serif; color:#ecc7d3; }
.preview-total small { font-size:9px; }
.preview-fund-summary { display:flex; align-items:center; gap:10px; padding:17px 0; font-size:11px; }
.preview-fund-summary img { width:60px; height:65px; object-fit:contain; background:#fffdf8; }
.preview-fund-summary small { font-size:9px; }
.preview-contribution-row { padding:14px 0; border-top:1px solid #19423425; }
.preview-contribution-row > strong { font:11px 'DM Mono',monospace; }
.preview-order-art { height:120px; display:flex; align-items:center; justify-content:center; background:#f3dce9; position:relative; }
.preview-order-art > svg { width:65px; height:65px; }
.preview-order-art > img { position:absolute; right:13px; bottom:8px; width:35px; }
.creator-ui-preview .preview-order-copy h3 { font-size:23px; margin-top:20px; }
.creator-ui-preview .preview-order-copy p { margin-bottom:10px; }
.creator-ui-preview .mock-timeline { margin:10px 0; font-size:10px; }
.creator-ui-preview .mock-notice { background:#fffdf8; border-radius:0; }

/* Bio examples belong to the Share your wishlist illustration, not a separate section. */
.setup-showcase .setup-stage { min-width:0; background:#eac0d1; }
.social-preview-tabs { display:flex; gap:5px; margin-bottom:20px; }
.social-preview-tabs button { flex:1; min-width:0; padding:10px 5px; border:1px solid #19423440; background:transparent; color:var(--green); font-size:11px; cursor:pointer; }
.social-preview-tabs button[aria-selected="true"] { color:#fffdf8; background:var(--green); border-color:var(--green); }
.social-preview .social-example > figcaption { color:var(--green); font-size:12px; margin-bottom:10px; }
.social-preview .social-profile { padding:18px; border-radius:0; box-shadow:5px 7px 0 #19423418; min-height:385px; }
.social-preview .social-platform { font-size:15px; padding-bottom:14px; margin-bottom:16px; }
.social-preview .social-profile p { font-size:12px; }
.social-preview .social-avatar { width:56px; height:56px; }
.social-preview .social-ig-top { flex-wrap:nowrap; gap:12px; }
.social-preview .social-cover { margin-left:-18px; margin-right:-18px; }
.social-preview .social-wishlist-link { font-size:11px; }
.social-preview .social-mini-grid { margin-top:15px; }
.social-preview .social-mini-grid span { aspect-ratio:2; }
.social-preview .social-examples-note { margin-top:17px; font-size:10px; }
@media(max-width:760px) {
    .creator-features { padding-top:35px; }
    .creator-features .phone-stage { min-height:0; padding-top:28px; }
    .setup-showcase .setup-stage { padding:22px; }
}
@media(max-width:360px) {
    .setup-showcase .setup-stage { padding:14px; }
    .social-preview .social-profile { padding:14px; }
    .social-preview .social-cover { margin-left:-14px; margin-right:-14px; }
    .social-preview .social-platform { font-size:13px; }
    .social-preview .social-avatar { width:46px; height:46px; }
    .social-preview .social-profile strong { font-size:13px; }
    .social-preview .social-counts { gap:10px; }
    .social-preview-tabs button { font-size:10px; }
}

/* Creator privacy: two private details, with simple brand illustrations. */
.creator-privacy {
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr;
    gap:48px;
    align-items:center;
    background:var(--blue);
    color:var(--green);
}
.creator-privacy article { max-width:310px; }
.creator-privacy .privacy-illustration { display:block; width:160px; height:112px; margin-bottom:24px; }
.creator-privacy h3 { margin-bottom:12px; }
.creator-privacy p { font-size:16px; line-height:1.6; }
@media (max-width:1000px) {
    .creator-privacy { grid-template-columns:1fr 1fr; gap:36px; }
    .creator-privacy h2 { grid-column:1/-1; }
}
@media (max-width:540px) {
    .creator-privacy { grid-template-columns:1fr; gap:32px; }
    .creator-privacy article { max-width:none; }
    .creator-privacy .privacy-illustration { width:128px; height:90px; margin-bottom:16px; }
}

/* Small versions of the creator profile and bank-account forms. */
.setup-ui-preview { border-radius:0; }
.setup-ui-preview .window-bar { background:var(--green); color:var(--cream); }
.setup-ui-preview .window-bar img { width:72px; height:24px; object-fit:contain; }
.setup-ui-preview .setup-screen { background:var(--cream); }
.setup-ui-preview .setup-screen h3 { margin-top:0; }
.setup-ui-preview .mock-field { border-radius:0; background:#fffdf8; }
.setup-ui-preview .mock-field small { font-size:11px; }
.setup-ui-preview .mock-field span { font-size:14px; overflow-wrap:anywhere; }
.setup-preview-photo { display:flex; align-items:center; gap:18px; margin-bottom:22px; font-size:13px; }
.setup-preview-portrait { position:relative; flex:none; }
.setup-preview-portrait > img { width:76px; height:76px; object-fit:cover; border-radius:50%; }
.setup-preview-portrait > span { display:grid; place-items:center; position:absolute; right:-4px; bottom:0; width:28px; height:28px; background:var(--pink); }
.setup-preview-portrait .creator-icon { width:18px; height:18px; }
.setup-preview-label { font-size:11px; margin:18px 0 8px; display:block; }
.setup-preview-types { display:flex; flex-wrap:wrap; gap:8px; }
.setup-preview-types > span { display:flex; align-items:center; gap:6px; padding:8px; border:1px solid var(--green); background:#fffdf8; font-size:11px; }
.setup-preview-types .creator-icon { width:16px; height:16px; }
.setup-preview-types .selected { background:var(--green); color:var(--cream); }
.setup-preview-footer { display:flex; justify-content:space-between; align-items:center; margin-top:22px; font:11px 'DM Mono',monospace; }
.setup-preview-footer .mock-action { border-radius:0; margin:0; padding:10px 18px; background:var(--green); color:var(--cream); }
.setup-payment-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; }
.setup-ui-preview .setup-payment-heading h3 { margin:0; }
.setup-payment-heading > span { display:flex; align-items:center; gap:4px; color:var(--green); font-size:11px; }
.setup-payment-heading .creator-icon { width:16px; height:16px; }
.setup-ui-preview .mock-notice { border-radius:0; background:#fffdf8; font-size:12px; }

.creator-page dialog.creator-plan-waitlist { border-radius:0; }
.creator-plan-waitlist fieldset { border:0; padding:0; margin:0; min-width:0; }
.creator-plan-waitlist legend { padding:0; font-size:17px; font-weight:500; }
.creator-plan-waitlist input,.creator-plan-waitlist select { border-radius:0; }
.creator-plan-waitlist select { width:100%; padding:12px; border:1px solid #19423455; background:white; color:var(--green); }
.waitlist-other-social { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.waitlist-other-social > div { min-width:0; }
.waitlist-wizard-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:24px; }
.creator-plan-waitlist .waitlist-wizard-actions .button { width:auto; margin:0; padding:12px 16px; border-radius:0; font-size:12px; }
#planWaitlistBack { background:none; border:0; padding:8px 0; color:var(--green); cursor:pointer; }
#planWaitlistStep { font:11px 'DM Mono',monospace; }
@media(max-width:540px) { .creator-page dialog.creator-plan-waitlist { padding:30px 22px 22px; } }