/* Platform identity. Customer-authored public palettes and layouts are independent. */
html[data-platform-design] body{font-family:"DM Sans",system-ui,sans-serif;}
html[data-platform-design] .site-header{border-bottom:1px solid var(--ui-decorative-line);}
html[data-platform-design] .site-brand{letter-spacing:-.04em;}
html[data-platform-design] .site-dropdown-links{box-shadow:0 12px 36px #0002;padding:12px;}
html[data-platform-design] .site-dropdown-links>a{padding:12px;border-radius:var(--ui-radius-control);}
html[data-platform-design] .platform-footer{background:var(--ui-panel-soft);border-top:1px solid var(--ui-decorative-line);}
/* A deliberate editorial composition with a real product-shaped example. */
html[data-platform-design] .reference-home{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;}
.reference-home .r-hero{background:var(--ui-page);}
.reference-home .r-hero-inner{grid-template-columns:1.2fr 1fr;gap:64px;padding-block:64px 48px;min-height:660px;}
.reference-home h1{font-size:clamp(42px,4.35vw,66px);line-height:1.09;font-weight:700;letter-spacing:-.045em;text-wrap:pretty;}
.reference-home h1>span{color:var(--ui-accent);}
.reference-home .r-hero-copy .r-eyebrow{font-size:11px;letter-spacing:.12em;max-width:36ch;line-height:1.7;}
.reference-home .r-lead{max-width:48ch;font-size:18px;line-height:1.65;margin-block:26px;}
.reference-home .r-presence{position:relative;border:0;padding:24px 16px 0 28px;min-width:0;background:var(--brand-blue);border-radius:16px;}
.reference-home .r-product-frame{position:relative;border:1px solid var(--brand-muted);border-radius:12px;background:var(--brand-paper);color:var(--brand-ink);overflow:hidden;box-shadow:0 20px 40px #173e351a;}
.reference-home .r-product-bar{height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:var(--brand-white);color:var(--brand-muted);font-size:10px;border-bottom:1px solid var(--brand-sage);}
.reference-home .r-product-bar>span:first-child{letter-spacing:3px;font-size:7px;}
.reference-home .r-product-cover{position:relative;height:180px;overflow:hidden;background:var(--brand-ink);}
.reference-home .r-product-cover picture,.reference-home .r-product-cover img{display:block;width:100%;height:100%;object-fit:cover;}
.reference-home .r-product-cover>span{position:absolute;top:16px;left:20px;font-size:10px;letter-spacing:.14em;background:var(--brand-paper);color:var(--brand-ink);padding:6px 10px;border-radius:4px;}
.reference-home .r-product-body{padding:0 26px 20px;position:relative;}
.reference-home .r-product-monogram{display:grid;place-items:center;width:58px;height:58px;margin-top:-28px;position:relative;border:4px solid var(--brand-paper);border-radius:50%;background:var(--brand-ink);color:var(--brand-paper);font-family:Georgia,serif;font-size:30px;}
.reference-home .r-product-label{display:block;position:absolute;right:26px;top:12px;padding:4px 6px;background:var(--brand-paper);color:var(--brand-muted);font-size:9px;letter-spacing:.12em;}
.reference-home .r-product-body h2{font:400 34px/1.15 Georgia,serif;letter-spacing:-.04em;margin:12px 0 8px;}
.reference-home .r-product-body>p{font-size:12px;color:var(--brand-muted);}
.reference-home .r-product-tabs{display:flex;gap:24px;font-size:11px;border-bottom:1px solid var(--brand-sage);margin:20px 0 16px;padding-bottom:12px;color:var(--brand-muted);}
.reference-home .r-product-tabs strong{color:var(--brand-ink);}
.reference-home .r-product-date{font-size:9px;letter-spacing:.12em;color:var(--brand-muted);}
.reference-home .r-product-update h3{font-size:16px;margin-block:5px;color:var(--brand-ink);}
.reference-home .r-product-update p{font-size:11px;color:var(--brand-muted);margin:0;}
.reference-home .r-product-explore{display:flex;justify-content:space-between;align-items:center;min-height:44px;margin-top:16px;border-top:1px solid var(--brand-sage);font-size:12px;font-weight:650;color:var(--brand-ink);}
.reference-home .r-product-note{display:flex;align-items:center;gap:12px;position:relative;margin: -12px -30px 0 56px;padding:16px 20px;box-shadow:0 10px 24px #173e3515;border:1px solid var(--brand-muted);border-radius:12px;background:var(--brand-white);color:var(--brand-ink);}
.reference-home .r-product-note-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--brand-amber);border-radius:8px;flex:none;}
.reference-home .r-product-note strong,.reference-home .r-product-note span:not(.r-product-note-icon){display:block;font-size:12px;}
.reference-home .r-product-note div>span{font-size:11px;color:var(--brand-muted);margin-top:4px;}
.reference-home .r-presence .r-product-caption{padding:18px 0;font-size:10px;color:var(--brand-ink);letter-spacing:.04em;text-align:center;}
.reference-home .r-facts{padding-block:32px;border-top:1px solid var(--ui-decorative-line);}
.reference-home .r-facts strong{font-size:28px;letter-spacing:-.04em;}
.reference-home .r-spacey-section{background:var(--ui-panel);border-bottom:0;}
.reference-home .r-spacey-grid{padding-block:96px;gap:100px;}
.reference-home h2{font-size:clamp(30px,3.5vw,48px);line-height:1.13;font-weight:650;}
.reference-home .r-spacey-world{background:var(--ui-brand-violet);padding:40px;border-radius:16px;border:1px solid var(--ui-decorative-line);}
.reference-home .r-workflow li{grid-template-columns:40px 1fr;gap:20px;}
.reference-home .r-workflow li>span{height:40px;width:40px;display:grid;place-items:center;border:1px solid var(--ui-line);border-radius:50%;color:var(--ui-accent);padding:0;}
.reference-home .r-workflow h3{font-size:17px;}
.reference-home .r-capabilities{padding-block:48px;}
.reference-home :is(.r-journeys,.r-community,.r-designs,.r-more){padding-block:80px;}
.reference-home .r-journey-grid{gap:20px;}
.reference-home .r-journey{gap:16px;border:0;}
.reference-home .r-journey img{height:240px;border-radius:12px;}
.reference-home .r-journey>svg{display:none;}
.reference-home .r-journey h3{font-size:19px;}
.reference-home .r-stream-section{padding-block:80px;background:var(--ui-panel-soft);}
.reference-home .r-stream-card{padding:24px;box-shadow:0 14px 28px #0001;}
.reference-home .r-community-card picture{height:250px;}
.reference-home .r-community-card h3{font-size:24px;}
.reference-home .r-extra{margin-bottom:0;}
.reference-home .r-extra>summary{min-height:80px;}
.reference-home .r-extra-content{padding-bottom:32px;}
.reference-home .r-closing{padding-block:72px;background:var(--brand-ink);color:var(--brand-paper);}
.reference-home .r-closing :is(h2,p,.r-eyebrow){color:var(--brand-paper)!important;}
.reference-home .r-closing .r-primary{background:var(--brand-paper);color:var(--brand-ink);border-color:var(--brand-paper);}
.reference-home .r-closing .r-ghost{color:var(--brand-paper);border-color:var(--brand-sage);}
/* Account entry is a composed editorial split, with the form kept quiet and direct. */
html[data-platform-design] .account-main{max-width:1200px;gap:100px;padding-block:40px 64px;}
html[data-platform-design] .account-story{background:var(--ui-brand-violet);padding:40px;border-radius:16px;overflow:hidden;}
html[data-platform-design] body.account-page .account-story h1{font-size:clamp(36px,3.5vw,50px);letter-spacing:-.055em;color:var(--ui-text);}
html[data-platform-design] body.account-page .account-illustration{width:100%;max-width:none;max-height:none;height:230px;object-fit:cover;border-radius:8px;margin-block:32px 24px;}
html[data-platform-design] .account-story-note{margin:0;}
html[data-platform-design] body.account-page .account-card{border:0;background:transparent;padding:16px 0;box-shadow:none;}
html[data-platform-design] body.account-page .account-card h2{font-size:34px;color:var(--ui-text);letter-spacing:-.045em;}
html[data-platform-design] .account-description{font-size:15px!important;color:var(--ui-muted)!important;}
html[data-platform-design] .account-card form{gap:20px;}
html[data-platform-design] .account-card :is(input,select){min-height:48px;padding:12px 14px;background:var(--ui-panel);color:var(--ui-text);}
html[data-platform-design] .account-card form>label{font-size:13px!important;color:var(--ui-text)!important;}
/* Discovery and workspace families share hierarchy without changing authored previews. */
html[data-platform-design] .discovery-hero{background:var(--ui-panel-soft);border-bottom:1px solid var(--ui-decorative-line);}
html[data-platform-design] .discovery-atmosphere{display:none;}
html[data-platform-design] .discovery-hero-heading h1{font-size:clamp(36px,4.8vw,64px);color:var(--ui-text);line-height:1.1;letter-spacing:-.055em;}
html[data-platform-design] .discovery-hero-heading h1 span{color:var(--ui-accent);}
html[data-platform-design] .directory-card{border-radius:12px;border:1px solid var(--ui-decorative-line);box-shadow:none;background:var(--ui-panel);}
html[data-platform-design] .directory-card-copy{padding:24px;}
html[data-platform-design] .directory-card-copy :is(h2,h3){font-size:24px;letter-spacing:-.035em;}
html[data-platform-design] .workspace-growth{margin-block:40px;border-top:1px solid var(--ui-decorative-line);padding-top:16px;}
html[data-platform-design] .workspace-growth>summary{padding:16px 0;font-size:18px;font-weight:600;cursor:pointer;min-height:56px;}
html[data-platform-design] .workspace-growth>summary>span{font-size:13px;color:var(--ui-muted);margin-left:16px;font-weight:400;}
html[data-platform-design] .my-spaces-heading{padding-block:24px 32px;margin-bottom:32px;}
html[data-platform-design] .my-spaces-heading h1{font-size:40px;letter-spacing:-.05em;}
html[data-platform-design] .my-spaces-empty{background:var(--ui-panel);border:1px solid var(--ui-decorative-line);border-radius:12px;padding:32px;}
html[data-platform-design] .sw-toolbar{background:var(--ui-panel);border-bottom:1px solid var(--ui-decorative-line);}
html[data-platform-design] .studio-sidebar{background:var(--ui-panel);border-right:1px solid var(--ui-decorative-line);}
html[data-platform-design] .studio-nav button.is-active{background:var(--ui-panel-soft);color:var(--ui-text);border-color:var(--ui-focus);}
html[data-platform-design] .sw-nav-label{font-size:10px;letter-spacing:.1em;color:var(--ui-muted);}
@media(max-width:1039px){.reference-home .r-hero-inner{gap:32px;padding-block:48px;min-height:0;}.reference-home .r-product-note{margin-right:-8px;margin-left:0;}.reference-home .r-product-cover{height:140px;}.reference-home .r-spacey-grid{gap:40px;}.reference-home .r-journey img{height:180px;}html[data-platform-design] .account-main{gap:40px;}html[data-platform-design] .account-story{padding:24px;}}
@media(max-width:760px),(max-width:1023px) and (pointer:coarse){
 .reference-home .r-hero-inner{display:block;padding-block:36px 12px;min-height:0;}
 .reference-home h1{font-family:system-ui,sans-serif;font-size:clamp(34px,8.4vw,52px);letter-spacing:-.04em;line-height:1.12;}
 .reference-home .r-hero-copy .r-eyebrow{font-size:10px;max-width:none;margin-bottom:20px;}
 .reference-home .r-lead{font-size:16px;max-width:35ch;margin-block:22px;}
 .reference-home .r-hero-copy .r-actions{gap:10px;margin-top:24px;}
 .reference-home .r-button{min-height:48px;padding:12px 16px;}
 .reference-home .r-community{padding-block:32px 40px;}
 .reference-home .r-community h2{font-size:28px;letter-spacing:-.04em;}
 .reference-home .r-community-card picture{height:220px;}
 .reference-home .r-community-card h3{font-size:24px;}
 html[data-platform-design] .account-main{display:block;padding:24px 24px 40px;max-width:480px;}
 html[data-platform-design] .account-story{display:none;}
 html[data-platform-design] .account-card{width:100%;}
 html[data-platform-design] .account-card form{gap:18px;}
 html[data-platform-design] .directory-card-copy{padding:20px;}
 html[data-platform-design] .my-spaces-heading h1{font-size:32px;}
 html[data-platform-design] .workspace-growth>summary>span{display:block;margin:4px 0 0;}
}
@media(max-width:1023px) and (max-height:500px) and (pointer:coarse){.reference-home h1{font-size:30px;}.reference-home .r-hero-inner{padding-block:12px;}.reference-home .r-lead{margin-block:10px;}.reference-home .r-hero-copy .r-eyebrow{margin-bottom:8px;}}
.reference-home .r-presence .r-product-body p{color:var(--brand-muted);}
.reference-home .r-presence p.r-product-caption{color:var(--brand-ink);}
@media(max-width:760px){html[data-platform-design] .reference-home .site-brand>span{display:inline;font-size:12px;letter-spacing:-.04em;}html[data-platform-design] .reference-home .site-header-inner{justify-content:space-between;}.reference-home .site-brand{margin-right:auto;}}
html[data-platform-design] body.account-page :is(.account-story-description,.account-story-note p){color:var(--ui-muted);}
html[data-platform-design] body.account-page .account-story-note strong{color:var(--ui-text);}
/* Consistent application chrome, including controls previously styled in legacy purple. */
html[data-platform-design] body :is(.owner-header,.owner-tabs,.member-header,.member-tabs,.sw-toolbar,.editor-panel,.studio-sidebar){background:var(--ui-panel)!important;color:var(--ui-text);border-color:var(--ui-decorative-line)!important;box-shadow:none;}
html[data-platform-design] body :is(.owner-header,.owner-tabs,.member-header,.member-tabs) :is(a,summary,button){color:var(--ui-text);}
html[data-platform-design] body :is(.owner-tabs,.member-tabs) a[aria-current=page],html[data-platform-design] body .owner-tabs a.is-active{background:var(--ui-panel-soft)!important;color:var(--ui-accent)!important;}
html[data-platform-design] body :is(.owner-menu>summary,.owner-account>summary,.member-menu>summary,.member-account>summary){background:var(--ui-panel-soft);border-color:var(--ui-line);}
html[data-platform-design] body :is(.button-lime,.sw-next,.tpl-primary,.tpl-use,.tpl-filter-button,.spacey-launcher,.account-submit),html[data-platform-design] body .sw-modes .is-active{background:var(--ui-action-primary)!important;color:var(--ui-on-primary)!important;border:1px solid var(--ui-action-primary);border-radius:var(--ui-radius-control);}
html[data-platform-design] body.studio-page{background:var(--ui-page)!important;}
html[data-platform-design] .editor-panel{padding:28px;border-radius:12px;}
html[data-platform-design] .editor-panel :is(.platform-fieldset,.platform-mint,.platform-peach){background:var(--ui-panel)!important;border-color:var(--ui-decorative-line);padding:20px;margin-top:24px;}
html[data-platform-design] .editor-panel :is(input,textarea,select){background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-line);}
html[data-platform-design] .editor-panel :is(label,legend){color:var(--ui-text);}
html[data-platform-design] .editor-panel :is(.platform-help,.field-help,.sw-step-copy){color:var(--ui-muted);}
html[data-platform-design] .editor-panel .tpl-context-note{background:var(--ui-panel-soft);color:var(--ui-muted);padding:14px 16px;border-radius:8px;font-size:13px;}
html[data-platform-design] .studio-nav button.is-active .studio-step-number{background:var(--ui-action-primary);color:var(--ui-on-primary);}
html[data-platform-design] .tpl-library-hero{background:var(--ui-panel-soft);color:var(--ui-text);border-bottom:1px solid var(--ui-decorative-line);}
html[data-platform-design] .tpl-library-hero h1{color:var(--ui-text);font-size:clamp(36px,4.6vw,64px);letter-spacing:-.055em;}
html[data-platform-design] .tpl-library-hero :is(p,.eyebrow){color:var(--ui-muted);}
html[data-platform-design] .tpl-filters{background:var(--ui-panel);border:1px solid var(--ui-decorative-line);border-radius:12px;}
html[data-platform-design] .tpl-how-band{background:var(--ui-panel-soft);color:var(--ui-text);}
@media(min-width:761px){html[data-platform-design] .account-page>.theme-toolbar{position:absolute;right:24px;top:18px;padding:0;background:transparent;}html[data-platform-design] .account-page .account-header{padding-right:130px;min-height:84px;}}
@media(max-width:760px){html[data-platform-design] .editor-panel{padding:20px 16px;}html[data-platform-design] .editor-panel .platform-fieldset{padding:16px;}}
html[data-platform-design] body .tpl-library-hero :is(p,.eyebrow,.tpl-hero-caption){color:var(--ui-muted)!important;}
html[data-platform-design] body .tpl-library-hero h1 em{color:var(--ui-accent)!important;font-style:normal;}
html[data-platform-design] body .tpl-how-band :is(p,.eyebrow){color:var(--ui-muted)!important;}
html[data-platform-design] body .tpl-how-band :is(h2,h3){color:var(--ui-text)!important;}
html[lang][data-platform-design] body.template-library-page .tpl-library-hero .tpl-hero-caption{color:var(--ui-muted)!important;}
html[data-platform-design] body :is(.workspace-quick,.workspace-header){background:var(--ui-panel)!important;border-color:var(--ui-decorative-line);}
html[data-platform-design] body .workspace-quick a[aria-current=page]{background:var(--ui-panel-soft)!important;color:var(--ui-accent)!important;border-radius:8px;}
html[data-platform-design] body :is(.workspace-menu>summary,.workspace-account>summary,.sw-switcher button){background:var(--ui-panel-soft)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line);border-radius:8px;}
html[data-platform-design] body .spacey-send{background:var(--ui-action-primary)!important;color:var(--ui-on-primary)!important;border-radius:8px;}
html[data-platform-design] body .spacey-composer{border-color:var(--ui-line);}
html[data-platform-design] .tpl-hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-block:24px;}
html[data-platform-design] .tpl-secondary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 4px;color:var(--ui-accent)!important;font-size:14px;font-weight:600;}
html[data-platform-design] body.account-page .account-story h2{font-size:clamp(36px,3.5vw,50px);letter-spacing:-.055em;line-height:1.12;font-weight:750;color:var(--ui-text);margin:0 0 20px;}
html[data-platform-design] body.account-page .account-card h1{font-size:34px;line-height:1.2;font-weight:750;letter-spacing:-.045em;color:var(--ui-text);margin:0 0 12px;}
html[lang][data-platform-design] body.explore-journey .discovery-hero-heading .eyebrow{color:var(--ui-muted)!important;}
html[lang][data-platform-design] body.explore-journey .spotlight-owner-cta :is(h3,p,small){color:var(--ui-text)!important;}
@media(max-width:1023px) and (max-height:500px) and (pointer:coarse){.reference-home h1 br{display:none;}.reference-home .r-lead{max-width:75ch;font-size:14px;line-height:1.4;}.reference-home .r-hero-copy .r-actions{margin-top:12px;}.reference-home .r-button{min-height:44px;padding-block:10px;}}
html[data-platform-design] .alive-ambient{display:none;}
html[data-platform-design] body.account-page :is(.account-links a,.account-switch>span:last-child){color:var(--ui-accent)!important;}
html[data-platform-design] body.account-page .account-switch{background:var(--ui-panel-soft);border-color:var(--ui-line);}
html[data-platform-design] .owned-space-actions a{color:var(--ui-accent)!important;}
html[data-platform-design] .my-spaces-heading h1>span{color:var(--ui-accent);}

/* Colour has a supporting role: filled surfaces, readable labels, no edge strips. */
.reference-home .r-capabilities{gap:16px;}
.reference-home .r-capability,.reference-home .r-capability:first-child,.reference-home .r-capability:last-child{padding:24px;border:1px solid var(--ui-decorative-line);border-radius:var(--ui-radius-surface);background:var(--ui-brand-cyan);}
.reference-home .r-capability:nth-child(2){background:var(--ui-brand-violet);}
.reference-home .r-capability:nth-child(3){background:var(--ui-brand-rose);}
.reference-home .r-capability:nth-child(4){background:var(--ui-brand-amber);}
.reference-home .r-more-card{border:1px solid var(--ui-decorative-line);border-radius:var(--ui-radius-surface);padding:24px;background:var(--ui-panel);}
.reference-home .r-product-note{box-shadow:0 8px 20px #1c2b4510;}
.reference-home .r-stream-section{background:var(--ui-brand-cyan);}
.reference-home .r-workflow li>span{background:var(--ui-panel);}
.reference-home .r-product-label{border-radius:4px;}
html[data-platform-design] .account-story{background:var(--ui-brand-violet);}
html[data-platform-design] .discovery-hero{background:var(--ui-brand-cyan);}
html[data-platform-design] .tpl-library-hero{background:var(--ui-brand-rose);}
html[data-platform-design] .tpl-how-band{background:var(--ui-brand-amber);}
@media(max-width:1039px){.reference-home .r-capability,.reference-home .r-capability:first-child,.reference-home .r-capability:last-child{padding:20px;}}