:root { --debut-navy: #0b1220; --debut-blue: #4f7dff; --debut-sky: #dce8ff; --debut-paper: #fbfaf7; --debut-gold: #d8ae65; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; background: var(--debut-paper); color: var(--debut-navy); }
.debut-site-shell { width: min(100%, 1480px); margin: 0 auto; padding: 0 42px; }
.debut-nav { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgba(11,18,32,.12); }
.debut-nav nav { display: flex; align-items: center; gap: 24px; font-size: 13px; font-weight: 700; }
.debut-nav .brand-lockup, .debut-footer img { width: 196px; height: auto; }
.debut-home-hero, .creator-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(480px, .95fr); gap: clamp(48px, 7vw, 110px); align-items: center; padding: clamp(64px, 9vw, 130px) 0 90px; }
.debut-home-copy h1, .creator-copy h1 { margin: 16px 0 24px; max-width: 790px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(58px, 7.2vw, 108px); font-weight: 500; line-height: .89; letter-spacing: -.065em; }
.debut-home-copy > p, .creator-copy > p { max-width: 700px; margin: 0; color: #596273; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.65; }
.free-first-proof { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 32px; }
.free-first-proof span { padding: 9px 12px; border: 1px solid rgba(11,18,32,.13); border-radius: 99px; background: rgba(255,255,255,.7); font-size: 11px; font-weight: 760; }
.generator-card { overflow: hidden; border: 1px solid rgba(11,18,32,.13); border-radius: 28px; background: rgba(255,255,255,.93); box-shadow: 0 30px 90px rgba(11,18,32,.12); }
.generator-card-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 26px; border-bottom: 1px solid rgba(11,18,32,.1); background: #0b1220; color: white; }
.generator-card-head span { color: #9eb9ff; font-size: 10px; font-weight: 850; letter-spacing: .15em; }
.generator-card-head strong { font-size: 13px; }
.debut-form { padding: 28px; }
.debut-form label { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 780; }
.debut-form input { border-color: rgba(11,18,32,.14); border-radius: 12px; background: #fff; }
.debut-form input[type="file"] { padding: 12px; font-size: 11px; }
.debut-url-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; }
.field-help { margin: 8px 0 0; color: #737b88; font-size: 11px; line-height: 1.5; }
.form-divider { display: flex; align-items: center; gap: 12px; margin: 22px 0; color: #8b929e; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.form-divider::before, .form-divider::after { content: ''; flex: 1; height: 1px; background: rgba(11,18,32,.1); }
.manual-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.manual-fields .field-wide { grid-column: 1 / -1; }
.form-submit-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 25px; padding-top: 22px; border-top: 1px solid rgba(11,18,32,.1); }
.form-submit-row strong, .form-submit-row span { display: block; }
.form-submit-row strong { font-size: 13px; }
.form-submit-row span { margin-top: 4px; color: #7a818d; font-size: 10px; }
.debut-form-status { min-height: 18px; margin: 13px 0 0; color: #596273; font-size: 12px; }
.debut-form-status.error { color: #a23b32; }
.template-notice { margin-bottom: 20px; padding: 15px; border: 1px solid #9fb9ff; border-radius: 13px; background: #edf3ff; }
.template-notice strong, .template-notice span { display: block; }
.template-notice strong { font-size: 12px; }
.template-notice span { margin-top: 4px; color: #526078; font-size: 11px; line-height: 1.45; }
.output-ribbon { display: grid; grid-template-columns: repeat(6, 1fr); border: solid rgba(11,18,32,.12); border-width: 1px 0; }
.output-ribbon span { padding: 24px 14px; border-right: 1px solid rgba(11,18,32,.1); text-align: center; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.output-ribbon span:last-child { border-right: 0; }
.home-value-section, .free-tools-section { padding: 125px 0; }
.section-heading { max-width: 850px; }
.section-heading.compact { max-width: 760px; }
.section-heading h2, .prepared-pack h2, .tool-faq h2 { margin: 13px 0 18px; font-family: Georgia, serif; font-size: clamp(43px, 5vw, 72px); font-weight: 500; line-height: .98; letter-spacing: -.05em; }
.section-heading p, .prepared-pack p { color: #626b79; font-size: 17px; line-height: 1.65; }
.loop-steps, .tool-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 60px; }
.loop-steps article, .tool-benefits article { padding: 31px; border: 1px solid rgba(11,18,32,.11); border-radius: 22px; background: rgba(255,255,255,.68); }
.loop-steps b, .tool-benefits span { color: var(--debut-blue); font-size: 11px; letter-spacing: .12em; }
.loop-steps h3, .tool-benefits h2 { margin: 28px 0 10px; font-size: 23px; letter-spacing: -.03em; }
.loop-steps p, .tool-benefits p { margin: 0; color: #66707e; font-size: 14px; line-height: 1.6; }
.free-tools-section { border-top: 1px solid rgba(11,18,32,.1); }
.tool-card-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-top: 52px; }
.tool-card { grid-column: span 2; min-height: 315px; display: flex; flex-direction: column; padding: 28px; border: 1px solid rgba(11,18,32,.11); border-radius: 22px; background: #fff; transition: transform .18s, box-shadow .18s; }
.tool-card:nth-child(4) { grid-column: 2 / span 2; }
.tool-card:hover { transform: translateY(-4px); box-shadow: 0 22px 50px rgba(11,18,32,.1); }
.tool-card > span { color: var(--debut-blue); font-size: 11px; font-weight: 850; }
.tool-card h3 { margin: 38px 0 13px; font-size: 23px; line-height: 1.12; letter-spacing: -.03em; }
.tool-card p { margin: 0; color: #68717f; font-size: 13px; line-height: 1.6; }
.tool-card strong { margin-top: auto; padding-top: 25px; font-size: 12px; }
.debut-footer { min-height: 110px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid rgba(11,18,32,.12); color: #66707e; font-size: 12px; }
.auth-experience-shell { width: min(calc(100% - 48px), 1160px); min-height: 100vh; margin: 0 auto; display: grid; grid-template-rows: auto 1fr auto; }
.auth-experience-main { display: grid; place-items: center; padding: clamp(48px, 9vw, 110px) 0; }
.auth-experience-card { width: min(100%, 720px); padding: clamp(32px, 6vw, 64px); border: 1px solid rgba(79,125,255,.18); border-radius: 30px; background: rgba(255,255,255,.94); box-shadow: 0 30px 90px rgba(11,18,32,.12); text-align: center; }
.auth-state-mark { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 25px; border-radius: 18px; background: #edf2ff; color: var(--debut-blue); font-size: 18px; font-weight: 850; }
.auth-state-mark.success { color: #256a47; background: #e5f5eb; font-size: 27px; }
.auth-experience-card h1 { max-width: 620px; margin: 14px auto 18px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(42px, 6vw, 68px); font-weight: 500; line-height: .98; letter-spacing: -.05em; text-wrap: balance; }
.auth-experience-card > p { max-width: 580px; margin: 0 auto; color: #647083; font-size: 16px; line-height: 1.65; }
.auth-email-destination { display: grid; gap: 5px; margin: 30px auto 0; padding: 17px 20px; max-width: 430px; border: 1px solid rgba(11,18,32,.1); border-radius: 15px; background: #f7f9ff; }
.auth-email-destination span { color: #788396; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.auth-email-destination strong { font-size: 15px; overflow-wrap: anywhere; }
.auth-recovery-form { margin-top: 18px; }
.auth-recovery-form .button { min-width: min(100%, 330px); }
.account-login-form { display: grid; gap: 11px; width: min(100%, 590px); margin: 26px auto 0; text-align: left; }
.account-login-form label { color: #263248; font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.account-login-form input { width: 100%; min-height: 52px; padding: 13px 16px; border: 1px solid rgba(79,125,255,.28); border-radius: 14px; background: #fff; color: #111827; font: inherit; }
.account-login-form input:focus { border-color: var(--debut-blue); outline: 3px solid rgba(79,125,255,.15); outline-offset: 1px; }
.account-login-form .button { justify-self: center; min-width: min(100%, 240px); margin-top: 3px; }
.account-login-form [role="status"] { min-height: 20px; margin: 2px 0 0; color: #263248; font-size: 13px; line-height: 1.5; text-align: center; }
.quiet-auth-field { position: fixed !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.auth-experience-card .auth-help-copy { margin-top: 18px; color: #7a8495; font-size: 12px; }
.auth-primary-actions, .auth-secondary-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.auth-secondary-actions { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(11,18,32,.1); }
.auth-home-link { display: inline-block; margin-top: 24px; }
.auth-experience-footer nav { display: flex; flex-wrap: wrap; gap: 18px; }
.creator-main { padding-bottom: 80px; }
.creator-hero { padding-top: 90px; }
.creator-copy h1 { font-size: clamp(52px, 6vw, 88px); }
.task-example { max-width: 430px; margin-top: 35px; padding: 18px 20px; border-left: 3px solid var(--debut-blue); background: #edf2ff; }
.task-example span, .task-example strong, .task-example small { display: block; }
.task-example span { color: var(--debut-blue); font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.task-example strong { margin-top: 8px; font-size: 14px; }
.task-example small { margin-top: 4px; color: #657087; }
.tool-benefits { margin: 0; padding: 85px 0; border-top: 1px solid rgba(11,18,32,.1); }
.prepared-pack { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: center; margin: 40px 0 100px; padding: 70px; border-radius: 32px; background: #0b1220; color: white; }
.prepared-pack .eyebrow { color: #9fb8ff; }
.prepared-pack p { color: #b6c0d0; }
.prepared-list { display: grid; gap: 10px; }
.prepared-list span { padding: 15px 17px; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; background: rgba(255,255,255,.06); font-size: 13px; font-weight: 700; }
.tool-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; padding: 60px 0 100px; }
.tool-faq details { padding: 21px 0; border-bottom: 1px solid rgba(11,18,32,.12); }
.tool-faq summary { font-size: 17px; }
.tool-faq details p { color: #626b79; line-height: 1.65; }

/* Generated public debut */
.public-debut { --theme-bg: #09101c; --theme-panel: #111b2b; --theme-accent: #9db8ff; min-height: 100vh; background: var(--theme-bg); color: white; }
.public-debut.theme-editorial, .debut-embed.theme-editorial { --theme-bg: #211a16; --theme-panel: #322720; --theme-accent: #e1be83; }
.public-debut.theme-coastal, .debut-embed.theme-coastal { --theme-bg: #082229; --theme-panel: #11343c; --theme-accent: #9cdce0; }
.public-debut-nav, .public-debut > main, .public-debut-footer { width: min(calc(100% - 64px), 1380px); margin-inline: auto; }
.public-debut-nav { min-height: 84px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.15); }
.public-debut-nav img { width: 190px; filter: brightness(0) invert(1); }
.compact-button { min-height: 40px; padding-inline: 14px; color: white !important; border-color: rgba(255,255,255,.25) !important; background: rgba(255,255,255,.08) !important; }
.debut-reveal { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(380px, .82fr); min-height: 730px; padding: 48px 0 36px; }
.debut-photo { min-height: 620px; overflow: hidden; border-radius: 28px 0 0 28px; }
.debut-photo img { width: 100%; height: 100%; display: block; object-fit: cover; }
.debut-photo.reveal-locked { display: grid; place-items: center; padding: 30px; text-align: center; background: linear-gradient(145deg, var(--theme-panel), var(--theme-bg)); }
.debut-photo.reveal-locked span, .debut-photo.reveal-locked strong { display: block; }
.debut-photo.reveal-locked span { color: var(--theme-accent); font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.debut-photo.reveal-locked strong { max-width: 520px; margin-top: 18px; font-family: Georgia, serif; font-size: clamp(34px, 5vw, 62px); font-weight: 500; }
.debut-reveal-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(38px, 5vw, 76px); border-radius: 0 28px 28px 0; background: var(--theme-panel); }
.event-overline { color: var(--theme-accent); font-size: 10px; font-weight: 850; letter-spacing: .17em; text-transform: uppercase; }
.debut-reveal h1 { margin: 18px 0 16px; font-family: Georgia, serif; font-size: clamp(46px, 5vw, 76px); font-weight: 500; line-height: .98; letter-spacing: -.055em; }
.launch-label { color: #c3cbd6; font-size: 15px; line-height: 1.5; }
.countdown { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 37px 0; }
.countdown span { padding: 16px 8px; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; text-align: center; background: rgba(255,255,255,.05); }
.countdown b, .countdown small { display: block; }
.countdown b { font-size: clamp(23px, 3vw, 39px); font-variant-numeric: tabular-nums; }
.countdown small { margin-top: 5px; color: #9da7b5; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.countdown-live { margin: 28px 0; color: var(--theme-accent); font-family: Georgia, serif; font-size: 29px; }
.debut-primary-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.debut-primary-actions .primary { background: white; color: #0b1220; }
.debut-primary-actions .secondary { color: white; border-color: rgba(255,255,255,.2); background: transparent; }
.viral-attribution { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 110px; padding: 18px 22px; border: 1px solid rgba(255,255,255,.15); border-radius: 14px; color: #b9c4d2; font-size: 12px; }
.viral-attribution a { color: white; font-weight: 800; }
.lead-capture-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: start; margin-bottom: 100px; padding: 50px; border-radius: 24px; background: var(--theme-panel); }
.lead-capture-section h2 { margin: 12px 0; font-family: Georgia, serif; font-size: 44px; font-weight: 500; }
.lead-capture-section p { color: #aeb8c5; line-height: 1.6; }
.lead-capture-section form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.lead-capture-section label { font-size: 11px; font-weight: 800; }
.lead-capture-section input { margin-top: 7px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); color: white; }
.lead-capture-section .check-row, .lead-capture-section button, .lead-capture-section form > p { grid-column: 1 / -1; }
.lead-capture-section .check-row { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.lead-capture-section .check-row input { width: auto; margin: 0; }
.lead-capture-section .primary { justify-self: start; background: white; color: #0b1220; }
.debut-assets-section { padding-bottom: 110px; }
.debut-assets-section .section-heading p { color: #aeb8c5; }
.result-assets { display: grid; gap: 20px; margin-top: 55px; }
.result-asset { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr); gap: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; background: var(--theme-panel); }
.result-asset.featured { outline: 2px solid var(--theme-accent); outline-offset: 4px; }
.result-asset > div:last-child { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(28px, 5vw, 64px); }
.result-asset > div:last-child > span { color: var(--theme-accent); font-size: 10px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.result-asset h3 { margin: 14px 0 10px; font-family: Georgia, serif; font-size: 34px; font-weight: 500; line-height: 1.08; }
.result-asset p { margin: 0 0 24px; color: #aeb8c5; font-size: 13px; line-height: 1.6; }
.result-asset .button { color: white; border-color: rgba(255,255,255,.2); background: transparent; }
.result-preview { min-height: 390px; background: #060a11; }
.result-preview img { width: 100%; height: 100%; display: block; object-fit: cover; }
.qr-preview { display: grid; place-items: center; background: #edf1f5; }
.qr-preview img { width: min(82%, 430px); height: auto; object-fit: contain; }
.embed-preview { min-height: 470px; padding: 24px; background: #e8edf4; }
.embed-preview iframe { width: 100%; height: 100%; min-height: 420px; border: 0; border-radius: 18px; }
.caption-section { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; padding: 100px 0; border-top: 1px solid rgba(255,255,255,.15); }
.caption-section h2, .template-loop h2, .upgrade-heading h2 { margin: 12px 0; font-family: Georgia, serif; font-size: clamp(38px, 4vw, 58px); font-weight: 500; line-height: 1; letter-spacing: -.045em; }
.caption-section > div:first-child p, .template-loop p, .upgrade-heading p { color: #aeb8c5; line-height: 1.65; }
.caption-list { display: grid; gap: 11px; }
.caption-list article { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; padding: 18px 20px; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: rgba(255,255,255,.05); }
.caption-list p { margin: 0; color: #d8dfe8; font-size: 13px; line-height: 1.55; }
.caption-list button { border: 0; background: transparent; color: var(--theme-accent); font-size: 11px; font-weight: 800; }
.template-loop { display: flex; align-items: center; justify-content: space-between; gap: 70px; margin: 30px 0 100px; padding: 55px; border-radius: 26px; background: var(--theme-accent); color: #07101d; }
.template-loop p { max-width: 760px; color: rgba(7,16,29,.72); }
.template-loop .primary { flex: 0 0 auto; background: #07101d; color: white; }
.upgrade-after-result { padding: 100px 0 120px; border-top: 1px solid rgba(255,255,255,.15); }
.upgrade-heading { max-width: 830px; }
.upgrade-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; margin-top: 45px; }
.upgrade-grid a { min-height: 125px; padding: 20px; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: rgba(255,255,255,.045); }
.upgrade-grid strong, .upgrade-grid span { display: block; }
.upgrade-grid strong { font-size: 13px; }
.upgrade-grid span { margin-top: 8px; color: #97a3b2; font-size: 11px; }
.upgrade-actions { display: flex; align-items: center; gap: 18px; margin-top: 24px; }
.upgrade-actions .primary { background: white; color: #0b1220; }
.upgrade-actions span { color: #97a3b2; font-size: 11px; }
.public-debut-footer { min-height: 110px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.15); color: #9eabb9; font-size: 12px; }
.public-debut-footer a { color: white; font-weight: 800; }
.copy-toast { position: fixed; left: 50%; bottom: 30px; z-index: 10; padding: 11px 17px; border-radius: 99px; background: white; color: #0b1220; font-size: 12px; font-weight: 800; opacity: 0; transform: translate(-50%, 20px); transition: .2s; pointer-events: none; }
.copy-toast.visible { opacity: 1; transform: translate(-50%, 0); }

/* Embed, upgrade and feeds */
.debut-embed { --theme-bg: #09101c; --theme-panel: #111b2b; --theme-accent: #9db8ff; min-height: 100vh; display: grid; grid-template-rows: minmax(230px, 1fr) auto auto; background: var(--theme-bg); color: white; }
.embed-photo { min-height: 230px; }
.embed-photo img { width: 100%; height: 100%; display: block; object-fit: cover; }
.embed-copy { padding: 28px; }
.embed-copy > span { color: var(--theme-accent); font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.embed-copy h1 { margin: 9px 0; font-family: Georgia, serif; font-size: 29px; font-weight: 500; line-height: 1; }
.embed-copy > p { color: #aeb8c5; font-size: 12px; }
.countdown.compact { margin: 20px 0; }
.countdown.compact span { padding: 9px 4px; }
.countdown.compact b { font-size: 21px; }
.embed-open { font-size: 12px; font-weight: 800; }
.debut-embed footer { padding: 13px 28px; border-top: 1px solid rgba(255,255,255,.14); color: #9faab8; font-size: 10px; }
.debut-embed footer a { color: white; }
.upgrade-page { min-height: 100vh; width: min(calc(100% - 64px), 1100px); margin: 0 auto; }
.upgrade-page main { max-width: 900px; padding: 100px 0; }
.upgrade-page h1 { margin: 14px 0 20px; font-family: Georgia, serif; font-size: clamp(51px, 7vw, 82px); font-weight: 500; line-height: .94; letter-spacing: -.055em; }
.upgrade-page main > p { max-width: 700px; color: #626b79; font-size: 17px; line-height: 1.6; }
.upgrade-feature-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 40px 0; }
.upgrade-feature-list a { display: flex; gap: 12px; padding: 17px; border: 1px solid rgba(11,18,32,.12); border-radius: 12px; background: white; font-size: 13px; font-weight: 700; }
.upgrade-feature-list a.selected { border-color: var(--debut-blue); background: #edf2ff; }
.upgrade-feature-list span { color: var(--debut-blue); }
.upgrade-account-card { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 28px; border-radius: 19px; background: #0b1220; color: white; }
.upgrade-account-card strong, .upgrade-account-card span { display: block; }
.upgrade-account-card span { margin-top: 6px; color: #aeb8c5; font-size: 12px; }
.upgrade-account-card .primary { background: white; color: #0b1220; }
.upgrade-account-card form { display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 10px; align-items: end; min-width: min(100%, 520px); }
.upgrade-account-card form label { font-size: 10px; font-weight: 800; }
.upgrade-account-card form input { margin-top: 7px; background: white; color: #0b1220; }
.upgrade-account-card form p { grid-column: 1 / -1; margin: 0; color: #b8c3d2; font-size: 11px; }
.studio-page { min-height: 100vh; width: min(calc(100% - 64px), 1280px); margin: 0 auto; }
.studio-page main { padding: 65px 0 120px; }
.studio-page nav, .studio-page nav form { display: flex; align-items: center; gap: 20px; }
.studio-page nav button, .billing-link button { border: 0; padding: 0; background: transparent; color: #566172; font: inherit; }
.studio-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
.studio-heading h1 { margin: 10px 0; font-family: Georgia, serif; font-size: clamp(48px, 6vw, 78px); font-weight: 500; line-height: .95; letter-spacing: -.055em; }
.studio-heading p { color: #68717f; }
.account-signed-in { display: block; margin-top: 8px; font-size: 12px; overflow-wrap: anywhere; }
.plan-badge { padding: 9px 13px; border-radius: 99px; background: #e7eaf0; font-size: 11px; font-weight: 850; }
.plan-badge.active { background: #dff7e9; color: #17663a; }
.studio-notice { margin: 30px 0; padding: 15px 18px; border: 1px solid #b9c4d3; border-radius: 12px; background: white; }
.studio-notice.success { border-color: #83cca3; background: #edfbf3; }
.studio-upgrade-card { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center; margin-top: 50px; padding: 40px; border-radius: 24px; background: #0b1220; color: white; }
.studio-upgrade-card h2 { margin: 12px 0 20px; max-width: 760px; font-family: Georgia, serif; font-size: 38px; font-weight: 500; }
.studio-feature-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.studio-feature-chips span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 99px; color: #c4cddb; font-size: 9px; }
.studio-upgrade-card > div:last-child { min-width: 220px; }
.studio-upgrade-card > div:last-child > strong { display: block; margin-bottom: 16px; font-size: 34px; }
.studio-upgrade-card small { font-size: 12px; font-weight: 500; }
.studio-upgrade-card .primary { background: white; color: #0b1220; }
.studio-upgrade-card p { color: #b7c0ce; font-size: 12px; line-height: 1.5; }
.studio-grid { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 20px; margin-top: 45px; }
.studio-grid.locked { opacity: .62; }
.studio-settings, .studio-analytics { padding: 38px; border: 1px solid rgba(11,18,32,.12); border-radius: 22px; background: white; }
.studio-settings h2 { font-size: 45px; }
.settings-toggle-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 30px 0; }
.settings-toggle-grid > label { display: flex; gap: 12px; padding: 17px; border: 1px solid rgba(11,18,32,.12); border-radius: 13px; }
.settings-toggle-grid input { width: auto; }
.settings-toggle-grid strong, .settings-toggle-grid small { display: block; }
.settings-toggle-grid strong { font-size: 12px; }
.settings-toggle-grid small { margin-top: 5px; color: #68717f; font-size: 10px; line-height: 1.45; }
.settings-fields { display: grid; grid-template-columns: 160px 1fr; gap: 14px; margin-bottom: 25px; }
.settings-fields label { font-size: 11px; font-weight: 800; }
.settings-fields input { margin-top: 7px; }
.settings-fields input[type="color"] { min-height: 48px; padding: 5px; }
.settings-fields .wide { grid-column: 1 / -1; }
.settings-fields small { display: block; margin-top: 7px; color: #747d89; font-weight: 500; }
.domain-setup { margin: 8px 0 25px; padding: 24px; border: 1px solid rgba(11,18,32,.12); border-radius: 16px; background: #f7f8fb; }
.domain-setup h3 { margin: 8px 0; font-family: Georgia, serif; font-size: 27px; font-weight: 500; }
.domain-setup > p, .domain-setup li { color: #566172; font-size: 11px; line-height: 1.6; }
.domain-setup ol { margin: 16px 0 20px; padding-left: 19px; }
.domain-setup li + li { margin-top: 5px; }
.domain-setup code { padding: 2px 5px; border-radius: 4px; background: #e9edf4; color: #293446; font-size: .95em; }
.domain-setup > label { display: block; font-size: 11px; font-weight: 800; }
.domain-setup > label input { margin-top: 7px; background: white; }
.domain-setup > label small { display: block; margin-top: 7px; color: #747d89; font-weight: 500; line-height: 1.5; }
.domain-result { margin-top: 18px; padding: 17px; border: 1px solid #e1ba70; border-radius: 12px; background: #fff9ec; }
.domain-result[data-ready="true"] { border-color: #83cca3; background: #edfbf3; }
.domain-result > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.domain-result > div:first-child strong { font-size: 12px; }
.domain-result > div:first-child a { white-space: nowrap; color: #17663a; font-size: 10px; font-weight: 800; }
.domain-records { display: grid; gap: 8px; margin: 14px 0; }
.domain-record { padding: 12px; border-radius: 9px; background: white; }
.domain-record > strong { display: block; margin-bottom: 9px; font-size: 10px; }
.domain-record dl { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 5px 10px; margin: 0; }
.domain-record dt { color: #747d89; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.domain-record dd { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; overflow-wrap: anywhere; margin: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; }
.domain-record dd span { min-width: 0; user-select: all; }
.domain-record dd button { flex: 0 0 auto; border: 0; padding: 0; background: transparent; color: var(--debut-blue); font: 800 8px/1.4 Arial, sans-serif; text-transform: uppercase; cursor: pointer; }
.domain-result .button { min-height: 38px; padding: 9px 14px; font-size: 9px; }
.studio-settings > p { color: #566172; font-size: 12px; }
.studio-analytics h2 { margin: 30px 0 0; font-size: 64px; }
.studio-analytics > p { margin-top: 0; color: #68717f; }
.studio-analytics > div { display: flex; justify-content: space-between; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(11,18,32,.1); font-size: 11px; }
.studio-listings { margin-top: 30px; padding: 38px; border: 1px solid rgba(11,18,32,.12); border-radius: 22px; background: white; }
.studio-listings > div:first-child { display: inline-block; }
.studio-listings > .button { float: right; }
.studio-listings h2 { margin: 8px 0 25px; font-family: Georgia, serif; font-size: 40px; font-weight: 500; }
.studio-listings > div:last-child { clear: both; display: grid; gap: 8px; }
.studio-listings > div:last-child a { display: flex; justify-content: space-between; gap: 20px; padding: 15px; border: 1px solid rgba(11,18,32,.1); border-radius: 11px; }
.studio-listings span { color: #68717f; font-size: 11px; }
.billing-link { margin-top: 20px; text-align: right; }
.feed-main { padding: 80px 0 120px; }
.feed-heading h1 { margin: 15px 0; font-family: Georgia, serif; font-size: clamp(52px, 7vw, 88px); font-weight: 500; letter-spacing: -.055em; }
.feed-heading p { color: #626b79; }
.feed-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 50px; }
.feed-grid a { overflow: hidden; border: 1px solid rgba(11,18,32,.12); border-radius: 18px; background: white; }
.feed-grid img { width: 100%; aspect-ratio: 4 / 3; display: block; object-fit: cover; }
.feed-grid span, .feed-grid h2, .feed-grid strong { display: block; margin-inline: 20px; }
.feed-grid span { margin-top: 20px; color: var(--debut-blue); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.feed-grid h2 { margin-top: 8px; font-size: 20px; }
.feed-grid strong { margin-block: 18px 22px; font-size: 11px; }
.feed-empty { margin-top: 45px; padding: 50px; border: 1px dashed rgba(11,18,32,.25); border-radius: 20px; text-align: center; }
.feed-empty p { color: #626b79; }
.feed-create { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: start; margin-top: 100px; padding-top: 80px; border-top: 1px solid rgba(11,18,32,.12); }
.feed-create h2 { font-family: Georgia, serif; font-size: 44px; font-weight: 500; line-height: 1; }

@media (max-width: 1000px) {
  .debut-home-hero, .creator-hero, .prepared-pack, .tool-faq, .caption-section, .feed-create, .lead-capture-section, .studio-grid { grid-template-columns: 1fr; }
  .debut-home-hero, .creator-hero { padding-top: 70px; }
  .output-ribbon { grid-template-columns: repeat(3, 1fr); }
  .output-ribbon span:nth-child(3) { border-right: 0; }
  .tool-card-grid { grid-template-columns: repeat(2, 1fr); }
  .tool-card, .tool-card:nth-child(4) { grid-column: auto; }
  .tool-card:last-child { grid-column: 1 / -1; }
  .debut-reveal { grid-template-columns: 1fr; }
  .debut-photo { min-height: 520px; border-radius: 28px 28px 0 0; }
  .debut-reveal-copy { border-radius: 0 0 28px 28px; }
  .result-asset { grid-template-columns: 1fr; }
  .result-preview { min-height: 360px; }
  .upgrade-grid { grid-template-columns: repeat(2, 1fr); }
  .feed-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  .debut-site-shell { padding: 0 18px; }
  .debut-nav { min-height: 72px; }
  .debut-nav .brand-lockup { width: 155px; }
  .debut-nav nav > a:first-child { display: none; }
  .debut-home-hero, .creator-hero { grid-template-columns: minmax(0, 1fr); gap: 44px; padding: 52px 0 60px; }
  .debut-home-copy h1, .creator-copy h1 { font-size: 54px; }
  .generator-card { border-radius: 20px; }
  .generator-card-head, .debut-form { padding: 20px; }
  .debut-url-row, .manual-fields { grid-template-columns: 1fr; }
  .debut-url-row .button { width: 100%; }
  .manual-fields .field-wide { grid-column: auto; }
  .form-submit-row { align-items: stretch; flex-direction: column; }
  .output-ribbon { grid-template-columns: repeat(2, 1fr); }
  .output-ribbon span:nth-child(odd) { border-right: 1px solid rgba(11,18,32,.1); }
  .output-ribbon span:nth-child(even) { border-right: 0; }
  .home-value-section, .free-tools-section { padding: 80px 0; }
  .loop-steps, .tool-benefits, .tool-card-grid { grid-template-columns: 1fr; }
  .tool-card:last-child { grid-column: auto; }
  .prepared-pack { padding: 35px 25px; }
  .debut-footer { align-items: flex-start; flex-direction: column; justify-content: center; }
  .auth-experience-shell { width: min(calc(100% - 32px), 1160px); }
  .auth-experience-main { align-items: start; padding: 34px 0 56px; }
  .auth-experience-card { padding: 32px 22px; border-radius: 22px; }
  .auth-experience-card h1 { font-size: 42px; }
  .auth-primary-actions, .auth-secondary-actions { align-items: stretch; flex-direction: column; }
  .auth-primary-actions .button, .auth-secondary-actions .button { width: 100%; }
  .auth-experience-footer { padding: 24px 0 32px; }
  .public-debut-nav, .public-debut > main, .public-debut-footer { width: min(calc(100% - 32px), 1380px); }
  .debut-reveal { padding-top: 20px; }
  .debut-photo { min-height: 370px; }
  .debut-reveal-copy { padding: 30px 22px; }
  .debut-reveal h1 { font-size: 43px; }
  .countdown span { padding: 12px 3px; }
  .debut-primary-actions { align-items: stretch; flex-direction: column; }
  .viral-attribution, .template-loop, .public-debut-footer, .upgrade-account-card, .upgrade-actions { align-items: flex-start; flex-direction: column; }
  .lead-capture-section { padding: 30px 22px; }
  .lead-capture-section form, .upgrade-account-card form, .settings-toggle-grid, .settings-fields { grid-template-columns: 1fr; }
  .upgrade-account-card form { min-width: 100%; }
  .studio-page { width: min(calc(100% - 36px), 1280px); }
  .studio-page .debut-nav nav > a { display: none; }
  .studio-page .debut-nav nav { gap: 11px; }
  .studio-page .debut-nav nav button { white-space: nowrap; }
  .studio-page .account-email { display: none; }
  .studio-heading { align-items: stretch; flex-direction: column; }
  .studio-heading > .button { align-self: flex-start; }
  .studio-upgrade-card { grid-template-columns: 1fr; }
  .studio-upgrade-card { padding: 28px 22px; }
  .studio-settings, .studio-analytics, .studio-listings { padding: 25px 20px; }
  .settings-fields .wide { grid-column: auto; }
  .domain-setup { padding: 20px 16px; }
  .domain-result > div:first-child { align-items: flex-start; flex-direction: column; }
  .viral-attribution { margin-bottom: 75px; }
  .result-asset > div:last-child { padding: 28px 22px; }
  .result-preview { min-height: 240px; }
  .caption-list article { grid-template-columns: 1fr; }
  .caption-list button { justify-self: start; padding: 0; }
  .template-loop { padding: 30px 24px; }
  .template-loop .primary { width: 100%; }
  .upgrade-grid, .upgrade-feature-list, .feed-grid { grid-template-columns: 1fr; }
  .upgrade-page { width: min(calc(100% - 36px), 1100px); }
  .upgrade-page main { padding: 65px 0; }
}
/* Integrated local publishing and buyer-demand loop */
.feed-request-row{display:flex;gap:14px;align-items:flex-start;margin:22px 0;padding:18px 20px;border:1px solid rgba(16,32,28,.16);border-radius:18px;background:rgba(238,244,238,.75);cursor:pointer}.feed-request-row input{width:20px;height:20px;margin-top:2px;accent-color:#1d6b50}.feed-request-row span{display:grid;gap:4px}.feed-request-row strong{font-size:15px}.feed-request-row small{color:#63716b;line-height:1.45}
.local-discovery-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:34px;margin:40px auto;padding:36px;max-width:1180px;border-radius:30px;background:linear-gradient(135deg,#e8f2eb,#f7f3e9);border:1px solid rgba(16,32,28,.12)}.local-discovery-copy h2{max-width:700px;font:600 clamp(30px,4vw,52px)/1.02 Georgia,serif;margin:12px 0 18px}.local-discovery-copy p{color:#52625c;line-height:1.65}.local-feed-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.local-feed-links a{padding:10px 14px;border-radius:999px;background:#fff;color:#173e32;text-decoration:none;font-weight:700}.local-alert-panel{min-width:0}.local-alert-panel .alert-card{display:block;margin:0;padding:32px;border-radius:26px}.local-alert-panel .alert-card>div:first-child{margin-bottom:22px}.local-alert-panel .alert-card h2{font-size:clamp(34px,4vw,46px)}.local-alert-panel .alert-fields{grid-template-columns:1fr}.local-alert-panel .consent-row,.local-alert-panel .alert-card button,.local-alert-panel .alert-card>small{margin-top:15px}.publish-requested-card{display:flex;justify-content:space-between;align-items:center;gap:26px;margin:36px auto;padding:30px;max-width:1180px;border-radius:26px;background:#eef6f0;border:1px solid #cde3d5}.publish-requested-card h2{margin:8px 0;font:600 34px/1.05 Georgia,serif}.publish-requested-card p{max-width:690px;color:#596860}.free-publish-proof{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.free-publish-proof span{padding:8px 12px;border-radius:999px;background:#e7f3eb;color:#245a45;font-weight:700;font-size:13px}
.local-publishing-studio,.buyer-demand-studio{margin:28px 0;padding:clamp(24px,4vw,44px);border-radius:28px;border:1px solid rgba(16,32,28,.13);background:#fff;box-shadow:0 18px 60px rgba(14,29,24,.06)}.local-publishing-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}.local-publishing-intro h2,.buyer-demand-studio h2{font:600 clamp(30px,4vw,48px)/1.02 Georgia,serif;margin:10px 0}.local-publishing-intro p,.buyer-demand-studio p{color:#617069;line-height:1.6;max-width:760px}.publication-state{display:grid;justify-items:end;gap:9px;padding:12px 15px;border-radius:16px;background:#f2f3ef;white-space:nowrap}.publication-state span{font-weight:800}.publication-state a{font-size:13px;color:#1d6b50}.publication-state.state-active{background:#e6f4eb;color:#18583f}.publication-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.publication-toggle-row label,.authorization-check{display:flex;align-items:flex-start;gap:12px;padding:17px;border-radius:18px;background:#f6f7f3;border:1px solid rgba(16,32,28,.1)}.publication-toggle-row input,.authorization-check input{width:20px;height:20px;flex:0 0 auto;margin-top:2px;accent-color:#1d6b50}.publication-toggle-row span,.authorization-check span{display:grid;gap:4px}.publication-toggle-row small,.authorization-check small{color:#68756f;line-height:1.45}.publication-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.publication-fields label{display:grid;gap:7px;font-weight:700}.publication-fields input,.publication-fields textarea{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #cdd5d0;border-radius:12px;background:#fff;color:#10201c;font:inherit}.publication-fields textarea{resize:vertical}.publication-fields .wide{grid-column:1/-1}.field-note{align-self:end;padding:0 4px 12px;color:#718079;font-size:13px;line-height:1.4}.open-house-editor{margin:24px 0;padding:18px;border:1px solid #d9dfda;border-radius:18px;background:#fbfcfa}.open-house-editor summary{font-weight:800;cursor:pointer}.open-house-editor[open] summary{margin-bottom:18px}.authorization-check.primary{margin-top:20px;background:#edf5ef;border-color:#bdd7c5}.publication-actions{display:flex;align-items:center;gap:18px;margin-top:20px}.publication-actions p{margin:0;color:#38634f;font-weight:700}.demand-scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.demand-scoreboard article{padding:22px;border-radius:20px;background:#10201c;color:#fff}.demand-scoreboard strong{display:block;font:600 44px/1 Georgia,serif}.demand-scoreboard span{display:block;margin-top:8px;color:#b7cbc2}.buyer-waitlist{display:grid;gap:8px;margin-top:20px}.buyer-waitlist>div{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px 15px;border-radius:15px;background:#f6f7f3}.buyer-waitlist>div>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dcebe1;font-weight:800}.buyer-waitlist p{display:grid;margin:0}.buyer-waitlist small{color:#77817c}.buyer-waitlist em{font-style:normal;font-size:12px;font-weight:800;color:#3f6654}.empty-demand{padding:18px;border-radius:16px;background:#f6f7f3}.demand-upgrade{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:20px;border-radius:18px;background:#efe8d9}.demand-upgrade p{margin:5px 0 0}.demand-upgrade form{flex:0 0 auto}
@media(max-width:760px){.local-discovery-band{grid-template-columns:1fr;padding:24px;margin:24px 16px}.publish-requested-card,.local-publishing-intro,.demand-upgrade{align-items:stretch;flex-direction:column}.publication-toggle-row,.publication-fields,.demand-scoreboard{grid-template-columns:1fr}.publication-fields .wide{grid-column:auto}.publication-state{justify-items:start}.publication-actions{align-items:stretch;flex-direction:column}.buyer-waitlist>div{grid-template-columns:42px 1fr}.buyer-waitlist em{grid-column:2}.local-publishing-studio,.buyer-demand-studio{border-radius:20px;padding:22px}}
/* Unlimited launch purchase decision */
.purchase-decision,.campaign-ready,.billing-return{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:32px 0 72px}.purchase-decision__header,.campaign-ready nav{display:flex;justify-content:space-between;gap:16px;margin-bottom:48px}.purchase-decision__intro{max-width:760px}.purchase-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}.purchase-option{display:flex;flex-direction:column;gap:16px;padding:28px;border:1px solid #dfe3ea;border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(11,18,32,.08)}.purchase-option--unlimited{border-color:#4f7dff}.purchase-option form{margin-top:auto}.purchase-option ul{padding-left:20px}.purchase-break-even,.purchase-not-ready{text-align:center}.purchase-not-ready{display:block;margin:24px auto;border:0;background:transparent;text-decoration:underline;cursor:pointer}.purchase-notice{padding:12px 16px;border-radius:12px;background:#eef3ff}.purchase-included,.campaign-ready,.billing-return{padding:32px;border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(11,18,32,.08)}.campaign-ready__actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.first-exit-dialog{width:min(560px,calc(100% - 28px));padding:0;border:0;border-radius:22px;box-shadow:0 30px 90px rgba(11,18,32,.3)}.first-exit-dialog::backdrop{background:rgba(11,18,32,.62)}.first-exit-dialog section{position:relative;padding:32px}.first-exit-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer}.first-exit-dialog form{margin:24px 0 12px}
.billing-account{width:min(760px,calc(100% - 32px));margin:0 auto;padding:32px 32px 72px;border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(11,18,32,.08)}.billing-account nav{display:flex;justify-content:space-between;gap:16px;margin-bottom:48px}.billing-account form{margin:28px 0 12px}
@media(max-width:720px){.purchase-options{grid-template-columns:1fr}.purchase-decision__header{margin-bottom:28px}.purchase-option{padding:22px}.campaign-ready,.billing-return,.billing-account{width:calc(100% - 24px);padding:22px}}
@media(prefers-reduced-motion:reduce){.first-exit-dialog{scroll-behavior:auto}}

/* Account listing-project application */
.customer-app{min-height:100vh;background:#f7f8f5;color:#10201c}.customer-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 40px));min-height:82px;margin:0 auto;border-bottom:1px solid rgba(16,32,28,.12)}.customer-nav__brand .brand-lockup{display:block;width:180px}.customer-nav nav{display:flex;align-items:center;gap:20px}.customer-nav nav a{color:#10201c;font-weight:750;text-decoration:none}.customer-nav nav a[aria-current=page]:not(.button){text-decoration:underline;text-underline-offset:6px}.customer-main{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:64px 0 100px}.customer-main--narrow{width:min(860px,calc(100% - 40px))}.customer-main h1,.customer-main h2,.customer-main h3{color:#10201c}.customer-main h1{max-width:760px;margin:10px 0 16px;font:600 clamp(42px,6vw,72px)/.98 Georgia,serif;letter-spacing:-.04em}.customer-main h2{margin:8px 0 12px;font:600 32px/1.05 Georgia,serif}.customer-main input,.customer-main select,.customer-main textarea{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #c9d2cd;border-radius:12px;background:#fff;color:#10201c;font:inherit}.customer-main input:focus,.customer-main select:focus,.customer-main textarea:focus{outline:3px solid rgba(58,112,88,.22);border-color:#286f53}.customer-main label{display:grid;gap:7px;font-weight:750}.customer-main .button.full{width:100%;justify-content:center}.customer-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:36px}.customer-hero p{max-width:690px;color:#596761;line-height:1.65}.quick-listing{margin:38px 0 54px;padding:22px;border:1px solid rgba(16,32,28,.13);border-radius:20px;background:#fff}.quick-listing>div{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:9px}.project-library{margin-top:34px;padding:30px;border:1px solid rgba(16,32,28,.12);border-radius:24px;background:#fff;box-shadow:0 18px 60px rgba(16,32,28,.05)}.section-head,.project-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.project-list{display:grid;gap:10px;margin-top:24px}.project-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 18px;border:1px solid #e0e5e1;border-radius:14px;color:#10201c;text-decoration:none}.project-row:hover{border-color:#8da69a;background:#f8fbf9}.project-row span:first-child{display:grid;gap:5px}.project-row small{color:#68766f}.project-status{max-width:520px;color:#315f4b;font-size:13px;font-weight:800}.empty-state{padding:44px 20px;border:1px dashed #b9c5bf;border-radius:16px;text-align:center}.project-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.project-create-grid form,.project-review-form section,.account-card,.inline-action{padding:26px;border:1px solid rgba(16,32,28,.12);border-radius:20px;background:#fff}.project-create-grid form{display:flex;flex-direction:column;gap:14px}.project-create-grid form .button{margin-top:auto}.project-detail-heading{margin:24px 0}.inline-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;overflow-wrap:anywhere}.project-review-form{display:grid;gap:18px}.project-review-form section{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .full,.project-review-form label.full{grid-column:1/-1}.rights-check{display:grid!important;grid-template-columns:auto 1fr;align-items:start}.rights-check input{width:20px;height:20px;margin-top:2px;accent-color:#286f53}.photo-upload{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.photo-upload label,.photo-upload p{grid-column:1/-1}.uploaded-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.uploaded-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.audio-picker__group{display:grid;gap:12px;margin:0;padding:0;border:0}.audio-picker__group legend{margin-bottom:10px;font-weight:800}.audio-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.audio-track-card{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:15px;border:1px solid #d7dfda;border-radius:14px;background:#fbfcfb;cursor:pointer}.audio-track-card:has(input:checked){border-color:#286f53;box-shadow:0 0 0 2px rgba(40,111,83,.18)}.audio-track-card input{width:20px;height:20px;margin-top:2px;accent-color:#286f53}.audio-track-card span{display:grid;gap:4px;min-width:0}.audio-track-card small{color:#68766f;font-weight:500;line-height:1.45}.audio-track-card audio{grid-column:2;width:100%;min-width:0;height:42px}.audio-track-card--recommended{background:#f1f7f3}.own-audio-card{display:grid;gap:12px}.own-audio-controls{display:grid;gap:10px;padding:0 15px 15px}.own-audio-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.own-audio-ready{display:grid;gap:12px}.own-audio-ready[hidden]{display:none}.own-audio-ready audio{width:100%}.own-audio-ready input[type=range]{padding:0}.fine-print{color:#68766f;font-size:13px;line-height:1.55}.archive-action{margin-top:28px;text-align:right}.archive-action button{border:0;background:transparent;color:#7f2d2d;text-decoration:underline;cursor:pointer}.account-card{display:grid;gap:16px;margin-top:22px}.account-card form{display:grid;gap:15px}.brand-logo-control{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.brand-logo-control img,.brand-logo-control p{grid-column:1/-1}.brand-logo-control img{max-width:220px;max-height:100px;object-fit:contain;object-position:left}
@media(max-width:720px){.customer-nav{align-items:flex-start;flex-direction:column;padding:18px 0}.customer-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.customer-nav nav .button{grid-column:1/-1;grid-row:1;justify-content:center}.customer-main{padding-top:42px}.customer-hero,.section-head,.project-detail-heading,.inline-action{align-items:stretch;flex-direction:column}.quick-listing>div,.project-create-grid,.form-grid,.photo-upload,.brand-logo-control,.audio-track-grid,.own-audio-upload{grid-template-columns:1fr}.form-grid .full,.project-review-form label.full{grid-column:auto}.project-row{align-items:flex-start;flex-direction:column}.project-library,.project-review-form section,.account-card{padding:22px 18px}.uploaded-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-track-card{padding:13px}.audio-track-card audio{grid-column:1/-1}.own-audio-controls{padding-inline:0}}
.generation-progress{display:grid;gap:12px;margin:18px 0;padding:26px;border:1px solid rgba(16,32,28,.12);border-radius:20px;background:#eef5f0}.generation-progress h2{margin:0}.generation-progress progress{width:100%;height:14px;accent-color:#286f53}.generation-progress p{margin:0;color:#4b5e55}
.support-trap {
  position: absolute !important;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.support-timeline {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding-inline-start: 1.25rem;
}

.support-timeline li {
  padding-inline-start: 0.5rem;
}

.support-timeline p {
  margin-block: 0.3rem;
  white-space: pre-wrap;
}