.camera-generator-root {
    flex-grow: 1;
    background-color: #17191d;
    color: #e7eaf0;
}

.main-scroll {
    flex-grow: 1;
}

.page {
    align-self: center;
    max-width: 920px;
    padding: 12px 16px 18px 16px;
    width: 100%;
}

.hero {
    background-color: #20242a;
    border-color: #343941;
    border-radius: 10px;
    border-width: 1px;
    margin-bottom: 8px;
    padding: 14px 16px;
}

.hero-row,
.card-heading,
.button-row,
.field-pair,
.log-heading,
.status-footer,
.readiness-card,
.flow-strip {
    flex-direction: row;
}

.hero-row,
.card-heading,
.log-heading,
.status-footer,
.readiness-card {
    align-items: center;
}

.hero-copy,
.card-heading-copy,
.readiness-copy,
.status-copy {
    flex-grow: 1;
    flex-shrink: 1;
}

.eyebrow {
    color: #67d5bd;
    font-size: 10px;
    letter-spacing: 1.6px;
    -unity-font-style: bold;
}

.hero-title {
    color: #ffffff;
    font-size: 22px;
    margin-top: 2px;
    -unity-font-style: bold;
}

.hero-description {
    color: #b8bec8;
    font-size: 11px;
    margin-top: 4px;
    white-space: normal;
}

.backend-badge,
.recommended-badge {
    background-color: #173d36;
    border-color: #2b6c5f;
    border-radius: 10px;
    border-width: 1px;
    color: #8ce9d3;
    font-size: 10px;
    margin-left: 12px;
    padding: 5px 9px;
    -unity-font-style: bold;
}

.flow-strip {
    flex-wrap: nowrap;
    margin-top: 11px;
}

.flow-item {
    background-color: #181b20;
    border-radius: 4px;
    color: #aeb5c0;
    flex-basis: 0;
    flex-grow: 1;
    font-size: 9px;
    margin-right: 3px;
    min-width: 0;
    padding: 5px 3px;
    -unity-text-align: middle-center;
}

.readiness-card {
    background-color: #22262b;
    border-color: #454b54;
    border-radius: 7px;
    border-width: 1px;
    border-left-width: 3px;
    margin-bottom: 8px;
    padding: 8px 11px;
}

.readiness-dot {
    background-color: #d5a84a;
    border-radius: 5px;
    height: 10px;
    margin-right: 10px;
    width: 10px;
}

.readiness-title {
    color: #f2f4f7;
    font-size: 12px;
    -unity-font-style: bold;
}

.readiness-detail {
    color: #a8afb9;
    font-size: 10px;
    margin-top: 2px;
    white-space: normal;
}

.readiness--ready {
    border-left-color: #4fba93;
}

.readiness--ready .readiness-dot {
    background-color: #56d3a6;
}

.readiness--ready .readiness-detail {
    display: none;
}

.readiness--running {
    border-left-color: #5d9fe8;
}

.readiness--running .readiness-dot {
    background-color: #69adf4;
}

.readiness--warning {
    border-left-color: #d5a84a;
}

.workflow-card,
.utility-foldout {
    background-color: #22252a;
    border-color: #343941;
    border-radius: 8px;
    border-width: 1px;
    margin-bottom: 8px;
    padding: 11px 12px;
}

.generation-card {
    border-color: #343941;
}

.refinement-card {
    display: none;
}

.card-heading {
    margin-bottom: 8px;
}

.step-badge {
    background-color: #2a7968;
    border-radius: 13px;
    color: #ffffff;
    font-size: 11px;
    height: 26px;
    margin-right: 10px;
    width: 26px;
    -unity-font-style: bold;
    -unity-text-align: middle-center;
}

.card-title {
    color: #f3f5f7;
    font-size: 14px;
    -unity-font-style: bold;
}

.card-description,
.foldout-description,
.inline-note {
    color: #b0b7c1;
    font-size: 11px;
    white-space: normal;
}

.card-description {
    margin-top: 2px;
}

.form-field,
.compact-field,
.summary-box,
.fresh-toggle,
.inline-note {
    margin-bottom: 8px;
}

.camera-generator-root .unity-base-field__label {
    color: #c6ccd5;
    min-width: 112px;
}

.camera-generator-root .unity-base-field__input,
.camera-generator-root .unity-popup-field__input {
    background-color: #17191d;
    border-color: #3a4049;
    color: #e7eaf0;
}

.field-pair {
    flex-wrap: wrap;
}

.compact-field {
    flex-grow: 1;
    margin-right: 8px;
    min-width: 210px;
}

.inner-foldout {
    background-color: #1c1f23;
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 9px;
}

.inner-foldout > .unity-foldout__toggle,
.utility-foldout > .unity-foldout__toggle {
    color: #e3e6eb;
    -unity-font-style: bold;
}

.fresh-toggle {
    margin-top: 4px;
}

.hidden-box,
.applied-seed-box,
.generation-stage,
.generation-progress,
.footer-action,
.cancel-action {
    display: none;
}

.primary-action,
.secondary-action,
.quiet-action,
.danger-action,
.cancel-action,
.mini-action {
    border-radius: 5px;
    -unity-font-style: bold;
}

.primary-action {
    background-color: #2b8a74;
    border-color: #43a890;
    color: #ffffff;
    font-size: 13px;
    height: 42px;
    margin-top: 6px;
}

.primary-action:hover {
    background-color: #329a82;
}

.secondary-action {
    background-color: #315f87;
    border-color: #477aa4;
    color: #ffffff;
    height: 34px;
}

.secondary-action:hover {
    background-color: #3a6f9c;
}

.quiet-action {
    background-color: #2a2e34;
    border-color: #424851;
    color: #d7dbe1;
    min-height: 28px;
}

.quiet-action:hover {
    background-color: #343941;
}

.danger-action,
.cancel-action {
    background-color: #512d32;
    border-color: #764049;
    color: #f1c2c8;
    height: 34px;
    min-width: 130px;
}

.danger-action:hover,
.cancel-action:hover {
    background-color: #66363d;
}

.button-row {
    flex-wrap: wrap;
    margin-top: 6px;
}

.button-row > Button {
    margin-right: 6px;
    margin-top: 4px;
}

.grow-action {
    flex-grow: 1;
    min-width: 185px;
}

.final-card .secondary-action {
    height: 38px;
}

.utility-foldout {
    margin-top: 4px;
}

.foldout-description {
    margin-bottom: 10px;
    margin-left: 18px;
    margin-top: 7px;
}

.advanced-configuration-host {
    background-color: #1a1c20;
    border-radius: 5px;
    margin: 8px 0 10px 18px;
    padding: 8px;
}

.advanced-imgui {
    min-height: 330px;
}

.subsection-title {
    color: #dce0e6;
    font-size: 11px;
    margin-left: 18px;
    margin-top: 8px;
    -unity-font-style: bold;
}

.advanced-actions,
.log-field {
    margin-left: 18px;
}

.log-heading {
    justify-content: space-between;
    margin-top: 8px;
}

.mini-action {
    background-color: #292d32;
    border-color: #40464f;
    color: #cdd2d9;
    font-size: 9px;
    height: 22px;
    min-width: 56px;
}

.log-field {
    height: 190px;
    margin-top: 5px;
}

.status-footer {
    background-color: #1d2025;
    border-color: #343941;
    border-top-width: 1px;
    flex-shrink: 0;
    min-height: 48px;
    padding: 7px 14px;
}

.status-copy {
    margin-right: 12px;
}

.status-kicker {
    color: #7f8995;
    font-size: 9px;
    letter-spacing: 0.6px;
    -unity-font-style: bold;
}

.status-message {
    color: #e6e9ee;
    font-size: 11px;
    margin-top: 2px;
    max-height: 38px;
    white-space: normal;
}

.generation-stage {
    color: #7fb7f3;
    font-size: 10px;
    margin-top: 4px;
    -unity-font-style: bold;
}

.generation-progress {
    height: 17px;
    margin-top: 4px;
}

.generation-timing {
    color: #929ba7;
    font-size: 10px;
    margin-top: 3px;
}

.applied-seed-box {
    margin-top: 5px;
}

.status--ready {
    border-top-color: #346b5d;
}

.status--running {
    border-top-color: #4d84bd;
}

.status--error {
    background-color: #251d20;
    border-top-color: #8c4650;
}

.status--error .status-message {
    color: #f2b9c1;
}

.cancel-action {
    flex-shrink: 0;
}

.footer-action {
    background-color: #2b3037;
    border-color: #474e58;
    border-radius: 5px;
    color: #d8dde5;
    flex-shrink: 0;
    height: 30px;
    margin-right: 6px;
    min-width: 74px;
    -unity-font-style: bold;
}

.narrow-layout .backend-badge {
    display: none;
}

.narrow-layout .page {
    padding-left: 12px;
    padding-right: 12px;
}

.narrow-layout .field-pair,
.narrow-layout .button-row {
    flex-direction: column;
}

.narrow-layout .compact-field,
.narrow-layout .button-row > Button {
    margin-right: 0;
    min-width: 0;
    width: 100%;
}

.narrow-layout .camera-generator-root .unity-base-field__label,
.camera-generator-root.narrow-layout .unity-base-field__label {
    min-width: 104px;
}

.summary-box .unity-help-box__icon {
    height: 16px;
    margin-right: 6px;
    width: 16px;
}

.summary-box .unity-help-box__label {
    font-size: 10px;
}

.camera-generator-root Button:disabled,
.camera-generator-root .unity-base-field:disabled {
    opacity: 0.46;
}
