.architecture-workflow{width:100%;min-width:0;height:var(--architecture-workflow-height);align-items:stretch;display:flex}.architecture-workflow-nav{box-sizing:border-box;flex-direction:column;flex:.666667 1 0;justify-content:flex-start;min-width:0;height:100%;display:flex}.architecture-workflow-step{align-items:flex-start;gap:var(--gap-sm);width:100%;min-height:0;padding:var(--padding-inset-panel);font-family:var(--font-family-sans);font-size:var(--text-body-size);font-weight:var(--weight-semibold);text-align:left;cursor:pointer;box-sizing:border-box;appearance:none;background:0 0;border:none;border-left:.25rem solid #0000;flex-direction:column;flex:1;margin:0;line-height:normal;display:flex}.architecture-workflow-step.is-active{border-left-color:var(--color-text-primary)}.architecture-workflow-step-icon{width:1.5rem;height:1.5rem;color:var(--color-text-label);flex-shrink:0;justify-content:center;align-items:center;display:flex}.architecture-workflow-step.is-active .architecture-workflow-step-icon{color:var(--color-text-primary)}.architecture-workflow-step-icon .icon{width:1.5rem;height:1.5rem;color:inherit}.architecture-workflow-step-label{color:var(--color-text-label);font-size:inherit;font-weight:inherit;line-height:inherit}.architecture-workflow-step.is-active .architecture-workflow-step-label,.architecture-workflow-step.is-active .icon{color:var(--color-text-primary)}.architecture-workflow-panel{background:var(--color-bg-surface);border:var(--border-card);border-radius:var(--radius-lg);min-width:0;height:100%;box-shadow:var(--shadow-card);flex-direction:column;flex:1 1 0;display:flex}.architecture-workflow-content{width:100%;height:100%;padding:var(--padding-inset-panel);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.architecture-workflow-content--with-tools{justify-content:center;align-items:flex-start;gap:var(--gap-xl);text-align:left}.architecture-workflow-heading{width:100%;color:var(--color-workflow-accent);font-size:var(--text-heading-size);font-weight:var(--weight-semibold);margin:0;line-height:normal}.architecture-workflow-tools{gap:var(--gap-md);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.architecture-workflow-tool{background:var(--color-workflow-chip-bg);border-radius:var(--radius-sm);width:100%;color:var(--color-workflow-chip-text);font-size:var(--text-body-size);font-weight:var(--weight-semibold);justify-content:center;align-items:center;padding:.625rem;line-height:normal;display:flex}@media (max-width:68.6875rem){.architecture-workflow{flex-direction:column;height:auto}.architecture-workflow-nav{height:auto;min-height:var(--architecture-workflow-height)}.architecture-workflow-panel,.architecture-workflow-content{min-height:var(--architecture-workflow-height);height:auto}}@media (max-width:39.9375rem){.architecture-workflow-panel,.architecture-workflow-content{min-height:14rem}}