/* Blueprint Studio: presentation of the reviewed September 2026 mockup batch.
   Existing commands, validation, and saved-handoff authority remain with their presenters. */
.blueprint-studio.blueprint-studio.blueprint-studio.blueprint-studio { max-width: none; width: 100%; margin: 0; padding: 0; gap: 0; background: transparent; }
.blueprint-studio.blueprint-studio .page-frame__content,
.blueprint-studio.blueprint-studio .workflow-frame__body,
.blueprint-studio.blueprint-studio .workflow-frame__task { padding: 0; gap: 0; margin: 0; }
.blueprint-studio.blueprint-studio .marketplace-workspace.blueprint-builder { max-width: none; padding: 0; gap: 0; font-family: var(--hs-font-family-body); font-weight: 400; background: transparent; }
.blueprint-studio.blueprint-studio .blueprint-builder__flow { gap: 0; }
.blueprint-studio.blueprint-studio .blueprint-studio-navigation { display: flex; align-items: center; gap: 24px; border-bottom: 1px solid var(--hs-color-border); padding: 0 32px; min-height: 64px; }
.blueprint-studio.blueprint-studio .blueprint-authoring-step-tabs-shell { flex: 1; margin: 0; padding: 0; }
.blueprint-studio.blueprint-studio .blueprint-authoring-step-tabs { display: flex; justify-content: start; gap: 8px; border: 0; border-radius: 0; padding: 0; background: transparent; box-shadow: none; }
.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab { min-width: 0; flex: 0 0 auto; min-height: 64px; padding: 16px 18px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: var(--hs-color-text-neutral); font-size: 16px; font-weight: 500; box-shadow: none; }
.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab[aria-selected="true"] { background: transparent; border-bottom-color: var(--hs-color-blueprint); color: var(--hs-color-blueprint); box-shadow: none; }
.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab > .oi { display: none; }
.blueprint-studio-counts { display: flex; gap: 6px; white-space: nowrap; font-size: 14px; color: var(--hs-color-text-neutral); }
.blueprint-studio.blueprint-studio .blueprint-outline { padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; gap: 0; }
.blueprint-studio.blueprint-studio .blueprint-guided-question { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); padding: 0; margin: -1px; border: 0; }
.blueprint-studio.blueprint-studio .blueprint-guided-work-area { display: block; padding: 0; }
.blueprint-studio.blueprint-studio .blueprint-structure-layout { display: grid; grid-template-columns: minmax(300px, 29%) minmax(0, 1fr); gap: 0; align-items: start; }
.blueprint-studio.blueprint-studio .blueprint-work-plan__phase-pane { padding: 20px 16px; border-right: 1px solid var(--hs-color-border); align-self: stretch; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail { position: static; border: 0; border-radius: 0; background: transparent; padding: 0; box-shadow: none; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail > header { padding: 0 12px 16px; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail h2 { margin: 0; font-size: 23px; font-weight: 650; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail > header small { display: none; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__item { border: 0; border-radius: 5px; background: transparent; padding: 14px 12px; min-height: 56px; box-shadow: none; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__item--active { background: var(--hs-color-blueprint-interactive-surface-hover); }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__number { width: 16px; height: 16px; min-width: 16px; font-size: 0; background: var(--hs-color-blueprint); }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__item--green .blueprint-phase-rail__number { background: var(--hs-color-execute); }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__item--orange .blueprint-phase-rail__number { background: var(--hs-color-wrap); }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__item strong { font-size: 17px; }
.blueprint-studio.blueprint-studio .blueprint-guided-task-outline { gap: 2px; padding: 0; }
.blueprint-studio-section-name { color: var(--hs-color-text-neutral); padding: 10px 14px; font-size: 14px; line-height: 1.5; }
.blueprint-studio.blueprint-studio .blueprint-guided-task-outline__item { min-height: 46px; padding: 10px 12px; border: 0; border-radius: 4px; background: transparent; align-items: start; gap: 12px; }
.blueprint-studio.blueprint-studio .blueprint-guided-task-outline__item strong { font-weight: 400; font-size: 14px; line-height: 1.45; white-space: normal; overflow: visible; text-overflow: clip; display: block; -webkit-line-clamp: unset; }
.blueprint-studio.blueprint-studio .blueprint-guided-task-outline__item--active { background: var(--hs-color-blueprint-interactive-surface); box-shadow: inset 3px 0 var(--hs-color-blueprint); }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__actions { padding: 16px 8px; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__add { min-height: 44px; border: 0; background: transparent; font-size: 15px; justify-content: start; }
.blueprint-studio.blueprint-studio .blueprint-outline__list--focused { padding: 24px 28px; margin: 0; }
.blueprint-studio.blueprint-studio :is(.blueprint-phase,.blueprint-task-section,.blueprint-task) { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.blueprint-studio.blueprint-studio .blueprint-disclosure__panel { padding: 0; gap: 16px; }
.blueprint-studio.blueprint-studio .blueprint-task-section > .blueprint-disclosure__header { display: none; }
.blueprint-studio.blueprint-studio .blueprint-task { padding: 0; gap: 24px; }
.blueprint-studio.blueprint-studio .blueprint-task__header { padding: 0; margin-bottom: 16px; }
.blueprint-studio.blueprint-studio .blueprint-task__number { color: var(--hs-color-text-neutral); font-weight: 400; }
.blueprint-studio.blueprint-studio .blueprint-task__number .oi { color: var(--hs-color-blueprint); }
.blueprint-studio.blueprint-studio .blueprint-builder__field-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
.blueprint-studio.blueprint-studio .blueprint-field { gap: 8px; color: var(--hs-color-text); font-size: 15px; }
.blueprint-studio.blueprint-studio .blueprint-field > span { font-weight: 500; }
.blueprint-studio.blueprint-studio .blueprint-field small { color: var(--hs-color-text-neutral); font-size: 13px; font-weight: 400; }
.blueprint-studio.blueprint-studio .blueprint-field :is(input:not([type="checkbox"]),textarea,select) { width: 100%; min-height: 46px; padding: 12px 14px; border: 1px solid var(--hs-color-border); border-radius: 6px; background: var(--hs-color-surface-deep); color: var(--hs-color-text); font-family: inherit; font-weight: 400; font-size: 16px; line-height: 1.5; box-shadow: none; }
.blueprint-studio.blueprint-studio .blueprint-field textarea { min-height: 104px; resize: vertical; }
.blueprint-studio.blueprint-studio .blueprint-field:has(> input[type="checkbox"]) { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 12px; min-height: 44px; }
.blueprint-studio.blueprint-studio .blueprint-field input[type="checkbox"] { width: 20px; height: 20px; min-height: 20px; margin: 0; accent-color: var(--hs-color-blueprint); }
.blueprint-studio.blueprint-studio :is(.blueprint-task__advanced-trigger,.blueprint-task-supporting-disclosure__trigger) { background: var(--hs-color-surface-deep); min-height: 58px; border-radius: 6px; padding: 12px 16px; }
.blueprint-studio.blueprint-studio .blueprint-focus-bar { position: sticky; bottom: 0; z-index: 10; border: 0; border-top: 1px solid var(--hs-color-border); border-radius: 0; background: var(--hs-color-bg); margin: 0; padding: 16px 32px; box-shadow: none; min-height: 80px; }
.blueprint-studio.blueprint-studio .blueprint-focus-bar__context > .oi,
.blueprint-studio.blueprint-studio .blueprint-focus-bar__context > span > :is(small,strong) { display: none; }
.blueprint-studio.blueprint-studio .blueprint-focus-bar__context { grid-template-columns: minmax(0,1fr); font-size: 14px; }
.blueprint-studio.blueprint-studio .blueprint-builder__button { min-height: 46px; border: 1px solid var(--hs-color-border); border-radius: 6px; background: transparent; padding: 12px 20px; font-size: 15px; font-weight: 500; color: var(--hs-color-text); }
.blueprint-studio.blueprint-studio .blueprint-focus-bar__actions > button:first-child { background: var(--hs-color-action-primary); border-color: var(--hs-color-action-primary); }
.blueprint-studio.blueprint-studio .blueprint-focus-bar__actions > button:last-child:not(:first-child) { background: transparent; border-color: var(--hs-color-border); }
.blueprint-studio.blueprint-studio .blueprint-project-card { max-width: 780px; margin: 40px auto; padding: 0 24px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.blueprint-studio.blueprint-studio .blueprint-project-card > .blueprint-disclosure__trigger { padding: 0 0 24px; background: transparent; grid-template-columns: 1fr; }
.blueprint-studio.blueprint-studio .blueprint-project-card > .blueprint-disclosure__trigger > .oi { display: none; }
.blueprint-studio.blueprint-studio .blueprint-project-card h2 { font-size: 34px; line-height: 1.2; margin: 0; font-weight: 650; }
.blueprint-studio.blueprint-studio .blueprint-optional-setup { margin-top: 28px; background: var(--hs-color-surface-deep); border: 1px solid var(--hs-color-border); border-radius: 6px; }
.blueprint-studio.blueprint-studio :is(button,a,input,textarea,select,summary):focus-visible { outline: 2px solid var(--hs-color-blueprint-highlight); outline-offset: -2px; }
@media (max-width: 1000px) {
    .blueprint-studio.blueprint-studio .blueprint-studio-navigation { padding: 0 16px; gap: 8px; flex-wrap: wrap; }
    .blueprint-studio.blueprint-studio .blueprint-structure-layout { grid-template-columns: minmax(240px,32%) minmax(0,1fr); }
    .blueprint-studio.blueprint-studio .blueprint-outline__list--focused { padding: 24px 16px; }
    .blueprint-studio-counts { padding-bottom: 12px; }
}
@media (max-width: 760px) {
    .blueprint-studio.blueprint-studio .blueprint-structure-layout { grid-template-columns: minmax(0,1fr); }
    .blueprint-studio.blueprint-studio .blueprint-work-plan__phase-pane { order: 0; border-right: 0; border-bottom: 1px solid var(--hs-color-border); }
    .blueprint-studio.blueprint-studio .blueprint-outline__list--focused { order: 1; }
    .blueprint-studio.blueprint-studio .blueprint-focus-bar { position: static; flex-wrap: wrap; padding: 16px; }
    .blueprint-studio.blueprint-studio .blueprint-authoring-step-tab { padding-inline: 12px; min-height: 52px; font-size: 14px; }
    .blueprint-studio.blueprint-studio .blueprint-project-card { margin: 24px auto; padding: 0 16px; }
}

.blueprint-studio.blueprint-studio.blueprint-studio.blueprint-studio { grid-template-columns: minmax(0,1fr); padding: 0; }
.blueprint-studio.blueprint-studio .blueprint-authoring-step-tabs-shell { min-width: 0; flex: 0 1 auto; }
.blueprint-studio.blueprint-studio .blueprint-studio-counts { margin-left: auto; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail { max-height: none; overflow: visible; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__number { border-radius: 50%; padding: 0; }
.blueprint-studio.blueprint-studio .blueprint-task__header { border: 0; }
.blueprint-studio.blueprint-studio .blueprint-task__advanced { margin-top: 20px; }
/* Iteration 3: remove legacy framing and keep configured task capabilities in view. */
.blueprint-studio.blueprint-studio .blueprint-authoring-step-tabs-shell { border: 0; border-radius: 0; background: transparent; }
.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab { font-size: 16px; font-weight: 400; }
.blueprint-studio.blueprint-studio .blueprint-task__header { border: 0; padding: 0; margin: 0; min-height: 46px; }
.blueprint-studio.blueprint-studio .blueprint-task__number { text-transform: none; letter-spacing: 0; font-size: 15px; }
.blueprint-studio-phase-label { color: var(--hs-color-blueprint); font-weight: 600; margin-right: 12px; }
.blueprint-studio.blueprint-studio .blueprint-task { gap: 20px; }
.blueprint-studio.blueprint-studio .blueprint-builder__field-grid { gap: 20px; }
.blueprint-studio.blueprint-studio .blueprint-studio-capability-heading { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; }
.blueprint-studio-capability-heading h3 { font-size: 18px; margin: 0; font-weight: 600; }
.blueprint-studio.blueprint-studio .blueprint-task__advanced { display: grid; gap: 16px; margin: 0; padding: 0; border: 0; }
.blueprint-studio.blueprint-studio .blueprint-task__advanced:not(.blueprint-task__advanced--configure) > .blueprint-field,
.blueprint-studio.blueprint-studio .blueprint-task__advanced:not(.blueprint-task__advanced--configure) > section[aria-label="Timed execution settings"]:not(:has(input:checked)):not([data-timer-disclosed="true"]),
.blueprint-studio.blueprint-studio .blueprint-task__advanced:not(.blueprint-task__advanced--configure) > section[data-testid="blueprint-task-capabilities"]:not(.capability-editor) > header,
.blueprint-studio.blueprint-studio .blueprint-task__advanced:not(.blueprint-task__advanced--configure) > section[data-testid="blueprint-task-capabilities"]:not(.capability-editor) > label:has(input:not(:checked)),
.blueprint-studio.blueprint-studio .blueprint-task__advanced:not(.blueprint-task__advanced--configure) > section[data-testid="blueprint-task-capabilities"]:not(.capability-editor):not(:has(input:checked)) { display: none; }
.blueprint-studio.blueprint-studio .blueprint-link-editor { border: 1px solid var(--hs-color-border); border-radius: 6px; padding: 16px; background: var(--hs-color-surface-deep); gap: 16px; }
.blueprint-studio.blueprint-studio .blueprint-link-editor .blueprint-builder__field-grid { gap: 16px; }
.blueprint-studio.blueprint-studio .blueprint-task-supporting-disclosure { border-color: var(--hs-color-border); border-radius: 6px; }
.blueprint-studio.blueprint-studio .blueprint-task-supporting-disclosure__trigger { grid-template-columns: 22px minmax(0,1fr) 20px; }
.blueprint-studio.blueprint-studio .blueprint-task-supporting-disclosure__icon { width: 22px; height: 22px; background: transparent; border-radius: 0; color: var(--hs-color-text-neutral); }
.blueprint-studio.blueprint-studio .blueprint-task-supporting-disclosure__trigger small { display: none; }
.blueprint-studio.blueprint-studio .blueprint-studio-structure-settings { order: 10; margin-top: 12px; border: 0; }
.blueprint-studio-structure-settings > summary { padding: 12px 0; color: var(--hs-color-text-neutral); list-style: none; cursor: pointer; font-size: 14px; min-height: 44px; }
.blueprint-studio-structure-settings > summary .oi { margin-left: 12px; font-size: 11px; }
.blueprint-studio.blueprint-studio .blueprint-confirmation { position: fixed; inset: 0; max-height: 100dvh; overflow-y: auto; align-items: safe center; }
.blueprint-studio.blueprint-studio .blueprint-studio-task-options { position: relative; display: block; }
.blueprint-studio-task-options > summary { list-style: none; cursor: pointer; padding: 12px; font-size: 14px; min-height: 44px; }
.blueprint-studio-task-options > div { position: absolute; top: 100%; right: 0; z-index: 20; display: grid; min-width: 12rem; max-width: calc(100vw - 32px); gap: 8px; background: var(--hs-color-surface); padding: 12px; border: 1px solid var(--hs-color-border); border-radius: 6px; }
.blueprint-studio-task-options > div > .blueprint-icon-button { width: 100%; height: auto; min-height: 44px; padding: 10px 12px; justify-content: flex-start; gap: 10px; white-space: nowrap; }
.blueprint-studio.blueprint-studio .blueprint-task__actions:not([open]) > div { display: none; }
.blueprint-studio.blueprint-studio .blueprint-guided-task-outline__item { border-left: 0; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail { gap: 8px; }
.blueprint-studio.blueprint-studio .blueprint-guided-task-outline { border-left: 0; margin: 0; }

/* Iteration 4: match the reference's typography, density, and active phase colors. */
.blueprint-studio.blueprint-studio.blueprint-studio .blueprint-studio-navigation { min-height: 54px; }
.blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab { font-size: 16px; font-weight: 400; min-height: 54px; padding: 14px 20px; width: auto; }
.blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab__label { font: inherit; }
.blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab[aria-selected="true"] { color: #5ca2ff; border-bottom-color: #3385ff; }
.blueprint-studio.blueprint-studio .blueprint-field { margin: 0; line-height: 1.4; }
.blueprint-studio.blueprint-studio .blueprint-field > span { font-weight: 400; }
.blueprint-studio.blueprint-studio .blueprint-field :is(input:not([type="checkbox"]),textarea,select) { border-color: #65717e; padding: 10px 14px; }
.blueprint-studio.blueprint-studio .blueprint-task > .blueprint-builder__field-grid > .blueprint-field > textarea { min-height: 98px; }
.blueprint-studio.blueprint-studio .blueprint-task__header { min-height: 32px; }
.blueprint-studio.blueprint-studio .blueprint-outline__list--focused { padding-top: 14px; }
.blueprint-studio.blueprint-studio .blueprint-link-editor:has(.blueprint-studio-location) { padding: 0; gap: 0; }
.blueprint-studio.blueprint-studio .blueprint-task__advanced:not(.blueprint-task__advanced--configure) label:not(.capability-choice__label):has(> [data-testid="blueprint-task-location-toggle"]) { display: none; }
.blueprint-studio-location > summary { display: flex; gap: 24px; align-items: center; padding: 14px 20px; font-size: 18px; font-weight: 500; cursor: pointer; background: #292d32; list-style: none; border-bottom: 1px solid #40454c; }
.blueprint-studio-location > summary > .oi:last-child { margin-left: auto; font-size: 14px; }
.blueprint-studio-location > summary::-webkit-details-marker { display: none; }
.blueprint-studio.blueprint-studio .blueprint-studio-location > .blueprint-builder__field-grid { padding: 12px 22px; gap: 14px; }
.blueprint-studio.blueprint-studio .blueprint-studio-location .blueprint-field:has(> input[type="checkbox"]) { min-height: 32px; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__item > span:nth-child(2) { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: 1; }
.blueprint-studio-phase-count { display: flex; align-items: center; gap: 18px; font-size: 15px; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__item { padding-block: 14px; min-height: 56px; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__item--active { border-radius: 5px 5px 0 0; background: #173f7d; }
.blueprint-studio.blueprint-studio .blueprint-studio-section-name:first-child { background: #173f7d; border-radius: 0 0 5px 5px; padding: 0 14px 12px; margin-top: -8px; margin-bottom: 4px; color: #c0d1ed; font-size: 15px; }
.blueprint-studio.blueprint-studio .blueprint-guided-task-outline__item { min-height: 44px; padding: 9px 12px; }
.blueprint-studio.blueprint-studio .blueprint-guided-task-outline__item strong { font-size: 15px; }
.blueprint-studio.blueprint-studio .blueprint-guided-task-outline__item--active { background: var(--hs-color-blueprint-interactive-surface); box-shadow: none; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__add { color: #64a5ff; font-weight: 400; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__actions { gap: 8px; padding-top: 8px; }
.blueprint-studio.blueprint-studio .blueprint-focus-bar__actions > button:first-child { background: #1c65ee; border-color: #347cf5; }
.blueprint-studio.blueprint-studio .blueprint-builder__button { border-color: #9bacbe; }

/* Optional Team ownership is a navigation decision, with no unnecessary save action. */
.blueprint-studio.blueprint-studio .blueprint-studio-team { min-height: calc(100vh - 130px); display: flex; flex-direction: column; }
.blueprint-studio-team__body { width: min(1260px, calc(100% - 64px)); margin: 64px auto 40px; }
.blueprint-studio-team__heading h2 { font-size: 40px; font-weight: 650; margin: 0 0 10px; color: #f4f5f7; }
.blueprint-studio-team__heading p { font-size: 20px; line-height: 1.5; margin: 0; color: #b9c3d1; }
.blueprint-studio-team__heading p:last-child { font-size: 18px; }
.blueprint-studio-team__notice { display: flex; align-items: center; gap: 40px; width: min(906px,100%); margin: 50px auto 36px; padding: 46px 50px; border: 1px solid #424a53; border-radius: 8px; background: #24272b; }
.blueprint-studio-team__icon { display: grid; align-items: center; justify-items: center; flex: 0 0 150px; min-height: 100px; border-right: 1px solid #454c54; font-size: 52px; color: #b9c3d1; }
.blueprint-studio-team__notice h3 { margin: 0 0 12px; font-size: 22px; font-weight: 600; color: #f4f5f7; }
.blueprint-studio-team__notice p { margin: 0; font-size: 18px; line-height: 1.5; color: #b9c3d1; }
.blueprint-studio-team__actions { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.blueprint-studio.blueprint-studio .blueprint-studio-primary { background: #1c65ee; border-color: #347cf5; min-width: 294px; min-height: 54px; font-size: 17px; }
.blueprint-studio-text-button { border: 0; background: transparent; color: #6eb1ff; font: inherit; padding: 12px 20px; min-height: 44px; cursor: pointer; }
.blueprint-studio-team__footer { border-top: 1px solid #343c44; margin-top: auto; padding: 24px 40px; font-size: 14px; color: #b9c3d1; }
.blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab .guided-workflow-tab__description { position: static; width: auto; height: auto; clip-path: none; clip: auto; overflow: visible; margin: 0; font-size: 13px; font-weight: 400; color: #b9c3d1; }
.blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab { background: transparent; }
.blueprint-studio.blueprint-studio .blueprint-task-section__tasks { border-top: 0; }
.blueprint-studio.blueprint-studio .blueprint-task > .blueprint-builder__field-grid { margin-top: -12px; }
.blueprint-studio.blueprint-studio .blueprint-studio-capability-heading { margin-top: 0; }
@media(max-width:760px) {
 .blueprint-studio-team__body { width: calc(100% - 32px); margin-top: 32px; }
 .blueprint-studio-team__heading h2 { font-size: 30px; }
 .blueprint-studio-team__notice { padding: 24px; gap: 20px; flex-direction: column; align-items: start; margin-top: 28px; }
 .blueprint-studio-team__icon { flex-basis: auto; border-right: 0; min-height: auto; font-size: 36px; }
 .blueprint-studio-team__notice p { font-size: 16px; }
 .blueprint-studio-team__footer { padding: 24px 16px; }
}

/* Keep the desktop editor's primary navigation visible when changing tabs. */
.blueprint-studio.blueprint-studio.blueprint-studio .blueprint-project-card { width: min(724px,100%); max-width: 724px; margin: 60px auto 80px; }
.blueprint-studio.blueprint-studio .blueprint-project-card > .blueprint-disclosure__trigger { text-align: left; border: 0; }
.blueprint-studio.blueprint-studio .blueprint-project-card > .blueprint-disclosure__panel { border: 0; }
.blueprint-studio.blueprint-studio .blueprint-project-card .blueprint-builder__field-grid { gap: 28px; }
.blueprint-studio.blueprint-studio .blueprint-project-card .blueprint-optional-setup { margin-top: 16px; }
.blueprint-studio.blueprint-studio .blueprint-optional-setup__icon { background: transparent; width: 24px; height: 24px; color: #b9c3d1; }
.blueprint-studio.blueprint-studio .blueprint-optional-setup__trigger { padding: 16px; }
.blueprint-studio.blueprint-studio .blueprint-project-card h2 { font-size: 36px; }
.blueprint-studio.blueprint-studio .blueprint-phase-rail__item small { font-size: 15px; font-weight: 400; }
.blueprint-studio.blueprint-studio .blueprint-studio-team__notice p { font-size: 18px; }
.blueprint-studio.blueprint-studio .blueprint-studio-team__notice h3 { font-size: 22px; }
.blueprint-studio.blueprint-studio .blueprint-studio-team__heading { margin-bottom: 0; }
.blueprint-studio-location[open] > summary > .oi:last-child { transform: rotate(180deg); }
.blueprint-studio.blueprint-studio .blueprint-task-supporting-disclosure__trigger { background: #292d32; }
@media(max-width:760px) { .blueprint-studio.blueprint-studio.blueprint-studio .blueprint-project-card { margin: 32px auto; } }

/* Readiness belongs to the current plan; approval belongs to the saved handoff. */
.blueprint-studio-review { padding: 32px 42px 0; min-height: calc(100vh - 130px); display: flex; flex-direction: column; }
.blueprint-studio-review__heading { margin-bottom: 24px; }
.blueprint-studio-review__heading h2 { margin: 0 0 8px; color: #f4f5f7; font-size: 38px; font-weight: 650; }
.blueprint-studio-review__heading p { margin: 0; color: #bdc6d3; font-size: 19px; }
.blueprint-studio-review__columns { display: grid; grid-template-columns: minmax(0, 2.4fr) minmax(320px, 1fr); gap: 22px; align-items: start; }
.blueprint-studio-review__main { display: grid; gap: 20px; }
.blueprint-studio-review__card { padding: 24px 32px; background: #26292d; border: 1px solid #424a53; border-radius: 8px; }
.blueprint-studio-review__card h3 { margin: 0 0 18px; color: #f4f5f7; font-size: 29px; font-weight: 600; }
.blueprint-studio-review__card p { color: #bdc6d3; margin: 12px 0 16px; font-size: 17px; line-height: 1.5; }
.blueprint-studio-review__state { display: flex; gap: 14px; align-items: center; color: #d4dbe6; font-size: 18px; }
.blueprint-studio-review__state > .oi { font-size: 26px; }
.blueprint-studio-review__state--green { color: #92e9a3; }
.blueprint-studio-review__state--orange { color: #ffbc7e; }
.blueprint-studio-review__state--gold { color: #ffcf70; }
.blueprint-studio.blueprint-studio .blueprint-studio-review .blueprint-builder__button { display: inline-flex; gap: 28px; align-items: center; min-width: 0; font-size: 17px; padding: 14px 24px; }
.blueprint-studio-review__disclosure { border-top: 1px solid #454b53; margin-top: 18px; padding-top: 12px; }
.blueprint-studio-review__disclosure summary { cursor: pointer; padding: 8px 0; font-weight: 500; min-height: 44px; }
.blueprint-studio-review__disclosure p { font-size: 15px; }
.blueprint-studio-review__disclosure h4 { font-size: 17px; }
.blueprint-studio-review__connection { display: flex; gap: 14px; margin-top: 20px; padding: 16px; border: 1px solid #856545; border-radius: 6px; color: #ffcf91; }
.blueprint-studio-review__connection p { margin: 4px 0 0; font-size: 14px; }
.blueprint-studio-review__connection strong { font-size: 15px; }
.blueprint-studio-review__team { display: flex; gap: 22px; padding: 28px 26px; }
.blueprint-studio-review__team > .oi { font-size: 28px; padding-top: 4px; color: #d4dbe6; }
.blueprint-studio-review__team h3 { font-size: 22px; line-height: 1.4; }
.blueprint-studio-review__team small { color: #bdc6d3; font-size: 14px; font-weight: 400; }
.blueprint-studio-review__team .blueprint-studio-text-button { padding-left: 0; text-align: left; }
.blueprint-studio-review__card .blueprint-studio-review__version-note { display: flex; gap: 16px; border-top: 1px solid #454b53; padding-top: 18px; margin: 20px 0 0; font-size: 15px; }
.blueprint-studio-review__footer { margin: auto -42px 0; padding: 18px 22px; border-top: 1px solid #394049; }
.blueprint-studio-review__footer .blueprint-studio-text-button { display: flex; align-items: center; gap: 14px; }
.blueprint-studio-review__columns { margin-bottom: 28px; }
@media(max-width:1000px) { .blueprint-studio-review__columns { grid-template-columns: 1fr; } }
@media(max-width:760px) { .blueprint-studio-review { padding: 24px 16px 0; } .blueprint-studio-review__card { padding: 20px; } .blueprint-studio-review__heading h2 { font-size: 30px; } .blueprint-studio-review__footer { margin-inline: -16px; padding-inline: 0; } }
/* Explicit text rhythm overrides the legacy builder's compact heading resets. */
.blueprint-studio.blueprint-studio .blueprint-studio-review__card h3 { margin: 0 0 18px; font-size: 29px; line-height: 1.3; }
.blueprint-studio.blueprint-studio .blueprint-studio-review__card p { margin: 12px 0 16px; font-size: 17px; line-height: 1.5; }
.blueprint-studio.blueprint-studio .blueprint-studio-review__connection p { margin: 4px 0 0; font-size: 14px; }
.blueprint-studio.blueprint-studio .blueprint-studio-review__team h3 { font-size: 22px; }
.blueprint-studio.blueprint-studio .blueprint-studio-review__heading h2 { margin: 0 0 8px; font-size: 38px; line-height: 1.2; }
.blueprint-studio.blueprint-studio .blueprint-studio-review__heading p { margin: 0; font-size: 19px; }
.blueprint-studio.blueprint-studio .blueprint-studio-review__disclosure p { font-size: 15px; }
.blueprint-studio.blueprint-studio .blueprint-studio-team__notice h3 { margin: 0 0 12px; line-height: 1.4; }
.blueprint-studio.blueprint-studio .blueprint-studio-team__notice p { margin: 0; line-height: 1.5; }
.blueprint-studio.blueprint-studio .blueprint-studio-team__heading h2 { margin: 0 0 10px; line-height: 1.2; }
.blueprint-studio.blueprint-studio .blueprint-studio-team__heading p { margin: 0; line-height: 1.5; }
.blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab:is(:hover,:focus,:focus-visible) { background: transparent; }
/* Saved phone review: one saved task with supporting material disclosed below it. */
.blueprint-studio.blueprint-studio .mobile-review { max-width: none; margin: 0; padding: 0; gap: 0; }
.blueprint-studio-phone-tabs { display: flex; gap: 16px; }
.blueprint-studio-phone-tabs a { min-height: 54px; display: flex; align-items: center; padding: 14px 20px; border-bottom: 3px solid transparent; color: #c5ceda; }
.blueprint-studio-phone-tabs a[aria-current="page"] { color: #61a4ff; border-color: #3385ff; }
.blueprint-studio.blueprint-studio .phone-review-presentation--generic { padding: 24px 40px 28px; }
.blueprint-studio-phone-heading { margin-bottom: 16px; }
.blueprint-studio-phone-heading > div { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-heading h2 { font-size: 36px; line-height: 1.2; margin: 0; color: #f4f5f7; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-heading p { font-size: 18px; margin: 8px 0 0; color: #b9c5d5; }
.blueprint-studio-phone-status { padding: 8px 12px; border: 1px solid #56677c; border-radius: 6px; color: #ccd6e5; font-size: 14px; }
.blueprint-studio-phone-status--approved { background: #193d2b; border-color: #308650; color: #91ecaa; }
.blueprint-studio-phone-workspace { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.blueprint-studio-phone-stage, .blueprint-studio-phone-decision { border: 1px solid #3e474f; border-radius: 8px; background: #222529; min-width: 0; }
.blueprint-studio-phone-stage { padding: 24px; }
.saved-travel-stage { --saved-phone-width: 360px; --saved-phone-height: 692px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-caption { margin: 0; font-size: 14px; font-weight: 600; color: #c1cbd8; }
.blueprint-studio-phone-phases { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.blueprint-studio-phone-phases > span { flex-basis: 100%; color: #b9c5d5; font-size: 14px; }
.blueprint-studio-phone-phases button { flex: 1 1 6rem; background: #292d32; border: 1px solid #465462; border-radius: 6px; min-height: 44px; text-align: center; padding: 10px 12px; color: #d7e0ee; font: inherit; font-size: 14px; }
.blueprint-studio-phone-phases button.is-selected { background: #1260ef; color: #fff; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview { padding: 0; border: 0; background: transparent; display: block; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview > :is(.mobile-review__preview-heading,.mobile-review__edit-link) { display: none; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone { width: var(--saved-phone-width, 324px); max-width: 100%; height: var(--saved-phone-height, 646px); display: flex; flex-direction: column; border: 3px solid #67696c; border-radius: 46px; padding: 12px; background: #080a0b; box-shadow: inset 0 0 0 3px #141619; margin: 0 auto; overflow: hidden; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-topbar { background: #1b1d1f; color: #f6f7f8; padding: 12px 16px 6px; height: 32px; flex-shrink: 0; font-size: 11px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-screen { padding: 12px 14px; background: #1b1d1f; overflow: auto; flex: 1; min-height: 0; max-height: none; display: block; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-header { padding: 0 0 22px; border: 0; background: transparent; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-header small { display: none; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-header strong { font-size: 17px; color: #f7f8fa; line-height: 1.35; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-header > .oi { display: none; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview :is(.mobile-review__phase-picker,.mobile-review__phase,.mobile-review__section > header) { display: none; }
.blueprint-studio-phone-progress { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 11px; color: #cbd5e3; }
.blueprint-studio-phone-progress strong { padding: 3px 8px; border-radius: 4px; color: #fff; background: #155ef3; font-weight: 500; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview :is(.mobile-review__sections,.mobile-review__section,.mobile-review__section ol,.mobile-review__section li) { background: transparent; padding: 0; margin: 0; border: 0; border-radius: 0; display: block; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__task-check { display: none; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__task-check--simulation { display: inline-grid; margin-bottom: .5rem; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__section li > div > strong { display: block; color: #f4f5f7; font-size: 19px; line-height: 1.35; margin-bottom: 8px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__section li > div > p { color: #d0d7e0; font-size: 13px; line-height: 1.6; margin: 0 0 16px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__task-requirements { padding: 12px; background: #292d32; border: 1px solid #363d46; border-radius: 7px; margin: 16px 0; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__task-requirements > small { display: none; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__task-requirements li { display: flex; gap: 10px; margin-bottom: 8px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__task-requirements li:last-child { margin-bottom: 0; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__task-requirements li > span:last-child { display: grid; gap: 4px; font-size: 11px; color: #cdd7e3; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__task-requirements strong { color: #f4f5f7; font-size: 12px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-home { width: 108px; height: 5px; padding: 0; margin: 14px auto 4px; background: #fafafa; flex-shrink: 0; border-radius: 4px; }
.blueprint-studio-session-equipment { margin-top: 22px; background: #292d32; border: 1px solid #3c454e; border-radius: 6px; }
.blueprint-studio-session-equipment summary { cursor: pointer; padding: 12px; font-size: 11px; color: #eff2f7; min-height: 44px; }
.blueprint-studio-session-equipment .mobile-review__production-context { margin: 0; }
.blueprint-studio-phone-task-navigation { display: flex; flex-shrink: 0; gap: 10px; padding: 10px 8px; border-top: 1px solid #363e47; background: #1b1d1f; }
.blueprint-studio-phone-task-navigation button { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 8px; flex: 1; min-height: 44px; padding: 10px 4px; border-radius: 6px; border: 1px solid #465462; color: #f4f5f7; background: #272c31; font-size: 11px; }
.blueprint-studio-phone-task-navigation button:last-child { background: #155ff0; border-color: #2b70ef; }
.blueprint-studio-phone-task-navigation button:disabled { opacity: .55; cursor: default; }
.blueprint-studio-phone-decision { padding: 28px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__approval { padding: 0; border: 0; background: transparent; box-shadow: none; display: flex; flex-direction: column; gap: 16px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__approval > .mobile-review__eyebrow { display: none; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__approval-icon { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; background: #43bd74; color: #fff; font-size: 36px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__approval h2 { color: #f4f5f7; margin: 0; font-size: 29px; line-height: 1.25; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__approval p { color: #c2ccda; font-size: 18px; line-height: 1.5; margin: 0 0 10px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; padding: 12px 16px; border: 1px solid #93a4b8; border-radius: 6px; font-size: 16px; font-weight: 500; background: transparent; color: #f5f6f8; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__button--primary { background: #155ff0; border-color: #236cff; }
.blueprint-studio-phone-edit { margin-top: 12px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-edit-hint { margin: 8px 0 30px; font-size: 14px; color: #b9c5d5; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__footer { margin-top: 28px; border-top: 1px solid #3d464f; padding: 28px 0 0; background: transparent; display: block; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__boundary { padding: 0; border: 1px solid #3d464f; border-radius: 7px; background: transparent; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__boundary > summary { padding: 16px 20px; font-size: 16px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__actions { position: static; margin: 16px 0; }
@media(max-width:760px) { .blueprint-studio.blueprint-studio .phone-review-presentation--generic { padding: 24px 12px; } .blueprint-studio-phone-stage { padding: 16px 8px; } .blueprint-studio-phone-decision { padding: 20px 16px; } .blueprint-studio-phone-tabs { gap: 0; } .blueprint-studio-phone-tabs a { padding-inline: 12px; } }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-header strong { white-space: normal; overflow: visible; text-overflow: clip; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__task-requirements details p { font-size: 11px; line-height: 1.5; margin: 6px 0 0; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__action-rail { position: static; display: flex; flex-direction: column; align-items: stretch; gap: 14px; padding: 16px 0; margin: 0; border: 0; border-radius: 0; background: transparent; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__action-rail > div { display: flex; flex-direction: column; gap: 10px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__action-rail-status { display: flex; gap: 8px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-screen { border-radius: 0; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-header { margin: 0 0 20px; padding: 0; }
.blueprint-studio.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__approval--approved { background: transparent; box-shadow: none; }
.blueprint-studio.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview { box-shadow: none; border-radius: 0; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-header strong { font-size: 16px; font-weight: 600; line-height: 1.35; }
.blueprint-studio-phone-brand { display: flex; align-items: center; gap: 8px; color: #fafafa; margin-bottom: 18px; font-size: 15px; }
.blueprint-studio-phone-brand .hivesync-logo { --hivesync-logo-lockup-height: 28px; min-width: 0; font-size: inherit; }
.blueprint-studio-phone-brand .hivesync-logo__wordmark { font-size: inherit; }
.blueprint-studio-phone-brand > .oi-menu { margin-left: auto; font-size: 13px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__task-requirements > ul > li > .oi { color: #d4e0ed; }
.blueprint-studio.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__boundary { border-radius: 7px; padding: 0; box-shadow: none; }
.blueprint-studio.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__boundary > summary { border: 0; border-radius: 0; padding: 16px 20px; background: transparent; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__button .oi { display: none; }
.blueprint-studio.blueprint-studio .blueprint-studio-saved-preview { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; padding: 8px 14px; font-size: 15px; }
.blueprint-studio.blueprint-studio .blueprint-task__header { display: flex; gap: 16px; }
.blueprint-studio.blueprint-studio .blueprint-task__number { margin-right: auto; }
.blueprint-studio.blueprint-studio .blueprint-task__header .blueprint-studio-task-options { margin-left: 0; }
@media(max-width:760px) { .blueprint-studio.blueprint-studio .blueprint-task__header { flex-wrap: wrap; } }
/* The shared approved state has an important gradient; the studio uses its parent card. */
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__approval--approved { background: transparent !important; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__approval-icon { margin-bottom: 0; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__approval--approved > .mobile-review__button { margin-top: 0; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-header { min-height: 24px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__boundary-body { display: grid; grid-template-columns: 1fr; padding: 16px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__metadata { grid-template-columns: 1fr; }
.blueprint-studio-outline-toggle { display: none; }
@media(max-width:760px) {
 .blueprint-studio.blueprint-studio .blueprint-studio-phone-heading h2 { font-size: 30px; }
 .blueprint-studio.blueprint-studio .blueprint-studio-phone-heading p { font-size: 16px; }
 .blueprint-studio.blueprint-studio .blueprint-work-plan__phase-pane { padding: 12px 16px; }
 .blueprint-studio-outline-toggle { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 14px; background: #222a36; border: 1px solid #46576e; border-radius: 6px; color: #d7e2f2; font: inherit; text-align: left; }
 .blueprint-studio-outline-toggle > span:first-child { display: grid; gap: 4px; }
 .blueprint-studio-outline-toggle strong { color: #7db4ff; font-size: 13px; }
 .blueprint-studio-outline-toggle span span { font-size: 14px; }
 .blueprint-studio-phase-outline { display: none; }
 .blueprint-studio-phase-outline--open { display: block; margin-top: 16px; }
 .blueprint-studio.blueprint-studio .blueprint-phase-rail { max-height: none; }
}
@media(max-width:760px) {
 .blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab { padding: 10px 8px; font-size: 14px; flex: 1; min-height: 52px; flex-direction: column; gap: 4px; }
 .blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab__label { white-space: nowrap; overflow-wrap: normal; }
 .blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab .guided-workflow-tab__description { font-size: 11px; }
 .blueprint-studio.blueprint-studio .blueprint-authoring-step-tabs-shell { flex: 1 0 100%; }
 .blueprint-studio.blueprint-studio .blueprint-task__header { flex-direction: row; align-items: center; gap: 8px; }
 .blueprint-studio.blueprint-studio .blueprint-task__number { flex-basis: 100%; }
 .blueprint-studio.blueprint-studio .blueprint-studio-saved-preview { width: auto; font-size: 13px; padding: 8px 10px; margin-left: auto; }
 .blueprint-studio.blueprint-studio .blueprint-studio-task-options > summary { padding: 10px 0; font-size: 13px; }
 .blueprint-studio-task-options > div { left: 0; right: auto; }
}
@media(max-width:760px) {
 .blueprint-studio.blueprint-studio .blueprint-studio-phase-outline--open .blueprint-phase-rail > ol { display: grid; grid-template-columns: 1fr; overflow: visible; gap: 12px; }
 .blueprint-studio.blueprint-studio .blueprint-studio-phase-outline--open .blueprint-guided-task-outline { display: grid; }
 .blueprint-studio.blueprint-studio .blueprint-studio-phase-outline--open .blueprint-phase-rail__item small { display: flex; }
 .blueprint-studio.blueprint-studio .blueprint-studio-phase-outline--open .blueprint-phase-rail__item { grid-template-columns: 16px minmax(0,1fr); gap: 14px; min-height: 52px; }
 .blueprint-studio.blueprint-studio .blueprint-studio-phase-outline--open .blueprint-phase-rail__item strong { font-size: 16px; }
 .blueprint-studio.blueprint-studio .blueprint-studio-phase-outline--open .blueprint-phase-rail__number { width: 16px; height: 16px; }
}
.blueprint-studio-workspace-status { display: grid; gap: 8px; margin-top: 24px; font-size: 15px; color: #c5cedb; }
.blueprint-studio-workspace-status > strong { color: #f4f5f7; font-weight: 500; }
.blueprint-studio-workspace-status > span { display: flex; align-items: center; gap: 12px; }
.blueprint-studio.blueprint-studio:has(.blueprint-project-card) .blueprint-builder__flow { min-height: calc(100vh - 130px); }
.blueprint-studio.blueprint-studio:has(.blueprint-project-card) .blueprint-focus-bar { margin-top: auto; }
.blueprint-studio.blueprint-studio .blueprint-project-card { margin-bottom: 50px; }
.blueprint-studio-icon { display: inline-block; width: 22px; height: 22px; flex-shrink: 0; color: currentColor; }
.blueprint-studio-team__icon .blueprint-studio-icon { width: 64px; height: 64px; }
.blueprint-studio-review__team > .blueprint-studio-icon { width: 30px; height: 30px; margin-top: 4px; }

/* Pending confirmation must remain visually distinct from approved success. */
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision [data-testid="blueprint-mobile-authority-pending-state"] .mobile-review__approval-icon { background: #f2bd56; color: #222529; }
.blueprint-studio .blueprint-studio-session-equipment > summary { gap: 7px; }

.blueprint-studio-phone-tabs a { display: inline-flex; align-items: center; gap: 14px; }
.blueprint-studio-after-task { margin: 20px 0 7px; color: #c2ccda; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.blueprint-studio-after-task + .blueprint-studio-session-equipment { margin-top: 0; }
.blueprint-studio .blueprint-studio-session-equipment > summary { display: flex; align-items: center; }
.blueprint-studio .blueprint-studio-session-equipment > summary::after { content: "⌄"; margin-left: auto; font-size: 16px; }
.blueprint-studio .blueprint-studio-session-equipment[open] > summary::after { content: "⌃"; }
.blueprint-studio .blueprint-studio-session-equipment .blueprint-studio-icon { width: 18px; height: 18px; flex-shrink: 0; }
@media(max-width:760px) { .blueprint-studio-phone-tabs a { gap: 7px; } .blueprint-studio-phone-tabs .oi { display: none; } }

/* Keep the phase groups and primary task typography aligned with the reference. */
@media(min-width:761px) {
 .blueprint-studio.blueprint-studio .blueprint-phase-rail > ol > li + li { border-top: 1px solid #3e474f; }
 .blueprint-studio.blueprint-studio .blueprint-phase-rail__actions { border-top: 1px solid #3e474f; }
 .blueprint-studio.blueprint-studio .blueprint-guided-task-outline__item strong { font-size: 16px; }
 .blueprint-studio.blueprint-studio .blueprint-task > .blueprint-builder__field-grid > .blueprint-field :is(input,textarea) { font-size: 18px; }
}

.blueprint-studio .blueprint-studio-phone-brand { margin-bottom: 8px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-preview .mobile-review__phone-header { margin-bottom: 14px; }
.blueprint-studio-after-task { margin-top: 12px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision .mobile-review__footer { border-right: 0; border-bottom: 0; border-left: 0; border-radius: 0; box-shadow: none; }

.blueprint-studio.blueprint-studio .blueprint-disclosure__panel { border-top: 0; }

@media(min-width:761px) { .blueprint-studio.blueprint-studio .blueprint-studio-capability-heading + .blueprint-task__advanced { margin-top: 12px; } }

/* Compact completed handoff receipt beside the saved task preview. */
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision--receipt { padding: 24px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision--receipt .mobile-review__approval { gap: 10px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision--receipt .mobile-review__approval-icon { width: 40px; height: 40px; font-size: 24px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision--receipt .mobile-review__button { width: fit-content; max-width: 100%; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision--receipt .blueprint-studio-phone-edit { border-color: transparent; justify-content: flex-start; padding-inline: 0; text-decoration: underline; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision--receipt .blueprint-studio-phone-edit-hint { margin-bottom: 12px; font-size: 14px; }
.blueprint-studio.blueprint-studio .blueprint-studio-phone-decision--receipt .mobile-review__footer { margin-top: 16px; padding-top: 16px; }
@media (max-width: 520px) {
    .blueprint-studio.blueprint-studio .blueprint-studio-phone-decision--receipt { padding: 20px 16px; }
    .blueprint-studio.blueprint-studio .blueprint-studio-phone-decision--receipt .mobile-review__button--primary { width: 100%; }
}

/* The generic task editor shares the remaining shell height; specialized editors retain their layout. */
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__item { grid-template-columns:16px minmax(0,1fr); column-gap:14px; row-gap:4px; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__item > span:nth-child(2) { flex-wrap:wrap; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__item strong { flex:1 1 7ch; min-width:0; white-space:normal; overflow:visible; overflow-wrap:anywhere; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-phase-count { flex-shrink:0; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__warning,
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__configured { grid-column:2; justify-self:start; white-space:normal; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-task-supporting-disclosure__trigger { display: none; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-task__header { flex-shrink: 0; }







.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__actions > :first-child:not(#blueprint-focus-save-action) { background:transparent; border-color:var(--hs-color-border); }

.blueprint-studio .blueprint-outline--task-tabs .blueprint-task__number { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.blueprint-task-resource-content { display:contents; }
.blueprint-studio .blueprint-outline--task-tabs .blueprint-task__number { white-space:normal; display:flex; flex-direction:column; gap:2px; }
.blueprint-studio .blueprint-outline--task-tabs .blueprint-task-context-title { color:var(--hs-color-blueprint); font-size:1.15rem; line-height:1.25; margin:0; }
.blueprint-studio .blueprint-outline--task-tabs .blueprint-task__number small { font-size:.8rem; font-weight:normal; }
.blueprint-studio .blueprint-outline--task-tabs .blueprint-resource-category { margin-block:12px; }
.blueprint-studio .blueprint-outline--task-tabs .blueprint-resource-category > summary { padding:12px 0; cursor:pointer; }
.blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__context { display:grid; min-width:0; max-width:44%; }
.blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__context small { white-space:normal; }
@media(max-width:1099px), (max-height:599px) {
    .blueprint-studio .blueprint-outline--task-tabs > .blueprint-focus-bar { position:static; grid-template-columns:minmax(0,1fr); align-items:stretch; gap:12px; }
    .blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__context { width:100%; max-width:none; }
    .blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__actions { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-task__number { align-items:flex-start; text-align:left; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs #saved-preview-guidance,
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__context .blueprint-field__error { display:block; font-size:.8rem; }
@media(max-width:760px) {
    .blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__actions .blueprint-builder__button { font-size:.875rem; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs #saved-preview-guidance,
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__context .blueprint-field__error { font-size:.875rem; }
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-section-name:first-child { background:transparent; margin:0; padding:6px 12px; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-structure-settings { margin:0; padding:0; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-structure-settings > summary { min-height:44px; padding:8px 0; }


.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs #saved-preview-guidance { text-transform:none; letter-spacing:normal; font-weight:400; line-height:1.4; }


/* Generic Work Plan: its rendered workspace width owns reflow, independently of the shell. */
.blueprint-studio.blueprint-studio:has(.blueprint-outline--task-tabs) {
    /* Outrank PageFrame scoped container-name so this named query measures the editor. */
    container: blueprint-workspace / inline-size;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs {
    min-width: 0;
    padding-bottom: 0;
    background: var(--hs-color-bg);
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-structure-layout {
    grid-template-columns: 280px minmax(0, 1fr);
    align-items: stretch;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-work-plan__phase-pane {
    padding: 16px 12px;
    background: var(--hs-color-bg-deep);
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-outline__list--focused {
    padding: 24px;
    background: var(--hs-color-bg);
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__heading,
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-section-name {
    position: relative;
    padding-right: 48px;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-section-name {
    padding-block: 8px;
    padding-left: 12px;
    margin: 0;
    background: transparent;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-section-name > span {
    display: flex;
    align-items: center;
    min-height: 44px;
    overflow-wrap: anywhere;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-structure-settings > summary {
    position: absolute;
    top: 4px;
    right: 0;
    display: grid;
    place-items: center;
    width: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 24px;
    line-height: 1;
    color: var(--hs-color-text-neutral);
    background: transparent;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-structure-settings > summary:hover,
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-structure-settings[open] > summary {
    background: var(--hs-color-surface);
    border-color: var(--hs-color-border-cool-control);
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-structure-settings__body {
    margin-top: 8px;
    margin-right: -48px;
    padding: 12px;
    border: 1px solid var(--hs-color-border-cool-control);
    border-radius: 6px;
    background: var(--hs-color-surface-deep);
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-structure-settings__body .blueprint-disclosure__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 12px;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-structure-settings__body :is(button, summary) {
    min-height: 44px;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-structure-settings__body .blueprint-icon-button {
    min-width: 44px;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__item {
    grid-template-columns: 16px minmax(0, 1fr);
    padding: 12px 8px;
    min-height: 52px;
    border-radius: 6px;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__item--active { background: var(--hs-color-blueprint-interactive-surface-hover); }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__item > span:nth-child(2) {
    display: grid;
    gap: 4px;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-phase-count {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-guided-task-outline__item--active {
    background: var(--hs-color-blueprint-interactive-surface);
    box-shadow: inset 3px 0 var(--hs-color-blueprint-highlight);
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-guided-task-outline__item:focus:not(:focus-visible) {
    outline: none;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-guided-task-outline__issues {
    color: var(--hs-color-danger-text);
    white-space: normal;
    font-size: 13px;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__actions {
    position: sticky;
    bottom: -16px;
    z-index: 2;
    padding: 12px 0;
    background: var(--hs-color-bg-deep);
    border-top: 1px solid var(--hs-color-border-cool-control);
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__add {
    color: var(--hs-color-blueprint-highlight);
    border: 1px solid var(--hs-color-border-cool-control);
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-builder__field-grid { gap: 16px; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-field { gap: 8px; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-task { gap: 24px; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-task-context-title { color: var(--hs-color-text-strong); }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-field :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
    min-height: 44px;
    border-color: var(--hs-color-border-cool-control);
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-field :is(input, textarea)::placeholder {
    color: var(--hs-color-text-neutral);
    opacity: 1;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-field [aria-invalid="true"] { border-color: var(--hs-color-danger); }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-field .blueprint-field__error { color: var(--hs-color-danger-text); }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs :is(button, a, input, textarea, select, summary):focus-visible {
    outline: 2px solid var(--hs-color-focus-editor);
    outline-offset: 2px;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-work-plan-feedback { flex: 0 0 auto; min-width: 0; max-height: min(28vh, 12rem); overflow-y: auto; scrollbar-gutter: stable; }
.blueprint-studio.blueprint-studio .blueprint-work-plan-feedback .blueprint-validation-issues { max-height: none; overflow: visible; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs > .blueprint-focus-bar {
    position: static;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 80px;
    padding: 16px 24px;
    flex: 0 0 auto;
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__context { flex: 1 1 180px; max-width: none; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__actions { display: flex; flex-wrap: wrap; gap: 8px; width: auto; }
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__actions > .blueprint-builder__button {
    min-height: 44px;
    padding: 10px 14px;
    background: transparent;
    border-color: var(--hs-color-border-cool-control);
    color: var(--hs-color-text);
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__actions > .blueprint-builder__button.blueprint-focus-bar__action--primary {
    background: var(--hs-color-action-primary);
    border-color: var(--hs-color-action-primary);
    color: var(--hs-color-on-action-primary);
}
.blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__actions > :disabled { opacity: .65; cursor: not-allowed; }

@media (min-height: 700px) {
    @container blueprint-workspace (min-width: 900px) {
        .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs {
            display: flex;
            flex-direction: column;
            height: calc(100dvh - 12rem);
            min-height: 28rem;
        }
        .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-guided-work-area {
            display: flex;
            flex: 1;
            min-height: 0;
            align-items: stretch;
        }
        .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-structure-layout {
            flex: 1;
            min-height: 0;
            grid-template-rows: minmax(0, 1fr);
        }
        .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-work-plan__phase-pane,
        .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-outline__list--focused {
            overflow: auto;
            min-height: 0;
            scroll-padding-block: 16px 140px;
            scrollbar-gutter: stable;
        }
        .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .task-editor-tabs__panel {
            overflow: visible;
            max-height: none;
        }
    }
}
@container blueprint-workspace (max-width: 899.98px) {
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-structure-layout { grid-template-columns: minmax(0, 1fr); }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-work-plan__phase-pane {
        order: 0;
        border-right: 0;
        border-bottom: 1px solid var(--hs-color-border);
    }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-outline__list--focused { order: 1; padding: 24px 16px; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-outline-toggle {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 44px;
        padding: 12px;
        border: 1px solid var(--hs-color-border-cool-control);
        border-radius: 6px;
        background: var(--hs-color-surface-deep);
        color: var(--hs-color-text);
        font: inherit;
        text-align: left;
    }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-outline-toggle > span:first-child { display: grid; gap: 4px; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-phase-outline { display: none; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-phase-outline--open { display: block; margin-top: 16px; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail > ol { display: grid; grid-template-columns: minmax(0, 1fr); overflow: visible; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-guided-task-outline { display: grid; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__actions { position: static; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs > .blueprint-focus-bar { padding: 16px; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__actions { width: 100%; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-focus-bar__actions > * { flex: 1 1 140px; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .task-editor-tabs__panel { overflow: visible; max-height: none; }
}
@media (max-height: 699.98px) {
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-phase-rail__actions { position: static; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .task-editor-tabs__panel { overflow: visible; max-height: none; }
}

.blueprint-studio-outline-add { display: none; }
@container blueprint-workspace (max-width: 899.98px) {
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-outline-heading { display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-outline-toggle { flex: 1 1 220px; width: auto; }
    .blueprint-studio.blueprint-studio .blueprint-outline--task-tabs .blueprint-studio-outline-add {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 44px;
        padding: 10px 14px;
        border: 1px solid var(--hs-color-border-cool-control);
        border-radius: 6px;
        background: var(--hs-color-surface-deep);
        color: var(--hs-color-blueprint-highlight);
        font: inherit;
    }
}

/* Keep complete step labels at phone widths and enlarged text. */
@container blueprint-workspace (max-width: 899.98px) {
    .blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tabs {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
        gap: 0;
    }
    .blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab {
        width: 100%;
        padding-inline: 6px;
    }
    .blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tab__label {
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: center;
    }
}

/* Studio button styling must not reveal the preview launcher while its workspace is open. */
.blueprint-builder #draft-phone-preview-open[hidden] { display: none !important; }
/* Keep the selected authoring step fully readable and reachable on phone web. */
@media(max-width:760px) {
 .blueprint-studio.blueprint-studio .blueprint-authoring-step-tabs-shell { overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; }
 .blueprint-studio.blueprint-studio.blueprint-studio .blueprint-authoring-step-tabs { width:max-content; min-width:100%; }
}