.developer-settings{margin:32px 0;border-top:1px solid var(--line,#dedfe2);padding-top:28px}.developer-settings h2{margin:0;font-size:24px;letter-spacing:-.025em}.developer-settings p{max-width:680px}.dev-summary{display:flex;align-items:center;justify-content:space-between;gap:24px}.dev-editor-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:32px;margin:24px 0}.dev-editor-form{display:grid;gap:20px;min-width:0}.dev-field{display:grid;gap:8px;font-size:14px;font-weight:550}.dev-field input,.dev-field textarea,.dev-field select{width:100%;box-sizing:border-box;min-height:44px;padding:12px;border:1px solid var(--line,#d8dce2);border-radius:6px;background:var(--surface,#fff);color:inherit;font:inherit}.dev-field textarea{resize:vertical;min-height:112px}.dev-field small,.dev-muted{font-size:13px;line-height:1.6;font-weight:400;color:var(--muted,#647181)}.dev-images{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dev-image-input input{font-size:12px;padding:10px 0;border:0}.dev-x-connection{padding:20px;border:1px solid var(--line,#d8dce2);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:18px}.dev-x-connection h3{margin:0 0 5px;font-size:16px}.dev-x-connection p{margin:0;font-size:13px}.dev-x-actions{display:flex;gap:12px;flex-wrap:wrap}.dev-project-toggles{border-top:1px solid var(--line,#d8dce2);padding-top:20px}.dev-project-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid var(--line,#d8dce2)}.dev-project-row h4{margin:0 0 4px;font-size:15px}.dev-project-row label,.dev-publish{display:flex;align-items:center;gap:9px;font-size:14px}.dev-project-row input,.dev-publish input{width:18px;height:18px;accent-color:#355c7a}.dev-save-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:12px}.dev-preview{position:sticky;top:28px;align-self:start;min-width:0}.dev-preview>p{font-size:12px;color:var(--muted,#647181);margin:0 0 12px}.dev-card{--dev-accent:#355c7a;border:1px solid var(--line,#d8dce2);border-radius:10px;overflow:hidden;background:var(--surface,#fff);color:var(--ink,#18222d);text-align:left}.dev-card[data-accent=clay]{--dev-accent:#8e503b}.dev-card[data-accent=graphite]{--dev-accent:#49525f}.dev-banner{width:100%;height:116px;object-fit:cover;display:block}.dev-banner-empty{background:color-mix(in srgb,var(--dev-accent) 14%,var(--surface,#fff))}.dev-card-body{padding:0 24px 24px}.dev-avatar{display:block;width:72px;height:72px;object-fit:cover;border-radius:50%;margin:-36px 0 16px;border:4px solid var(--surface,#fff);position:relative;background:var(--surface,#fff)}.dev-initial{display:grid;place-items:center;color:var(--dev-accent);font-size:28px;font-weight:650}.dev-role{margin:0 0 6px;font-size:12px;color:var(--muted,#647181)}.dev-card h2{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:0 0 9px;overflow-wrap:anywhere}.dev-x-link{display:block;color:var(--dev-accent);font-size:14px;text-decoration:none}.dev-verified{display:block;font-size:11px;margin-top:5px;color:var(--muted,#647181)}.dev-bio{font-size:14px;line-height:1.7;margin:20px 0;overflow-wrap:anywhere}.dev-card-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;font-size:13px}.dev-card-links a{color:inherit;text-underline-offset:4px}.project-market-social{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;margin:38px 0;align-items:start;min-width:0}.project-market-social.no-social{grid-template-columns:minmax(0,1fr)}.project-market-social h2{font-size:24px;margin:0 0 16px}.project-chart{min-width:0}.project-chart iframe{width:100%;height:570px;border:1px solid var(--line,#d8dce2);border-radius:8px;background:var(--surface,#fff);display:block}.project-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.project-chart-head a,.project-feed>a{font-size:13px;text-underline-offset:4px;color:inherit}.project-social{display:grid;gap:24px;min-width:0}.project-feed{border-top:1px solid var(--line,#d8dce2);padding-top:20px}.project-feed h3{font-size:18px;margin:0 0 10px}.project-feed iframe{width:100%;height:520px;border:0;display:block;margin-top:16px}.project-social-note{font-size:12px;line-height:1.6;color:var(--muted,#647181)}.project-chart-empty{display:grid;place-content:center;min-height:320px;border:1px solid var(--line,#d8dce2);padding:28px;text-align:center}.project-chart-empty p{font-size:14px;line-height:1.6;max-width:430px}.developer-public{max-width:1040px;margin:auto;padding:48px 28px}.developer-public-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px}.developer-public h1{font-size:32px;letter-spacing:-.035em}.dev-public-project{display:block;padding:20px 0;border-top:1px solid var(--line,#d8dce2);color:inherit;text-decoration:none}.dev-public-project strong{display:block;font-size:18px;margin-bottom:6px}.dev-public-project span{font-size:13px;color:var(--muted,#647181)}
@media(max-width:1000px){.project-market-social{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.dev-editor-layout{grid-template-columns:1fr}.dev-preview{position:static;max-width:440px}.project-chart iframe{height:510px}}
@media(max-width:740px){.dev-summary{align-items:start;flex-direction:column;gap:16px}.dev-editor-layout{gap:28px}.dev-images{grid-template-columns:1fr}.dev-project-row{grid-template-columns:1fr 1fr;gap:14px}.dev-project-row>div{grid-column:1/-1}.dev-x-connection{align-items:start;flex-direction:column}.project-market-social,.developer-public-layout{grid-template-columns:1fr}.project-chart iframe{height:420px}.developer-public{padding:28px 18px}.dev-card-body{padding:0 20px 22px}.project-chart-head{flex-wrap:wrap}.dev-preview{max-width:none}}

.dev-fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:20px}.dev-fieldset:disabled{opacity:.7}.dev-fieldset input:focus-visible,.dev-fieldset textarea:focus-visible,.dev-fieldset select:focus-visible{outline:2px solid #355c7a;outline-offset:2px}
[data-theme=dark] .developer-settings{--surface:#1e272e;--ink:#eef1f4;--line:#46515e;--muted:#b5bec8}.dev-bio{white-space:pre-line}

body.ink .project-market-social{--surface:#292b28;--ink:#f8f5ed;--muted:#bcc1b7} [data-theme=dark] .dev-card{--surface:#1e272e;--ink:#eef1f4;--muted:#aeb9c3}

.dev-public-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.dev-public-header button{font:inherit;font-size:13px;background:transparent;color:inherit;border:1px solid var(--line);padding:9px 14px;border-radius:5px;cursor:pointer}html[data-theme=dark] body:has(.developer-public){background:#17212b;color:#eef1f4;--surface:#1e272e;--ink:#eef1f4;--line:#46515e;--muted:#b5bec8}html[data-theme=dark] .dev-public-header{background:#1e272e}

.dev-saved-preview{max-width:380px;margin-top:22px}.account-profile{display:inline-flex;align-items:center;gap:9px}.account-profile img{object-fit:cover;border-radius:50%;background:var(--surface,#fff)}@media(min-width:741px){.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Reserve chart space and load the remote frame only near the viewport. */
.project-chart-stage{position:relative;height:clamp(440px,68vh,640px);min-width:0;background:var(--surface,#fff);border:1px solid var(--line,#d8dce2);border-radius:8px;overflow:hidden}
.project-chart .project-chart-stage iframe{width:100%;height:100%;border:0;border-radius:0}
.project-chart-loading{position:absolute;inset:0;display:none;place-items:center;background:var(--surface,#fff);color:var(--muted,#647181);font-size:14px;pointer-events:none}
.project-chart[data-loading=true] .project-chart-loading{display:grid}
.project-chart-head{align-items:center;flex-wrap:wrap;margin-bottom:12px;gap:12px}
.project-chart-head h2{margin:0;margin-right:auto}
.project-chart-head button{font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--line,#d8dce2);border-radius:5px;background:transparent;color:inherit;cursor:pointer}
.project-chart-head button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.project-chart:fullscreen{background:var(--surface,#fff);color:var(--ink,#18222d);padding:20px;overflow:auto}
.project-chart:fullscreen .project-chart-stage{height:calc(100dvh - 175px)}
@media(max-width:740px){.project-chart-stage{height:clamp(400px,68svh,540px)}.project-chart-head h2{font-size:22px}.project-chart:fullscreen{padding:12px}}

/* Shared generated-project market workspace. */
.project-market-social{grid-template-columns:minmax(0,1fr);gap:28px;margin:28px 0 0}
.project-market-social .project-social{grid-template-columns:320px minmax(0,1fr);align-items:start}
.project-market-social .project-chart{background:var(--surface,#fff);color:var(--ink,inherit);border:1px solid var(--line,#dce1e8);border-radius:12px;overflow:hidden}
.project-market-social .project-chart-head{padding:22px 24px 18px;margin:0;align-items:center;gap:18px}
.project-market-social .project-chart-head h2{font-family:inherit;font-size:22px;letter-spacing:-.025em;line-height:1.2;margin:0 0 6px}
.project-chart-pair{font-size:13px;font-weight:650}.project-chart-pair span{font-weight:400;color:var(--muted,#606b7b);margin-left:4px}
.project-chart-external{color:var(--muted,#606b7b)!important;text-decoration:none}
.project-market-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0 24px 22px;gap:18px}
.project-market-metrics>div{min-width:0;border-left:1px solid var(--line,#dce1e8);padding-left:20px}.project-market-metrics>div:first-child{border:0;padding-left:0}
.project-market-metrics dt{font-size:12px;color:var(--muted,#606b7b);margin-bottom:6px}.project-market-metrics dd{font-size:20px;font-weight:600;letter-spacing:-.025em;line-height:1.3;margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.project-market-metrics [data-direction=up]{color:#356caf}.project-market-metrics [data-direction=down]{color:#bd534b}
body.ink .project-market-metrics [data-direction=up]{color:#a9c8e0}body.ink .project-market-metrics [data-direction=down]{color:#ffb1a9}
.project-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-top:1px solid var(--line,#dce1e8);border-bottom:1px solid var(--line,#dce1e8)}
.project-chart-modes,.project-chart-tools{display:flex;gap:6px;align-items:center}
.project-chart-toolbar button{font:inherit;font-size:12px;font-weight:550;min-height:40px;padding:9px 12px;border:1px solid transparent;border-radius:6px;color:var(--muted,#606b7b);background:transparent;cursor:pointer;white-space:nowrap}
.project-chart-toolbar button:hover{color:var(--ink,inherit);background:color-mix(in srgb,currentColor 5%,transparent)}
.project-chart-toolbar [aria-pressed=true]{background:color-mix(in srgb,var(--accent,#355c7a) 9%,var(--surface,#fff));color:var(--ink,#202735);border-color:var(--line,#dce1e8)}
.project-chart-tools button{border-color:var(--line,#dce1e8)}
.project-market-social .project-chart-stage{height:540px;border:0;border-radius:0}
.project-market-social .project-chart[data-chart-display=trades] .project-chart-stage{height:680px}
.project-chart-loading{align-content:center;gap:8px}.project-chart-loading small{font-size:12px;opacity:.8}
.project-chart-foot{padding:12px 24px;border-top:1px solid var(--line,#dce1e8);display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap}
.project-chart-foot .project-social-note{margin:0;font-size:11px}
.project-chart :is(a,button):focus-visible{outline:3px solid var(--accent,#355c7a);outline-offset:3px}
.chart-expanded{overflow:hidden}
.project-market-social .project-chart.is-expanded{position:fixed;inset:16px;z-index:1000;display:flex;flex-direction:column;box-shadow:0 0 0 100vmax #111827b3;overflow:auto}
.project-market-social .project-chart.is-expanded .project-chart-stage{height:auto;flex:1;min-height:240px}
.project-chart.is-expanded .project-chart-head,.project-chart.is-expanded .project-market-metrics,.project-chart.is-expanded .project-chart-toolbar,.project-chart.is-expanded .project-chart-foot{flex-shrink:0}
@media(max-width:740px){
.project-market-social{margin-top:20px}.project-market-social .project-social{grid-template-columns:1fr}
.project-market-social .project-chart-head{padding:20px 16px 16px}.project-chart-head .project-chart-external{font-size:11px;max-width:130px;text-align:right}
.project-market-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:0 16px 18px}
.project-market-metrics>div{padding-left:0;border:0}.project-market-metrics>div:first-child{grid-column:1/-1}.project-market-metrics>div:first-child dd{font-size:28px}.project-market-metrics dd{font-size:19px}.project-market-metrics dt{font-size:11px;margin-bottom:4px}
.project-chart-toolbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.project-chart-toolbar button{min-height:44px;padding:9px 10px}.project-chart-tools{margin-left:auto}
.project-market-social .project-chart-stage{height:440px}.project-market-social .project-chart[data-chart-display=trades] .project-chart-stage{height:610px}
.project-chart-foot{padding:12px 16px;gap:8px}.project-market-social .project-chart.is-expanded{inset:6px}.project-chart.is-expanded .project-market-metrics{display:none}
}
body.generated-site.ink .project-market-social{--surface:#202732;--ink:#edf1f7;--muted:#b4bfce}

.creator-byline{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;font-size:13px;line-height:1.6;margin:0 0 16px;color:var(--muted,#606b7b)}
.creator-byline>a{font-weight:600;color:inherit;text-underline-offset:4px}.creator-byline .creator-byline-x{font-weight:400}
.project-market-social .project-social{margin-top:12px;gap:22px 28px;grid-template-columns:320px minmax(0,1fr)}
.project-creator-heading{grid-column:1/-1;padding-top:4px}.project-creator-heading h2{font-family:inherit;margin:0 0 8px;font-size:26px;letter-spacing:-.03em}.project-creator-heading p{margin:0;color:var(--muted,#606b7b);font-size:14px}
.project-social .dev-card{border-radius:12px}.project-social .dev-banner-empty{height:68px;background:color-mix(in srgb,var(--accent,#355c7a) 8%,var(--surface,#fff))}.project-social .dev-card-body{padding:0 24px 26px}
.project-creator-content{display:grid;gap:22px;min-width:0}.project-creator-content:empty{display:none}.project-social.without-profile{grid-template-columns:1fr}.project-social:has(.project-creator-content:empty){grid-template-columns:minmax(0,460px)}
.project-creator-content .project-feed,.creator-website{border:1px solid var(--line,#dce1e8);border-radius:12px;background:var(--surface,#fff);color:var(--ink,inherit);padding:0;overflow:hidden;min-width:0}
.creator-content-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line,#dce1e8)}
.creator-content-head h3{font-family:inherit;font-size:17px!important;line-height:1.3;margin:0 0 4px!important;letter-spacing:-.02em}.creator-content-head span{font-size:12px;color:var(--muted,#606b7b);overflow-wrap:anywhere}.creator-content-head>div{min-width:0}
.creator-content-head>a{color:inherit;font-size:12px;flex-shrink:0;text-underline-offset:4px;padding:8px 0}
.project-creator-content .project-feed iframe{margin:0;height:400px;background:var(--surface,#fff)}.project-creator-content .project-feed>.project-social-note{margin:0;padding:14px 22px;border-top:1px solid var(--line,#dce1e8)}
.creator-website iframe{display:block;width:100%;height:420px;border:0;background:#fff}.creator-website-foot{padding:14px 22px;display:flex;align-items:start;justify-content:space-between;gap:14px;border-top:1px solid var(--line,#dce1e8)}.creator-website-foot p{margin:0}.creator-website-foot button{font:inherit;font-size:12px;color:inherit;background:transparent;border:1px solid var(--line,#dce1e8);border-radius:5px;padding:10px;flex-shrink:0;cursor:pointer;min-height:44px}.creator-website-foot button[hidden]{display:none}
.project-social :is(a,button):focus-visible{outline:3px solid var(--accent,#355c7a);outline-offset:3px}
.project-social>.dev-card{position:sticky;top:24px}
@media(max-width:740px){.generated-site .hero .creator-byline{grid-column:1/-1;margin:0;font-size:12px}.project-market-social .project-social,.project-social:has(.project-creator-content:empty){grid-template-columns:1fr}.project-creator-heading h2{font-size:24px}.creator-content-head{padding:18px 16px;gap:12px}.creator-content-head>a{font-size:11px}.creator-website-foot{padding:14px 16px;flex-wrap:wrap}.creator-website iframe{height:360px}.project-creator-content .project-feed iframe{height:390px}.project-creator-content .project-feed>.project-social-note{padding:14px 16px}}
@media(max-width:740px){.project-social>.dev-card{position:static}}

[data-creator-byline]{display:contents}.project-section-nav [data-creator-nav][hidden]{display:none}
[data-project-creator]:empty{display:none}.project-market-social:has(>[data-project-creator]:empty):not(:has(>.project-chart)){margin:0;gap:0}
.creator-sync{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:0 0 8px;color:var(--muted,#606b7b);font-size:12px}.creator-sync[hidden]{display:none}.creator-sync button{font:inherit;background:transparent;color:inherit;border:1px solid var(--line,#dce1e8);border-radius:6px;padding:10px 14px;min-height:44px;cursor:pointer}.creator-sync button:disabled{opacity:.65;cursor:wait}.creator-sync button:focus-visible{outline:3px solid var(--accent,#355c7a);outline-offset:3px}
.project-creator-content .project-feed [data-creator-x-frame]{height:650px;min-height:400px;max-height:900px}
@media(max-width:740px){.project-creator-content .project-feed [data-creator-x-frame]{height:680px}.creator-sync{gap:10px}}

.dev-avatar-frame{position:relative;width:72px;height:72px;margin:-36px 0 16px}.dev-avatar-frame .dev-avatar{margin:0}.dev-migration-crown{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--surface,#fff);border-radius:50%;background:#fff1d3;color:#75501b}.dev-migration-crown svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dev-migration-crown:focus-visible{outline:2px solid currentColor;outline-offset:3px}.account-avatar-frame{display:inline-block;position:relative;width:28px;height:28px;flex:none}.account-avatar-frame .dev-migration-crown{width:18px;height:18px;top:-6px;right:-7px;border-width:1px}.account-avatar-frame .dev-migration-crown svg{width:12px;height:12px}.dev-fees-generated{margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line,#d8dce2)}.dev-fees-generated dt{font-size:12px;color:var(--muted,#647181);margin-bottom:6px}.dev-fees-generated dd{margin:0;font-size:26px;letter-spacing:-.5px;line-height:1.3;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dev-fees-generated dd span{font-size:12px;letter-spacing:0;font-weight:500}.dev-fees-note{font-size:11px;line-height:1.6;color:var(--muted,#647181);margin:7px 0 0}.dev-publish{align-items:flex-start;line-height:1.6}.dev-publish input{margin-top:3px;flex:none}
.account-avatar-frame .dev-migration-crown{width:24px;height:24px;top:-9px;right:-10px;border:0;background:transparent}.account-avatar-frame .dev-migration-crown::before{content:"";position:absolute;inset:3px;border:1px solid var(--surface,#fff);border-radius:50%;background:#fff1d3}.account-avatar-frame .dev-migration-crown svg{position:relative}