.workflow-guide{border-top:1px solid var(--line);margin-top:88px;padding-top:64px}.workflow-guide-intro{max-width:72ch}.workflow-guide-intro>p{color:var(--ds-slate);margin-top:22px;font-size:17px}.workflow-guide-layout{grid-template-columns:265px minmax(0,1fr);gap:65px;margin-top:44px;display:grid}.workflow-guide-sidebar{align-self:start;position:sticky;top:35px}.workflow-guide-nav-title{font-size:14px;font-weight:500}.workflow-guide-sidebar ol{margin:16px 0 20px;padding-left:22px;list-style:decimal}.workflow-guide-sidebar li{color:var(--ds-slate);padding-left:4px;font-size:13px;line-height:1.5}.workflow-guide-sidebar a{text-underline-offset:4px;padding-block:10px;display:block}.workflow-guide-sidebar a:hover{color:var(--ds-core-cobalt);text-decoration:underline}.workflow-guide-outcome-link{border-top:1px solid var(--line);font-size:13px;line-height:1.5}.workflow-guide-body{min-width:0}.workflow-guide-context{padding-bottom:34px}.workflow-guide-context h3{font-size:22px}.workflow-guide-context dl{gap:20px;margin:24px 0 0;display:grid}.workflow-guide-context dt{margin-bottom:5px;font-size:12px;font-weight:500}.workflow-guide-context dd{color:var(--ds-slate);overflow-wrap:anywhere;max-width:72ch;margin:0;font-size:15px;line-height:1.65}.workflow-guide-steps{margin:0;padding:0;list-style:none}.workflow-guide-steps>li{border-top:1px solid var(--line);padding-block:36px 42px}.workflow-guide-steps h3{font-size:clamp(26px,2.5vw,34px);line-height:1.2}.workflow-guide-step-number{color:var(--ds-core-cobalt);margin-right:4px}.workflow-guide-description{color:var(--ds-slate);max-width:72ch;margin-top:16px;font-size:16px;line-height:1.75}.workflow-guide-prompt{background:var(--ds-ink-navy);color:var(--ds-warm-ivory);border-radius:12px;margin:26px 0 0;padding:16px 24px 24px}.workflow-guide-prompt figcaption{border-bottom:1px solid var(--ds-slate);padding-bottom:12px;font-size:12px}.workflow-guide-prompt pre{font-family:var(--ds-font-mono);color:var(--ds-pale-steel);white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 0;font-size:12px;line-height:1.85}.workflow-guide-review{margin-top:26px}.workflow-guide-review h4{margin:0 0 12px;font-size:16px;font-weight:500}.workflow-guide-review ul{color:var(--ds-slate);margin:0;padding-left:20px;font-size:14px;line-height:1.7;list-style:outside}.workflow-guide-review li{padding-block:5px;padding-left:4px}.workflow-guide-outcome{border-top:1px solid var(--line);padding-top:32px}.workflow-guide-outcome h3{font-size:26px}.workflow-guide-outcome p{max-width:72ch;color:var(--ds-slate);margin-top:15px;font-size:17px}@media (max-width:1100px){.workflow-guide-layout{grid-template-columns:220px minmax(0,1fr);gap:35px}}@media (max-width:760px){.workflow-guide{margin-top:60px;padding-top:40px}.workflow-guide-intro>p{margin-top:18px;font-size:16px}.workflow-guide-layout{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:28px}.workflow-guide-sidebar{position:static}.workflow-guide-sidebar ol{margin-bottom:12px}.workflow-guide-context{padding-bottom:28px}.workflow-guide-steps>li{padding-block:30px 34px}.workflow-guide-prompt{padding:14px 18px 20px}.workflow-guide-prompt pre{font-size:12px;line-height:1.8}}
.design-direction-lab{padding-block:12px 32px}.design-direction-lab p{font-size:16px;line-height:1.6}.ddl-intro{max-width:720px;margin-bottom:32px}.ddl-intro h2{text-wrap:balance;font-size:clamp(34px,3.6vw,52px)}.ddl-intro>p{max-width:65ch;color:var(--ds-slate);margin:20px 0 12px}.ddl-toolbar{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding-block:22px;display:flex}.ddl-presets{flex-wrap:wrap;gap:8px;display:flex}.ddl-presets button{border:1px solid var(--line);border-radius:999px;min-height:44px;padding:10px 18px;font-size:16px;transition:color .2s,background-color .2s}.ddl-presets button[aria-pressed=true]{background:var(--ds-ink-navy);border-color:var(--ds-ink-navy);color:var(--ds-warm-ivory)}.ddl-presets button:hover:not(:disabled){background:var(--ds-core-cobalt);border-color:var(--ds-core-cobalt);color:var(--ds-warm-ivory)}.ddl-reset{gap:8px;font-size:16px}.ddl-context-note{color:var(--ds-slate);margin:18px 0 36px}.ddl-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,72px);display:grid}.ddl-fields{min-width:0}.ddl-fields fieldset{border:0;min-width:0;margin:0 0 40px;padding:0}.ddl-fields legend{letter-spacing:-.02em;padding:0;font-size:25px;font-weight:500;line-height:1.25}.ddl-fields fieldset>p{color:var(--ds-slate);margin:10px 0 24px}.ddl-field{margin-top:20px}.ddl-field label{margin-bottom:9px;font-size:16px;font-weight:500;display:block}.ddl-field :is(select,textarea){border:1px solid color-mix(in srgb, var(--ds-ink-navy) 34%, transparent);width:100%;min-width:0;color:var(--ds-ink-navy);background:color-mix(in srgb, var(--ds-warm-ivory) 95%, var(--ds-pale-steel));border-radius:8px;padding:13px 14px;font-size:16px;line-height:1.5}.ddl-field select{min-height:52px;padding-right:28px}.ddl-field textarea{resize:vertical;min-height:110px;display:block}.ddl-field textarea::placeholder{color:var(--ds-slate);opacity:1}.ddl-field :is(select,textarea):focus-visible{border-color:var(--ds-core-cobalt);outline-offset:3px}.ddl-privacy{border-top:1px solid var(--line);color:var(--ds-slate);margin:0;padding-top:20px}.ddl-preview{min-width:0;position:sticky;top:110px}.ddl-prompt-panel{background:var(--ds-ink-navy);color:var(--ds-warm-ivory);border-radius:14px;overflow:hidden}.ddl-prompt-heading{padding:28px 28px 0}.ddl-prompt-heading h3{letter-spacing:-.02em;font-size:26px}.ddl-prompt-heading p{color:color-mix(in srgb, var(--ds-warm-ivory) 76%, var(--ds-ink-navy));margin:12px 0 20px}.ddl-copy-actions{flex-wrap:wrap;align-items:center;gap:8px 20px;padding:0 28px 20px;display:flex}.ddl-copy-actions .text-button{gap:8px;min-height:44px;font-size:16px}.ddl-copy{min-height:44px;color:var(--ds-ink-navy);background:var(--ds-warm-ivory);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-size:16px;display:inline-flex}.ddl-copy:hover:not(:disabled){background:var(--ds-pale-steel)}.ddl-prompt-panel :focus-visible{outline-color:var(--ds-cornflower)}.ddl-prompt-panel pre{border-top:1px solid color-mix(in srgb, var(--ds-warm-ivory) 25%, transparent);font-family:var(--ds-font-mono), monospace;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:var(--ds-slate) var(--ds-ink-navy);max-height:min(57vh,640px);margin:0;padding:24px 28px 28px;scroll-margin-top:130px;font-size:16px;line-height:1.65;overflow-y:auto}.ddl-prompt-panel pre:focus-visible{outline-offset:-4px}.ddl-status{min-height:1.6em;color:var(--ds-ink-navy);margin:12px 0}.ddl-next{color:var(--ds-slate);margin-top:0}.ddl-next a{color:var(--ds-ink-navy);text-underline-offset:4px;text-decoration:underline}.ddl-quiz{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);margin-top:72px;padding-top:44px;display:grid}.ddl-quiz h2{text-wrap:balance;font-size:clamp(32px,3vw,42px)}.ddl-quiz>div>p{color:var(--ds-slate);max-width:42ch;margin:16px 0 0}.ddl-quiz-options{gap:12px;display:grid}.ddl-quiz-options button{text-align:left;border:1px solid color-mix(in srgb, var(--ds-ink-navy) 34%, transparent);border-radius:10px;width:100%;min-height:58px;padding:17px 20px;font-size:18px;transition:background-color .2s,color .2s}.ddl-quiz-options button:hover:not(:disabled),.ddl-quiz-options button[aria-pressed=true]{color:var(--ds-warm-ivory);background:var(--ds-ink-navy)}.ddl-quiz-feedback{min-height:5.2em;margin:18px 0 0}.ddl-noscript{padding:16px 0}.design-direction-lab button:disabled{cursor:default;opacity:.65}.design-direction-lab fieldset:disabled :is(textarea,select){opacity:.85}@media (max-width:900px){.ddl-workspace{grid-template-columns:minmax(0,1fr);gap:36px}.ddl-preview{position:static}.ddl-fields fieldset{margin-bottom:32px}.ddl-prompt-panel pre{max-height:640px}.ddl-quiz{grid-template-columns:minmax(0,1fr);gap:24px}.ddl-quiz-feedback{min-height:0}}@media (max-width:540px){.ddl-intro{margin-bottom:24px}.ddl-toolbar{align-items:flex-start}.ddl-presets{width:100%}.ddl-presets button{flex:140px}.ddl-context-note{margin-bottom:28px}.ddl-prompt-heading{padding:24px 20px 0}.ddl-copy-actions{gap:8px 16px;padding-inline:20px}.ddl-prompt-panel pre{padding:22px 20px}.ddl-quiz{margin-top:48px;padding-top:32px}}@media (prefers-reduced-motion:reduce){.design-direction-lab button{transition:none}}[data-motion=paused] .design-direction-lab button{transition:none}
.setup-guide{border-top:1px solid var(--line);padding-top:44px}.setup-guide-intro{max-width:72ch}.setup-guide-intro>p{color:var(--ds-slate);margin-top:18px;font-size:17px}.setup-guide-layout{grid-template-columns:265px minmax(0,1fr);gap:65px;margin-top:40px;display:grid}.setup-guide-choices{align-self:start;position:sticky;top:35px}.setup-guide fieldset{border:0;min-width:0;margin:0;padding:0}.setup-guide legend{margin-bottom:12px;padding:0;font-size:14px;font-weight:500}.setup-guide-choices fieldset+fieldset{margin-top:28px}.setup-guide-options{flex-wrap:wrap;gap:8px;display:flex}.setup-guide-options button{border:1px solid var(--line);min-height:44px;transition:background-color .18s var(--ease), color .18s var(--ease);border-radius:8px;padding:10px 16px;font-size:13px}.setup-guide-options button[aria-pressed=true]{color:var(--ds-warm-ivory);background:var(--ds-ink-navy);border-color:var(--ds-ink-navy)}.setup-guide-options button[aria-pressed=false]:hover{background:var(--ds-pale-steel)}.setup-guide-choice-note{color:var(--ds-slate);margin-top:22px;font-size:13px;line-height:1.65}.setup-guide-reading-link{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:24px;padding-block:20px;font-size:13px;display:flex}.setup-guide-reading-link svg{flex-shrink:0}.setup-guide-main{min-width:0}.setup-guide-route>h3{font-size:clamp(28px,2.7vw,36px);line-height:1.2}.setup-guide-app-name{margin-top:12px;font-size:15px;font-weight:500}.setup-guide-route>p:not(.setup-guide-app-name){color:var(--ds-slate);max-width:72ch;margin-top:16px;font-size:16px}.setup-guide-route>.text-button{min-height:44px;color:var(--ds-core-cobalt);align-items:center;gap:8px;margin-top:16px;display:inline-flex}.setup-guide-preparation{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.setup-guide-preparation h4{font-size:18px;font-weight:500}.setup-guide-preparation p{color:var(--ds-slate);max-width:72ch;margin-top:12px;font-size:15px;line-height:1.75}.setup-guide-resource-links{flex-wrap:wrap;gap:8px 24px;margin-top:8px;display:flex}.setup-guide-resource-links a{color:var(--ds-core-cobalt);align-items:center;gap:7px;min-height:44px;font-size:14px;display:inline-flex}.setup-guide-preparation h4:not(:first-child){margin-top:26px}.setup-guide code{font-family:var(--ds-font-mono);overflow-wrap:anywhere;font-size:.85em}.setup-guide-installer-target strong{color:var(--ds-ink-navy);font-weight:500}.setup-guide .setup-guide-readiness{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.setup-guide-readiness legend{padding-top:12px;padding-right:12px}.setup-guide-readiness label{cursor:pointer;align-items:flex-start;gap:12px;padding-block:10px;font-size:14px;line-height:1.65;display:flex}.setup-guide-readiness input{width:18px;height:18px;accent-color:var(--ds-core-cobalt);flex-shrink:0;margin-top:3px}.setup-guide-readiness>p{color:var(--ds-slate);margin-top:14px;font-size:12px}.setup-guide-commands{margin:34px 0 0;padding:0;list-style:none}.setup-guide-commands>li{border-top:1px solid var(--line);padding-block:34px}.setup-guide-commands h3{font-size:clamp(24px,2.2vw,30px);line-height:1.25}.setup-guide-commands h3>span{color:var(--ds-core-cobalt)}.setup-guide-commands h3+p{color:var(--ds-slate);max-width:72ch;margin-top:16px;font-size:15px;line-height:1.75}.setup-guide-command{background:var(--ds-ink-navy);color:var(--ds-warm-ivory);border-radius:12px;margin-top:24px;padding:12px 22px 22px}.setup-guide-command-toolbar{border-bottom:1px solid var(--ds-slate);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-bottom:10px;font-size:12px;display:flex}.setup-guide-command-toolbar button{border-radius:4px;align-items:center;gap:7px;min-height:44px;padding-inline:7px;display:inline-flex}.setup-guide-command-toolbar button:hover{color:var(--ds-cornflower)}.setup-guide-command-toolbar button:focus-visible{outline-color:var(--ds-warm-ivory)}.setup-guide-command pre{font-family:var(--ds-font-mono);color:var(--ds-pale-steel);white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 0;font-size:12px;line-height:1.85}.setup-guide-status{min-height:24px;color:var(--ds-core-cobalt);font-size:13px}.setup-guide-verification-note{border-top:1px solid var(--line);color:var(--ds-slate);max-width:72ch;padding-top:20px;font-size:13px;line-height:1.7}.setup-guide a:hover{text-underline-offset:4px;text-decoration:underline}@media (max-width:1100px){.setup-guide-layout{grid-template-columns:220px minmax(0,1fr);gap:35px}}@media (max-width:760px){.setup-guide{padding-top:32px}.setup-guide-intro>p{font-size:16px}.setup-guide-layout{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:28px}.setup-guide-choices{position:static}.setup-guide-choices fieldset+fieldset{margin-top:22px}.setup-guide-choice-note{max-width:60ch}.setup-guide-reading-link{margin-top:18px;padding-bottom:0}.setup-guide-route{border-top:1px solid var(--line);padding-top:28px}.setup-guide-command{padding:12px 18px 20px}.setup-guide-command-toolbar{column-gap:12px}.setup-guide-commands>li{padding-block:28px}}@media (prefers-reduced-motion:reduce){.setup-guide-options button{transition:none}}