/* The studio's controls stay stable; tokens are scoped to its working preview. */
#system-studio{padding-block:36px 10px;scroll-margin-top:24px}.ds-heading{margin-bottom:26px}.ds-kicker{font-size:12px;font-weight:700;color:#2558d9;margin-bottom:9px}.ds-heading h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.045em;line-height:1.45}.ds-heading>p:last-child{font-size:13px;line-height:1.9;margin-top:12px;color:#526677}.ds-mobile-break{display:none}.ds-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-bottom:32px;border-block:1px solid #d9e2ec}.ds-flow a{position:relative;display:grid;grid-template-columns:20px 1fr;column-gap:6px;align-content:start;padding:17px 10px;text-decoration:none;color:#172d3e}.ds-flow a+a:before{content:'›';position:absolute;left:-4px;top:23px;color:#8d9cab}.ds-flow a:hover{background:#eaf0fb}.ds-flow a>span{font-size:11px;color:#2558d9;font-weight:700;padding-top:1px}.ds-flow strong{font-size:12px;line-height:1.6}.ds-flow small{grid-column:2;font-size:9px;color:#637586;margin-top:3px}.ds-workbench{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.45fr);border:1px solid #d5e0ec;border-radius:12px;overflow:hidden;background:#fff;scroll-margin-top:20px}.ds-controls{padding:27px 25px;border-right:1px solid #d5e0ec}.ds-controls h3,.ds-token-guide h3,.ds-writing h3,.ds-guidance h3,.ds-adopt h3{font-size:19px;letter-spacing:-.035em}.ds-controls>p:first-of-type{font-size:12px;color:#60717f;line-height:1.8;margin-top:9px}.ds-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-block:23px}.ds-presets button{background:#fff;border:1px solid #cbd6e1;padding:10px 8px;border-radius:6px;text-align:left;min-width:0}.ds-presets button[aria-pressed=true]{background:#eaf0ff;border-color:#2558d9;box-shadow:inset 0 0 0 1px #2558d9}.ds-presets strong{display:block;font-size:13px}.ds-presets small{display:block;font-size:9px;line-height:1.7;color:#60717f;margin-top:4px}.ds-control{display:block;margin-block:18px;font-size:12px;font-weight:700}.ds-control>span:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}.ds-control code{font-size:9px;color:#637586;font-weight:400}.ds-control output{font-size:12px;color:#60717f;font-weight:400}.ds-control input[type=range]{display:block;width:100%;accent-color:#2558d9;margin:12px 0 0;min-height:24px}.ds-color-input{display:flex;gap:12px;align-items:center;margin-top:10px}.ds-color-input input{border:1px solid #cbd6e1;border-radius:4px;padding:3px;width:50px;height:34px;background:#fff}.ds-role-colors{display:flex;flex-wrap:wrap;gap:14px 22px;border-top:1px solid #e2e8f0;padding-top:18px;margin-top:22px}.ds-role-colors>div{display:flex;gap:8px;align-items:flex-start;font-size:11px}.ds-role-colors i{width:12px;height:12px;border-radius:3px;display:block;margin-top:4px;box-shadow:inset 0 0 0 1px #0001}.ds-role-colors small{display:block;color:#60717f;font-size:9px}.ds-note{font-size:11px;line-height:1.85;color:#60717f;margin-top:12px}.ds-link-button{border:0;background:transparent;color:#2558d9;font-weight:700;text-decoration:underline;text-underline-offset:4px;padding:7px 0;font-size:11px;line-height:1.8;text-align:left;margin-top:9px}.ds-stage{background:#eaf0f7;padding:22px 30px 20px;min-width:0}.ds-stage-heading{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#60717f;margin-bottom:17px}.ds-stage-preset{color:#2558d9}.ds-preview{max-width:440px;margin:auto;background:var(--ds-surface,#fff);color:var(--ds-textColor,#172d3e);padding:calc(var(--ds-space,12px) * 1.8);border:1px solid var(--ds-borderColor,#bfcddd);box-shadow:0 8px 28px #23384e0a;font-family:var(--ds-fontFamily,sans-serif);font-size:var(--ds-fontSize,14px);line-height:var(--ds-lineHeight,1.7)}.ds-preview-brand{display:flex;gap:8px;align-items:center;font-size:.8em;font-weight:700;overflow-wrap:anywhere}.ds-preview-brand i{display:block;width:11px;height:11px;background:var(--ds-brand);border-radius:2px;flex-shrink:0}.ds-preview-tabs{display:flex;border-bottom:1px solid var(--ds-borderColor);margin-block:calc(var(--ds-space) * 1.5)}.ds-preview-tab{padding:9px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ds-textColor);font:inherit;font-size:.85em;min-height:42px;transition:color var(--ds-duration),border-color var(--ds-duration)}.ds-preview-tab[aria-pressed=true]{border-color:var(--ds-brand);color:var(--ds-brand);font-weight:700}.ds-preview-card{padding:calc(var(--ds-space) * 1.4);border:1px solid var(--ds-borderColor);border-radius:var(--ds-radius);background:var(--ds-surface);margin-bottom:calc(var(--ds-space) * 1.5)}.ds-preview-card-top{display:flex;gap:12px;justify-content:space-between;font-size:.65em;margin-bottom:calc(var(--ds-space) * .9)}.ds-preview-label{color:var(--ds-brand);font-weight:700}.ds-preview-card h3{font:inherit;font-size:1.28em;font-weight:700;line-height:1.65;letter-spacing:-.035em}.ds-preview-card p{font-size:.8em;line-height:inherit;margin-top:calc(var(--ds-space) * .7)}.ds-preview-price{display:flex;gap:8px;align-items:baseline;border-top:1px solid var(--ds-borderColor);padding-top:var(--ds-space);margin-top:var(--ds-space);font-size:.7em}.ds-preview-price strong{font-size:1.75em;margin-left:auto;font-family:inherit}.ds-preview-price strong span{font-size:.6em;margin-left:2px}.ds-preview form{display:block}.ds-preview form label{display:flex;align-items:center;gap:8px;font-size:.85em;font-weight:700;margin-bottom:7px}.ds-required{font-size:.75em;font-weight:400;border:1px solid var(--ds-borderColor);border-radius:2px;padding:0 4px}.ds-preview input{display:block;width:100%;min-height:44px;border:1px solid var(--ds-borderColor);border-radius:var(--ds-radius);padding:var(--ds-space);font:inherit;background:var(--ds-surface);color:var(--ds-textColor);transition:border-color var(--ds-duration)}.ds-preview input::placeholder{color:var(--ds-textColor);opacity:.6}.ds-preview input:focus{outline:2px solid var(--ds-brand);outline-offset:2px;border-color:var(--ds-brand)}.ds-preview input[aria-invalid=true]{border-color:var(--ds-dangerColor);outline-color:var(--ds-dangerColor)}#ds-demo-help{font-size:.7em;line-height:1.8;margin-top:7px}.ds-demo-error{font-size:.75em;color:var(--ds-dangerColor);margin-top:6px}.ds-preview-submit{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--ds-brand);border-radius:var(--ds-radius);width:100%;min-height:44px;margin-top:var(--ds-space);background:var(--ds-brand);color:var(--ds-onBrand,#fff);padding:var(--ds-space);font:inherit;font-weight:700;transition:filter var(--ds-duration)}.ds-preview-submit:hover{filter:brightness(.9)}.ds-preview-submit:disabled{opacity:.7}.ds-preview-submit:focus-visible,.ds-preview-tab:focus-visible{outline:3px solid var(--ds-brand);outline-offset:3px}.ds-demo-status{font-size:.8em;min-height:1.8em;margin-top:8px}.ds-demo-status.ds-is-complete{color:var(--ds-successColor);font-weight:700}.ds-stage-note{font-size:10px;line-height:1.8;color:#60717f;max-width:440px;margin:15px auto 0}.ds-token-guide{padding-block:30px;border-bottom:1px solid #d9e2ec}.ds-token-guide>div>p{font-size:12px;color:#526677;line-height:1.9;margin-top:8px}.ds-token-chain{display:flex;flex-wrap:wrap;align-items:center;gap:9px 14px;font-size:11px;margin-top:19px}.ds-token-chain code{padding:7px 10px;background:#e8eef9;border:1px solid #d3dded;border-radius:3px;color:#244775;font-size:11px}.ds-token-chain>span[aria-hidden]{color:#8197b0}.ds-details{margin-top:18px;font-size:12px}.ds-details summary{cursor:pointer;font-weight:700;color:#315072;padding-block:7px}.ds-table-wrap{max-width:100%;overflow-x:auto;margin-top:10px}.ds-token-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.ds-token-table th,.ds-token-table td{padding:12px 10px;border-bottom:1px solid #dbe3ed;vertical-align:top}.ds-token-table thead{color:#60717f;font-size:10px}.ds-token-table code{font-size:10px;overflow-wrap:anywhere}.ds-token-table th{white-space:nowrap}.ds-writing{padding-block:30px;border-bottom:1px solid #d9e2ec;scroll-margin-top:20px}.ds-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}.ds-section-heading p{font-size:12px;line-height:1.8;color:#60717f;margin-top:7px}.ds-save-note{flex-shrink:0;font-size:10px;color:#526677;padding-top:5px}.ds-principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ds-field{display:block;font-size:12px;font-weight:700;min-width:0}.ds-field:nth-child(3){grid-column:1/-1}.ds-field textarea{display:block;width:100%;margin-top:8px;min-height:90px;resize:vertical;padding:12px;border:1px solid #bbcbdc;border-radius:6px;background:#fff;color:#172d3e;font-size:12px;line-height:1.8;font-weight:400}.ds-field textarea::placeholder{color:#768393;opacity:1}.ds-detail-fields{margin-top:15px}.ds-detail-fields .ds-field:nth-child(3){grid-column:auto}.ds-guidance{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-block:32px}.ds-guidance>div>p{font-size:12px;line-height:1.9;color:#526677;margin-top:11px}.ds-state-list{font-size:11px;margin:18px 0 0}.ds-state-list>div{border-top:1px solid #dbe3ed;padding-block:12px}.ds-state-list dt{font-weight:700}.ds-state-list dd{margin:4px 0 0;color:#60717f;line-height:1.9}.ds-operation-list{padding-left:17px;margin:14px 0 0;font-size:11px}.ds-operation-list li{padding:6px 0 9px}.ds-operation-list strong,.ds-operation-list span{display:block}.ds-operation-list span{color:#60717f;line-height:1.9;margin-top:3px}.ds-checks{padding-left:18px;font-size:11px;line-height:2}.ds-adopt{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px;background:#e8eef9;border-left:3px solid #2558d9;margin-bottom:24px}.ds-adopt p{font-size:11px;color:#526677;line-height:1.9;margin-top:7px}.ds-adopt .button{flex-shrink:0}.ds-guidance>div,#ds-composition,#ds-materials{scroll-margin-top:20px}[data-demo-panel][hidden],.ds-demo-error[hidden]{display:none}
@media(min-width:1500px){.ds-workbench{grid-template-columns:minmax(290px,.7fr) minmax(0,1.4fr)}.ds-controls{padding:32px}.ds-stage{padding:26px 42px}.ds-preview{max-width:460px}}
@media(max-width:1100px){.ds-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-flow a{padding:14px 12px}.ds-flow a:nth-child(4):before{display:none}.ds-workbench{grid-template-columns:minmax(210px,.8fr) minmax(0,1.3fr)}.ds-controls{padding:20px 18px}.ds-stage{padding:20px 18px}.ds-presets{grid-template-columns:1fr}.ds-presets small{margin-top:0}.ds-controls h3{font-size:17px}.ds-guidance{gap:25px}.ds-adopt{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:850px){.ds-workbench{grid-template-columns:1fr}.ds-controls{border-right:0;border-bottom:1px solid #d5e0ec;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.ds-controls h3,.ds-controls>p:first-of-type,.ds-presets,.ds-role-colors,.ds-controls>.ds-note,.ds-controls>.ds-link-button{grid-column:1/-1}.ds-presets{grid-template-columns:1fr 1fr;margin-block:17px 5px}.ds-control[for=ds-brand]{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:0}.ds-control[for=ds-brand]>span:first-child{display:grid;gap:2px}.ds-color-input{margin-top:0}.ds-control{margin-block:14px}.ds-role-colors{margin-top:4px;padding-top:14px}.ds-stage{padding:20px 24px}.ds-stage-note{max-width:440px}.ds-guidance{grid-template-columns:1fr}.ds-section-heading{display:block}.ds-save-note{display:block;margin-top:7px}.ds-principles-grid{grid-template-columns:1fr}.ds-field:nth-child(3){grid-column:auto}}
@media(max-width:520px){#system-studio{padding-top:25px}.ds-heading h2{font-size:29px}.ds-heading>p:last-child{font-size:12px}.ds-heading>p:last-child br{display:none}.ds-mobile-break{display:block}.ds-flow{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:23px}.ds-flow a{padding:12px 6px;grid-template-columns:16px 1fr;column-gap:3px}.ds-flow a+a:before{display:none}.ds-flow small{font-size:9px}.ds-workbench{border-radius:8px}.ds-controls{padding:20px 16px;gap:0 16px}.ds-presets small{font-size:9px}.ds-stage{padding:16px 12px}.ds-stage-heading{font-size:9px;gap:8px}.ds-preview{padding:calc(var(--ds-space) * 1.15)}.ds-preview-card{padding:var(--ds-space)}.ds-preview-card-top{flex-wrap:wrap;gap:4px 8px}.ds-preview-card h3{font-size:1.15em}.ds-preview-price{gap:5px}.ds-token-guide h3,.ds-writing h3,.ds-guidance h3,.ds-adopt h3{font-size:18px}.ds-token-table th,.ds-token-table td{padding:10px 7px}.ds-token-table{min-width:470px}.ds-token-chain{gap:8px}.ds-token-chain code{font-size:10px;padding:6px 7px}.ds-guidance{gap:28px}.ds-adopt{padding:19px 15px}.ds-adopt .button{font-size:12px;width:100%}}
@media(prefers-reduced-motion:reduce){.ds-preview *{animation:none!important;transition:none!important}}