/* Pulso documentation shell; component styles live in pulso-components.css. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;color-scheme:dark}html[data-theme=light]{color-scheme:light}body{margin:0;background:var(--p-bg);color:var(--p-text);font:400 15px/1.6 var(--p-font-body)}[hidden]{display:none!important}a{color:var(--p-brand);text-underline-offset:4px}button,input,select{font:inherit}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.2}h2,h3,h4{font-family:var(--p-font-display);font-weight:500}h3{font-size:20px}code{font:12px/1.5 Consolas,monospace;overflow-wrap:anywhere}fieldset{padding:0;border:0;margin:0}legend{font-weight:600;font-size:14px;margin-bottom:8px}summary{cursor:pointer}summary:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--p-focus);outline-offset:3px}::selection{background:var(--p-action);color:white}.skip-link{position:fixed;top:8px;left:8px;padding:12px 20px;background:var(--p-surface);z-index:200;transform:translateY(-200%)}.skip-link:focus{transform:none}
.ds-top{height:80px;position:sticky;top:0;z-index:var(--p-layer-sticky);background:var(--p-bg);border-bottom:1px solid var(--p-border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:16px}.ds-brand{display:flex;align-items:center;gap:12px;color:var(--p-text);text-decoration:none;font:600 27px/1 var(--p-font-display);letter-spacing:-1px}.ds-brand svg{color:var(--p-brand)}.ds-brand-by{display:block;font:400 10px/1.5 var(--p-font-body);color:var(--p-text-muted);letter-spacing:1px;margin-top:5px}.ds-top-actions{display:flex;gap:24px;align-items:center}.ds-version{font:12px Consolas,monospace;color:var(--p-text-muted)}.ds-app{font-size:13px;text-decoration:none;color:var(--p-text);padding:10px 0}.ds-shell{max-width:1720px;display:grid;grid-template-columns:256px minmax(0,1fr);margin:auto}.ds-sidebar{padding:28px 20px 20px 28px;border-right:1px solid var(--p-border);position:sticky;top:80px;height:calc(100dvh - 80px);overflow:auto}.ds-search{display:grid;gap:8px;font-size:12px;color:var(--p-text-muted)}.ds-search .p-input{font-size:12px;padding:8px 12px;min-height:40px;background:var(--p-surface)}.ds-nav-group{margin-top:24px}.ds-nav-group>span{display:block;padding:0 10px 8px;color:var(--p-text-subtle);text-transform:uppercase;font-size:10px;letter-spacing:1.5px;font-weight:600}.ds-nav-group>a{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;margin:2px 0;border-radius:7px;font-size:12px;color:var(--p-text-muted);text-decoration:none;min-height:36px}.ds-nav-group>a:hover{background:var(--p-surface);color:var(--p-text)}.ds-nav-group>a[aria-current]{background:var(--p-brand-soft);color:var(--p-brand)}.ds-nav-group small{border:1px solid var(--p-border);font-size:10px;padding:0 5px;border-radius:4px}.ds-sidebar-foot{border-top:1px solid var(--p-border);padding-top:20px;margin-top:28px;display:flex;align-items:center;gap:12px;color:var(--p-text-subtle);font-size:10px}.ds-sidebar-foot strong{color:var(--p-text-muted);font-weight:500}.ds-search-status{font-size:12px;color:var(--p-text-muted);margin-top:12px}.ds-search-status:empty{display:none}main{padding:0 48px;min-width:0}.ds-section{padding:72px 0;border-bottom:1px solid var(--p-border);scroll-margin-top:24px}.ds-intro{padding-top:32px}.ds-breadcrumb{font-size:10px;letter-spacing:2px;color:var(--p-text-muted);margin-bottom:24px}.ds-breadcrumb span{padding:0 12px;color:var(--p-text-subtle)}.ds-eyebrow{display:block;font:600 11px/1.5 var(--p-font-body);letter-spacing:1.7px;color:var(--p-brand);margin-bottom:20px}.ds-eyebrow.light{color:#fff}.ds-hero{position:relative;display:grid;grid-template-columns:1.4fr 1fr;overflow:hidden;border-radius:24px;background:#4f5bff;color:white;min-height:364px}.ds-hero-copy{padding:36px;z-index:1}.ds-hero h1{font:500 clamp(80px,8vw,124px)/.95 var(--p-font-display);letter-spacing:-7px;margin:24px 0}.ds-period{color:#d8ff3e}.ds-hero-copy>p{font-size:18px;line-height:1.5;letter-spacing:-.4px}.ds-hero-links{display:flex;gap:20px;align-items:center;margin-top:32px;flex-wrap:wrap}.ds-hero-links a{font-size:12px;font-weight:600;color:white;text-decoration:none}.ds-hero-links .ds-hero-cta{background:#d8ff3e;color:#223000;border-radius:8px;padding:12px 16px;display:inline-flex;min-height:44px;align-items:center}.ds-hero a:focus-visible{outline-color:#fff}.ds-hero-art{position:relative;border-left:1px solid #ffffff30;display:flex;align-items:center}.ds-hero-art svg{width:100%;overflow:visible}.ds-grid-line{stroke:#ffffff22;stroke-width:1}.ds-art-label,.ds-art-index{position:absolute;left:24px;font:10px Consolas,monospace;letter-spacing:1.5px;color:white}.ds-art-label{top:30px}.ds-art-index{bottom:28px}.ds-intro-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;margin:32px 0}.ds-intro-bottom>p{color:var(--p-text-muted);font-size:13px;max-width:520px}.ds-intro-bottom strong{color:var(--p-text)}.ds-facts{display:flex;justify-content:space-between;gap:16px}.ds-facts span{display:flex;flex-direction:column;color:var(--p-text-muted);font-size:10px}.ds-facts strong{font:500 32px/1.2 var(--p-font-display);letter-spacing:-1px;color:var(--p-text);margin-bottom:6px}.ds-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ds-start-grid>a{position:relative;text-decoration:none;color:var(--p-text);padding:24px 20px 40px;border:1px solid var(--p-border);border-radius:16px;background:var(--p-surface);transition:border-color .12s}.ds-start-grid>a:hover{border-color:var(--p-brand)}.ds-card-index{font:10px Consolas,monospace;color:var(--p-text-muted)}.ds-start-grid h2{font-size:20px;letter-spacing:-.5px;margin-top:24px}.ds-start-grid p{color:var(--p-text-muted);font-size:12px;margin:12px 0}.ds-start-grid>a>span:last-child{position:absolute;bottom:14px;right:20px;color:var(--p-brand)}.ds-section-head{margin-bottom:32px;max-width:680px}.ds-section-head h2{font-size:clamp(30px,3.4vw,48px);letter-spacing:-1.8px;line-height:1.12}.ds-section-head>p{color:var(--p-text-muted);margin-top:20px;font-size:15px}.ds-grid{display:grid;gap:20px}.ds-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-note{border:1px solid var(--p-border);border-radius:16px;padding:24px;min-width:0}.ds-note>span:not(.p-badge){font-size:12px;color:var(--p-brand)}.ds-note h3{font-size:19px;margin:12px 0}.ds-note p,.ds-note li{font-size:13px;color:var(--p-text-muted);line-height:1.7}.ds-note p+p{margin-top:12px}.ds-note ul{padding-left:18px;margin:0}.ds-note li+li{margin-top:10px}.ds-mt{margin-top:24px}.ds-mt-sm{margin-top:12px}.ds-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ds-caption{font-size:12px;line-height:1.7;color:var(--p-text-muted);margin:16px 0 24px}.ds-brand-board{min-height:200px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:28px;border-radius:16px;padding:32px}.ds-brand-board img{max-width:100%;height:auto}.dark-board{background:#141722;border:1px solid #293044;color:#b5bdd0}.light-board{background:#fff;border:1px solid #d8dde8;color:#48516b}.ds-brand-board span{font-size:11px}.ds-palette{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.ds-color-main{padding:24px;min-height:190px;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.ds-color-main span{font-size:10px;letter-spacing:1.5px;margin-bottom:auto}.ds-color-main strong{font:500 24px/1.2 var(--p-font-display);margin-bottom:8px}.ds-color-main.cobalt{background:#4f5bff;color:#fff}.ds-color-main.lime{background:#d8ff3e;color:#223000}.ds-color-main.graphite{background:#0c0e14;color:#f6f7fb;border:1px solid #293044}.ds-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.ds-swatch{padding:0;background:var(--p-surface);border:1px solid var(--p-border);border-radius:10px;overflow:hidden;text-align:left;color:var(--p-text);cursor:pointer}.ds-swatch-color{display:block;height:50px;border-bottom:1px solid var(--p-border)}.ds-swatch strong,.ds-swatch code{display:block;padding:0 12px;font-size:11px}.ds-swatch strong{padding-top:10px}.ds-swatch code{padding-bottom:10px;color:var(--p-text-muted)}.ds-contrast-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--p-border);font-size:11px}.ds-contrast-line strong{color:var(--p-success);font-variant-numeric:tabular-nums;white-space:nowrap}.ds-contrast-line.fail strong{color:var(--p-danger)}.ds-ramp{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));overflow:hidden;border-radius:6px;margin:12px 0}.ds-ramp span{height:64px;padding:6px;font:10px Consolas,monospace}.ds-type-specimen{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--p-border);border-radius:16px;background:var(--p-surface)}.ds-type-specimen>div{padding:28px}.ds-type-specimen>div+div{border-left:1px solid var(--p-border)}.ds-type-specimen>div:first-child>p{font:500 clamp(30px,3vw,46px)/1.2 var(--p-font-display);letter-spacing:-1.5px}.ds-type-specimen>div:last-child>p{font-size:14px;color:var(--p-text-muted)}.ds-type-specimen strong{display:block;font-size:24px;font-weight:500;font-variant-numeric:tabular-nums;margin-top:16px}.ds-spacing{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;padding:24px;background:var(--p-surface);border:1px solid var(--p-border);border-radius:16px}.ds-spacing span{font:12px Consolas,monospace;text-align:center;color:var(--p-text-muted);min-width:24px}.ds-spacing span::before{content:"";width:var(--size);height:var(--size);display:block;background:var(--p-brand);margin:0 auto 12px;border-radius:2px}.ds-grid-demo{display:grid;gap:5px;margin:20px 0;height:64px}.four{grid-template-columns:repeat(4,1fr)}.eight{grid-template-columns:repeat(8,1fr)}.twelve{grid-template-columns:repeat(12,1fr)}.ds-grid-demo i{background:var(--p-brand-soft);border:1px solid var(--p-brand);border-radius:3px}.ds-icon-strip{display:flex;flex-wrap:wrap;gap:16px;border:1px solid var(--p-border);border-radius:16px;padding:24px}.ds-icon-strip>span{display:flex;flex-direction:column;align-items:center;gap:14px;flex:1;min-width:80px;font-size:12px;color:var(--p-text-muted)}.ds-icon-strip svg{width:28px;height:28px;stroke:var(--p-text);fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.ds-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ds-component{border:1px solid var(--p-border);border-radius:16px;overflow:hidden;min-width:0;background:var(--p-surface)}.ds-component.full{grid-column:1/-1}.ds-component-title{display:flex;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--p-border);align-items:center}.ds-component-title h3{font-size:16px}.ds-component-title code{font-size:10px;color:var(--p-text-subtle)}.ds-demo{padding:24px}.ds-component>details{font-size:12px;padding:0 24px 18px}.ds-component>details>summary{min-height:36px;padding:8px 0;color:var(--p-brand)}.ds-component>details>p{color:var(--p-text-muted);margin:12px 0;line-height:1.7}.ds-tab-panel{padding:24px 0;color:var(--p-text-muted);font-size:14px;line-height:1.8;min-height:100px}.ds-skeleton-demo{display:grid;gap:12px;max-width:280px}.ds-skeleton-demo>div:first-child{height:32px;width:70%}.ds-skeleton-demo>div:last-child{width:80%}.ds-metric-unit{font-size:20px;color:var(--p-text-muted);margin-left:4px}.ds-chart{padding:28px}.ds-chart figcaption{font-size:14px;font-weight:600;margin-bottom:32px}.ds-bar-row{display:grid;grid-template-columns:64px 1fr 24px;gap:12px;align-items:center;font-size:12px;margin:20px 0}.ds-bar-row>div{height:32px;background:var(--p-surface-raised);border-radius:3px;overflow:hidden}.ds-bar-row i{display:block;width:var(--bar);height:100%;background:var(--p-chart-home)}.ds-bar-row.away i{background:repeating-linear-gradient(135deg,transparent 0 5px,#0003 5px 7px),var(--p-chart-away)}.ds-do{border-top:3px solid var(--p-success)}.ds-dont{border-top:3px solid var(--p-danger)}.ds-process{list-style:none;counter-reset:step;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.ds-process li{counter-increment:step;border-top:1px solid var(--p-border-control);padding:20px 0}.ds-process li::before{content:"0" counter(step);display:block;color:var(--p-brand);font:12px Consolas,monospace;margin-bottom:16px}.ds-process strong{display:block;font:500 20px var(--p-font-display);margin-bottom:12px}.ds-process span{font-size:12px;color:var(--p-text-muted)}.ds-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ds-reference{padding:24px;border:1px solid var(--p-border);border-radius:12px;text-decoration:none;color:var(--p-text);transition:border-color .12s}.ds-reference:hover{border-color:var(--p-brand)}.ds-reference>span{font-size:10px;letter-spacing:1px;color:var(--p-brand)}.ds-reference h3{font-size:18px;margin:20px 0 12px}.ds-reference p{font-size:12px;color:var(--p-text-muted)}.ds-closing{display:flex;align-items:center;gap:24px;margin-top:48px;border-top:1px solid var(--p-border);padding-top:32px;color:var(--p-brand)}.ds-closing>span{font-size:18px;font-family:var(--p-font-display);color:var(--p-text-muted)}.ds-closing strong{color:var(--p-text);font-weight:500}.ds-closing>a{margin-left:auto;font-size:12px}.ds-footer{display:flex;justify-content:space-between;gap:24px;font-size:10px;color:var(--p-text-muted);padding:24px 0}.ds-noscript{padding:20px}.p-toast{display:flex;gap:16px;align-items:center}.p-toast button{min-width:44px;min-height:44px;background:none;border:1px solid var(--p-border-control);border-radius:8px;color:var(--p-text);font-size:22px;cursor:pointer}.p-dialog-body p{font-size:14px;color:var(--p-text-muted);line-height:1.7}.p-code{margin:16px 0 0}
@media(min-width:1440px){main{padding:0 64px}.ds-hero{min-height:400px}.ds-hero-copy{padding:40px}.ds-hero h1{font-size:136px}}
@media(max-width:1199px){.ds-shell{grid-template-columns:220px minmax(0,1fr)}main{padding:0 28px}.ds-sidebar{padding:24px 12px 20px 16px}.ds-hero{grid-template-columns:1.4fr .8fr}.ds-hero-copy{padding:28px}.ds-hero h1{font-size:90px}.ds-hero-links{gap:14px}.ds-intro-bottom{grid-template-columns:1fr}.ds-facts{max-width:480px}.ds-grid.three,.ds-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-start-grid h2{font-size:18px}.ds-color-main{padding:18px}.ds-color-main strong{font-size:20px}.ds-process{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-component-title{flex-wrap:wrap}.ds-component-title code{font-size:10px}}
@media(max-width:900px){.ds-version{display:none}.ds-shell{display:block}.ds-sidebar{position:static;height:auto;padding:16px 24px;border-right:0;border-bottom:1px solid var(--p-border)}.ds-search{max-width:320px}.ds-search>span{font-size:11px}.ds-sidebar nav{display:flex;gap:20px;overflow:auto;padding:12px 0 4px}.ds-nav-group{margin:0;display:flex;gap:8px;align-items:center}.ds-nav-group>span{display:none}.ds-nav-group>a{white-space:nowrap;border:1px solid var(--p-border);font-size:12px;min-height:40px;margin:0}.ds-nav-group small{display:none}.ds-sidebar-foot{display:none}.ds-top{height:72px;padding:0 24px}html{scroll-padding-top:88px}.ds-section{padding:56px 0}.ds-intro{padding-top:28px}.ds-hero h1{font-size:104px}.ds-section-head h2{font-size:40px}.ds-hero-art svg{min-width:0}}
@media(max-width:599px){body{font-size:14px}.ds-top{height:68px;padding:0 16px;gap:12px}.ds-brand{font-size:24px;gap:8px}.ds-brand svg{width:24px;height:24px}.ds-brand-by{font-size:9px}.ds-top-actions{gap:12px}.ds-top-actions .p-button{font-size:12px;min-height:44px;padding:8px 10px}.ds-app{font-size:11px;max-width:60px;line-height:1.4}.ds-sidebar{padding:12px 16px}.ds-search{max-width:none}.ds-search .p-input{min-height:44px;font-size:14px}.ds-sidebar nav{gap:8px}.ds-nav-group>a{min-height:44px}.ds-search>span{display:none}main{padding:0 16px}.ds-breadcrumb{font-size:9px;letter-spacing:1.5px;margin-bottom:16px}.ds-section{padding:40px 0}.ds-intro{padding-top:24px}.ds-hero{grid-template-columns:1fr;border-radius:16px;min-height:0}.ds-hero-copy{padding:28px 24px}.ds-hero .ds-eyebrow{font-size:9px;letter-spacing:1.2px}.ds-hero h1{font-size:96px;letter-spacing:-5px;margin:24px 0 20px}.ds-hero-copy>p{font-size:17px}.ds-hero-links{margin-top:24px;gap:16px}.ds-hero-links a{font-size:11px}.ds-hero-art{border-left:0;border-top:1px solid #ffffff30;height:120px;overflow:hidden;justify-content:flex-end}.ds-hero-art svg{width:70%;height:170px;position:relative;right:-20px}.ds-art-label{left:20px;top:20px;font-size:8px;max-width:90px;line-height:1.8}.ds-art-index{left:20px;bottom:16px;font-size:8px}.ds-intro-bottom{margin:24px 0;gap:24px}.ds-intro-bottom>p{font-size:14px}.ds-facts{gap:12px}.ds-facts strong{font-size:32px}.ds-facts span{font-size:10px}.ds-start-grid{grid-template-columns:1fr}.ds-start-grid>a{padding:20px 20px 32px}.ds-start-grid h2{margin-top:14px;font-size:22px}.ds-start-grid p{font-size:13px}.ds-grid.two,.ds-grid.three,.ds-reference-grid,.ds-component-grid{grid-template-columns:1fr}.ds-section-head{margin-bottom:24px}.ds-section-head h2{font-size:34px;letter-spacing:-1.2px}.ds-section-head>p{font-size:14px}.ds-note{padding:20px}.ds-note p,.ds-note li{font-size:14px}.ds-palette{grid-template-columns:1fr 1fr}.ds-color-main:first-child{grid-column:1/-1;min-height:150px}.ds-color-main{min-height:150px;padding:20px}.ds-color-main strong{font-size:19px}.ds-color-main span{font-size:9px;letter-spacing:1px}.ds-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-type-specimen{grid-template-columns:1fr}.ds-type-specimen>div+div{border-left:0;border-top:1px solid var(--p-border)}.ds-type-specimen>div:first-child>p{font-size:40px}.ds-type-specimen>div{padding:24px}.ds-spacing{gap:16px;padding:20px}.ds-component-title{padding:18px}.ds-demo{padding:18px}.ds-component>details{padding:0 18px 18px}.ds-component-title h3{font-size:16px}.ds-process{grid-template-columns:1fr;gap:0}.ds-process li{padding:20px 0}.ds-process span{font-size:14px}.ds-reference h3{font-size:21px}.ds-reference p{font-size:14px}.ds-ramp{grid-template-columns:repeat(5,minmax(0,1fr))}.ds-closing{flex-wrap:wrap;gap:16px}.ds-closing>a{width:100%;margin:0}.ds-footer{display:block;font-size:11px}.ds-footer>span{display:block;margin-top:8px}.p-dialog-head{padding:16px}.p-dialog h2{font-size:21px}.p-dialog-body{padding:20px}.p-dialog-foot{padding:0 16px 20px;gap:8px}.p-dialog-foot .p-button{font-size:12px;padding:10px 12px}.p-toast{right:16px;bottom:16px;padding:12px}.ds-component .p-match{padding:14px}.p-match-teams{gap:8px}.p-match-teams strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ds-reference,.ds-start-grid>a{transition:none}}
/* 1.1 · typography and interactive refinement studio */
.ds-section-head h2 { font-weight:750; letter-spacing:-.05em; line-height:1.12; }
.ds-brand { font-weight:750; }.ds-hero h1 { font-weight:750; letter-spacing:-.07em; }
.ds-start-grid h2,.ds-component-title h3,.ds-workbench-head h3,.ds-note h3 { font-weight:700; }
.ds-type-specimen>div:first-child>p { font-weight:700; letter-spacing:-.045em; }.ds-type-specimen strong { font-weight:600; }
.ds-search .p-input { min-height:44px; font-size:14px; border-radius:12px; }
.ds-refinement-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr); gap:20px; }
.ds-control-workbench { padding:28px; border:1px solid var(--p-border); background:var(--p-surface); border-radius:22px; min-width:0; box-shadow:0 8px 32px #0000000c; }
.ds-workbench-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:28px; }
.ds-workbench-head .ds-eyebrow { font-size:10px; letter-spacing:1.5px; margin-bottom:10px; }.ds-workbench-head h3 { font-size:21px; letter-spacing:-.035em; line-height:1.4; }
#lab-form { display:grid; gap:20px; }.ds-form-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.ds-form-pair .p-field { align-content:start; }
#lab-search-status { margin-top:-12px; }.ds-workbench-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.ds-identity-preview { background:#4f5bff; color:#fff; border-radius:22px; padding:32px; display:flex; align-items:flex-start; flex-direction:column; min-width:0; position:relative; overflow:hidden; }
.ds-identity-preview::after { content:""; position:absolute; width:270px; height:270px; border:1px solid #ffffff1a; border-radius:50%; right:-170px; top:80px; box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff05; pointer-events:none; }
.ds-identity-preview .ds-eyebrow { color:#fff; font-size:10px; margin-bottom:28px; }.ds-identity-symbol { width:96px; height:96px; margin-bottom:20px; border:1px solid #ffffff38; border-radius:26px; }
.ds-identity-wordmark { width:198px; max-width:100%; height:auto; margin-left:-3px; }.ds-identity-preview>p { font:700 clamp(23px,2.4vw,32px)/1.25 var(--p-font-display); letter-spacing:-.045em; margin:24px 0; }
.ds-symbol-sizes { display:flex; align-items:flex-end; gap:24px; margin-top:auto; padding-top:20px; }.ds-symbol-sizes>span { display:flex; flex-direction:column; align-items:center; gap:12px; font-size:10px; color:#fff; }.ds-symbol-sizes img { outline:1px solid #ffffff30; border-radius:28%; }
.ds-identity-preview>a { margin-top:24px; color:#fff; font-size:12px; font-weight:600; }
.ds-control-states { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; margin-top:20px; }.ds-control-states>article { background:var(--p-surface); border:1px solid var(--p-border); border-radius:18px; padding:24px; min-width:0; }.ds-state-caption { display:block; font-size:10px; letter-spacing:1.2px; color:var(--p-text-muted); margin-bottom:20px; }.ds-control-states .ds-actions { gap:12px; }.ds-control-states .p-button { width:100%; }.ds-control-states .p-field { gap:9px; }
@media(max-width:1200px) { .ds-refinement-layout { grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr); }.ds-control-workbench,.ds-identity-preview { padding:24px; }.ds-form-pair { grid-template-columns:1fr; }.ds-control-states { grid-template-columns:1fr 1fr; }.ds-control-states>article:first-child { grid-column:1/-1; }.ds-control-states>article:first-child .p-button { width:auto; } }
@media(max-width:680px) { .ds-refinement-layout,.ds-control-states { grid-template-columns:minmax(0,1fr); }.ds-control-states>article:first-child { grid-column:auto; }.ds-control-workbench,.ds-control-states>article { padding:20px; }.ds-identity-preview { display:grid; grid-template-columns:1fr auto; gap:16px; padding:24px; }.ds-identity-preview .ds-eyebrow,.ds-identity-preview>a { grid-column:1/-1; margin:0; }.ds-identity-symbol { grid-row:2/4; grid-column:2; width:72px; height:72px; margin:0; border-radius:20px; }.ds-identity-wordmark { max-width:165px; }.ds-identity-preview>p { margin:0; font-size:24px; }.ds-symbol-sizes { padding-top:8px; grid-column:1/-1; }.ds-workbench-actions .p-button.primary { width:100%; }.ds-workbench-head h3 { font-size:20px; }.ds-section-head h2 { font-size:32px; } }