/* /Components/ApiStudioWorkspace.razor.rz.scp.css */
.api-studio-shell[b-b0uzdq8rs3] {
    --studio-accent: #2f6fed;
    --studio-accent-strong: #1d4ed8;
    --studio-border: #d8e1ed;
    --studio-ink: #142033;
    --studio-muted: #607087;
    --studio-navy: #081526;
    --studio-panel: #fff;
    --studio-soft: #f5f8fc;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin: 0 auto 1.1rem;
    max-width: 92rem;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.api-studio-header[b-b0uzdq8rs3] {
    background:
        radial-gradient(circle at 88% 12%, rgb(49 130 206 / 0.32), transparent 24rem),
        linear-gradient(125deg, #071321 0%, #102b49 62%, #183f66 100%);
    border: 1px solid rgb(255 255 255 / 0.08);
    border-radius: 1.1rem 1.1rem 0 0;
    box-shadow: 0 1.2rem 3rem rgb(11 31 54 / 0.18);
    color: #fff;
    flex: 0 0 auto;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.api-studio-back[b-b0uzdq8rs3] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #b9d6ef;
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 700;
    gap: 0.4rem;
    margin: 0;
    padding: 0.35rem 0;
}

.api-studio-nav-row[b-b0uzdq8rs3] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    min-width: 0;
}

.api-studio-session-actions[b-b0uzdq8rs3] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.5rem;
    margin-left: auto;
}

.api-studio-session-actions[b-b0uzdq8rs3]  .api-studio-session-file-input {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.api-studio-session-button[b-b0uzdq8rs3] {
    align-items: center;
    background: rgb(5 18 34 / 0.42);
    border: 1px solid rgb(185 214 239 / 0.42);
    border-radius: 0.55rem;
    color: #d8eafa;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 0.38rem;
    min-height: 2.15rem;
    padding: 0.38rem 0.62rem;
    transition: background-color 0.16s ease-out, border-color 0.16s ease-out, color 0.16s ease-out;
    white-space: nowrap;
}

.api-studio-session-button:hover:not(:disabled)[b-b0uzdq8rs3] {
    background: rgb(104 216 255 / 0.14);
    border-color: rgb(185 214 239 / 0.72);
    color: #fff;
}

.api-studio-session-button:focus-visible[b-b0uzdq8rs3] {
    box-shadow: 0 0 0 0.2rem rgb(125 211 252 / 0.38);
    outline: 0;
}

.api-studio-session-button:disabled[b-b0uzdq8rs3] {
    cursor: not-allowed;
    opacity: 0.5;
}

.api-studio-session-button[b-b0uzdq8rs3]  .rzi {
    font-size: 1rem;
}

.api-studio-back:hover[b-b0uzdq8rs3] {
    color: #fff;
}

.api-studio-back:focus-visible[b-b0uzdq8rs3],
.api-studio-send-button:focus-visible[b-b0uzdq8rs3] {
    box-shadow: 0 0 0 0.2rem rgb(125 211 252 / 0.38);
    outline: 0;
}

.api-studio-heading[b-b0uzdq8rs3] {
    align-items: end;
    display: grid;
    gap: clamp(1.25rem, 3vw, 3rem);
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.78fr);
}

.api-studio-title-lockup[b-b0uzdq8rs3] {
    align-items: center;
    display: flex;
    gap: 1rem;
}

.api-studio-mark[b-b0uzdq8rs3] {
    align-items: center;
    background: #68d8ff;
    border-radius: 0.85rem;
    box-shadow: 0 0.65rem 1.5rem rgb(1 12 28 / 0.28);
    color: #061525;
    display: inline-flex;
    flex: 0 0 auto;
    height: 3.15rem;
    justify-content: center;
    width: 3.15rem;
}

.api-studio-mark[b-b0uzdq8rs3]  .rzi {
    font-size: 1.8rem;
}

.api-studio-heading h1[b-b0uzdq8rs3] {
    color: #fff;
    font-size: clamp(1.9rem, 4vw, 3rem);
    font-weight: 750;
    letter-spacing: -0.035em;
    line-height: 1;
    margin: 0;
}

.api-studio-heading p[b-b0uzdq8rs3] {
    color: #c8d9e9;
    line-height: 1.55;
    margin: 0.55rem 0 0;
    max-width: 62ch;
}

.api-studio-disclaimer[b-b0uzdq8rs3] {
    align-items: flex-start;
    background: rgb(5 18 34 / 0.56);
    border: 1px solid rgb(142 207 242 / 0.24);
    border-radius: 0.75rem;
    display: flex;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
}

.api-studio-disclaimer[b-b0uzdq8rs3]  .rzi {
    color: #7dd3fc;
    flex: 0 0 auto;
    margin-top: 0.15rem;
}

.api-studio-disclaimer p[b-b0uzdq8rs3] {
    color: #d6e5f2;
    font-size: 0.84rem;
    margin: 0;
    max-width: none;
}

.api-studio-workbench[b-b0uzdq8rs3] {
    background: var(--studio-panel);
    border: 1px solid var(--studio-border);
    border-radius: 0 0 1.1rem 1.1rem;
    box-shadow: 0 1.2rem 3rem rgb(15 23 42 / 0.1);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.api-studio-request-rail[b-b0uzdq8rs3] {
    align-items: end;
    background: #edf3fa;
    border-bottom: 1px solid var(--studio-border);
    display: grid;
    flex: 0 0 auto;
    gap: 0.8rem;
    grid-template-columns: 8.5rem minmax(0, 1fr) 3.25rem;
    min-width: 0;
    padding: 1rem clamp(1rem, 2.5vw, 1.5rem);
}

.api-studio-method-field[b-b0uzdq8rs3],
.api-studio-endpoint-field[b-b0uzdq8rs3] {
    min-width: 0;
}

.api-studio-request-rail label[b-b0uzdq8rs3],
.api-studio-header-row label[b-b0uzdq8rs3] {
    color: #45566d;
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    margin-bottom: 0.32rem;
    text-transform: uppercase;
}

.api-studio-endpoint-field > label[b-b0uzdq8rs3] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.api-studio-endpoint-host[b-b0uzdq8rs3] {
    color: #607087;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, "Courier New", monospace;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}

.api-studio-request-rail .form-control[b-b0uzdq8rs3] {
    background: #fff;
    border-color: #b7c4d4;
    color: var(--studio-ink);
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, "Courier New", monospace;
    min-height: 2.85rem;
}

.api-studio-request-rail .form-control:focus[b-b0uzdq8rs3],
.api-studio-header-row .form-control:focus[b-b0uzdq8rs3] {
    border-color: var(--studio-accent);
    box-shadow: 0 0 0 0.2rem rgb(47 111 237 / 0.16);
}

.api-studio-send-button[b-b0uzdq8rs3] {
    align-items: center;
    background: var(--studio-accent);
    border: 0;
    border-radius: 0.7rem;
    box-shadow: 0 0.55rem 1.15rem rgb(37 99 235 / 0.24);
    color: #fff;
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    transition: background-color 0.16s ease-out, box-shadow 0.16s ease-out, transform 0.16s ease-out;
    width: 3.25rem;
}

.api-studio-send-button:hover:not(:disabled)[b-b0uzdq8rs3] {
    background: var(--studio-accent-strong);
    box-shadow: 0 0.7rem 1.35rem rgb(37 99 235 / 0.3);
    transform: translateY(-1px);
}

.api-studio-send-button.is-stopping[b-b0uzdq8rs3] {
    background: #c62f45;
    box-shadow: 0 0.55rem 1.15rem rgb(198 47 69 / 0.2);
}

.api-studio-send-button:disabled[b-b0uzdq8rs3] {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.5;
}

.api-studio-send-button[b-b0uzdq8rs3]  .rzi {
    font-size: 1.45rem;
}

.api-studio-status[b-b0uzdq8rs3] {
    align-items: center;
    border-bottom: 1px solid;
    display: flex;
    font-size: 0.88rem;
    gap: 0.55rem;
    padding: 0.7rem clamp(1rem, 2.5vw, 1.5rem);
}

.api-studio-status.is-success[b-b0uzdq8rs3] {
    background: #ecfdf3;
    border-color: #b7ebca;
    color: #166534;
}

.api-studio-status.is-error[b-b0uzdq8rs3] {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #9f1239;
}

.api-studio-status.is-neutral[b-b0uzdq8rs3] {
    background: #f4f6f8;
    border-color: #d8e1e9;
    color: #46566b;
}

.api-studio-tabs[b-b0uzdq8rs3] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.api-studio-tabs[b-b0uzdq8rs3]  > .api-studio-tabs-control {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.api-studio-tabs[b-b0uzdq8rs3]  > .api-studio-tabs-control > .rz-tabview-nav {
    background: #fff;
    border-bottom: 1px solid var(--studio-border);
    flex: 0 0 auto;
    padding-inline: clamp(0.5rem, 2vw, 1.1rem);
}

.api-studio-tabs[b-b0uzdq8rs3]  > .api-studio-tabs-control > .rz-tabview-panels {
    background: var(--studio-soft);
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: clamp(1rem, 2.5vw, 1.5rem);
}

.api-studio-tabs[b-b0uzdq8rs3]  > .api-studio-tabs-control > .rz-tabview-panels > .rz-tabview-panel {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.api-studio-request-grid[b-b0uzdq8rs3] {
    align-items: stretch;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(25rem, 0.9fr) minmax(0, 1.1fr);
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.api-studio-panel[b-b0uzdq8rs3] {
    background: var(--studio-panel);
    border: 1px solid var(--studio-border);
    border-radius: 0.8rem;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.api-studio-panel-heading[b-b0uzdq8rs3] {
    align-items: center;
    border-bottom: 1px solid var(--studio-border);
    display: flex;
    flex: 0 0 auto;
    gap: 1rem;
    justify-content: space-between;
    min-height: 4.4rem;
    padding: 0.85rem 1rem;
}

.api-studio-panel-heading h2[b-b0uzdq8rs3] {
    color: var(--studio-ink);
    font-size: 0.98rem;
    font-weight: 750;
    margin: 0;
}

.api-studio-panel-heading p[b-b0uzdq8rs3] {
    color: var(--studio-muted);
    font-size: 0.78rem;
    margin: 0.2rem 0 0;
}

.api-studio-panel-heading .btn[b-b0uzdq8rs3] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 0.35rem;
}

.api-studio-header-list[b-b0uzdq8rs3] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 0.35rem 1rem 1rem;
    scrollbar-gutter: stable;
}

.api-studio-header-row[b-b0uzdq8rs3] {
    align-items: end;
    border-bottom: 1px solid #e8edf4;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: minmax(8rem, 0.72fr) minmax(11rem, 1.28fr) 2.45rem;
    padding: 0.85rem 0;
}

.api-studio-header-row:last-child[b-b0uzdq8rs3] {
    border-bottom: 0;
}

.api-studio-header-name[b-b0uzdq8rs3],
.api-studio-header-value[b-b0uzdq8rs3] {
    min-width: 0;
}

.api-studio-header-row .form-control[b-b0uzdq8rs3] {
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, "Courier New", monospace;
    font-size: 0.82rem;
    min-height: 2.45rem;
}

.api-studio-secret-field[b-b0uzdq8rs3] {
    display: flex;
    gap: 0.4rem;
    min-width: 0;
}

.api-studio-secret-field .form-control[b-b0uzdq8rs3] {
    min-width: 0;
}

.api-studio-reveal[b-b0uzdq8rs3] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 0.3rem;
}

.api-studio-remove-header[b-b0uzdq8rs3] {
    align-items: center;
    display: inline-flex;
    height: 2.45rem;
    justify-content: center;
    width: 2.45rem;
}

.api-studio-inline-empty[b-b0uzdq8rs3] {
    color: var(--studio-muted);
    font-size: 0.88rem;
    padding: 1.25rem 0.25rem 0.25rem;
}

.api-studio-text-payload[b-b0uzdq8rs3] {
    background: #0d1726;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.api-studio-text-payload[b-b0uzdq8rs3]  > .playground-contextual-row {
    flex: 0 0 0;
    margin-bottom: 0 !important;
}

.api-studio-json-input[b-b0uzdq8rs3] {
    background: #0d1726;
    border: 0;
    box-sizing: border-box;
    caret-color: #fff;
    color: #dce7f3;
    display: block;
    flex: 1 1 0;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, "Courier New", monospace;
    font-size: 0.82rem;
    font-variant-ligatures: none;
    line-height: 1.65;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: auto;
    overflow-wrap: normal;
    overscroll-behavior: contain;
    padding: 1.1rem 1.2rem;
    resize: none;
    scrollbar-gutter: stable;
    tab-size: 2;
    white-space: pre;
    outline: 0;
    width: 100%;
}

.api-studio-json-input[b-b0uzdq8rs3]::selection {
    background: rgb(79 141 246 / 0.42);
}

.api-studio-json-input:focus[b-b0uzdq8rs3] {
    box-shadow: inset 0 0 0 2px #60a5fa;
}

.api-studio-editor-footer[b-b0uzdq8rs3] {
    align-items: center;
    background: #101d2f;
    color: #8fa4ba;
    display: flex;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, "Courier New", monospace;
    font-size: 0.72rem;
    justify-content: space-between;
    min-height: 2rem;
    padding: 0.35rem 0.8rem;
}

.api-studio-editor-footer .is-valid[b-b0uzdq8rs3] {
    color: #7ee787;
}

.api-studio-editor-footer .is-plain[b-b0uzdq8rs3] {
    color: #f2cc60;
}

.api-studio-empty-state[b-b0uzdq8rs3] {
    align-items: center;
    color: var(--studio-muted);
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 0;
    padding: 3rem 1rem;
    text-align: center;
}

.api-studio-empty-state[b-b0uzdq8rs3]  > .rzi {
    color: #7391b3;
    font-size: 2.3rem;
}

.api-studio-empty-state h2[b-b0uzdq8rs3] {
    color: var(--studio-ink);
    font-size: 1.2rem;
    margin: 0.9rem 0 0.35rem;
}

.api-studio-empty-state p[b-b0uzdq8rs3] {
    margin: 0;
    max-width: 52ch;
}

.api-studio-response-summary[b-b0uzdq8rs3] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 1rem;
}

.api-studio-response-summary > span[b-b0uzdq8rs3] {
    color: var(--studio-muted);
    font-size: 0.8rem;
    font-weight: 650;
}

.api-studio-response-view[b-b0uzdq8rs3],
.api-studio-code-view[b-b0uzdq8rs3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.api-studio-response-status[b-b0uzdq8rs3] {
    border-radius: 0.4rem;
    color: #fff !important;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, "Courier New", monospace;
    padding: 0.4rem 0.65rem;
}

.api-studio-response-status.is-success[b-b0uzdq8rs3] {
    background: #19733c;
}

.api-studio-response-status.is-error[b-b0uzdq8rs3] {
    background: #b4233a;
}

.api-studio-response-grid[b-b0uzdq8rs3] {
    display: grid;
    flex: 1 1 auto;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.api-studio-response-code[b-b0uzdq8rs3],
.api-studio-response-headers[b-b0uzdq8rs3],
.api-studio-code-block[b-b0uzdq8rs3] {
    background: #0d1726;
    border: 0;
    color: #dce7f3;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, "Courier New", monospace;
    font-size: 0.8rem;
    line-height: 1.65;
    margin: 0;
    flex: 1 1 auto;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 1.1rem 1.2rem;
    scrollbar-gutter: stable;
    tab-size: 2;
    white-space: pre;
}

.api-studio-response-headers[b-b0uzdq8rs3] {
    color: #bcd0e5;
    white-space: pre-wrap;
}

.api-studio-response-code[b-b0uzdq8rs3]  .json-key {
    color: #79c0ff;
}

.api-studio-response-code[b-b0uzdq8rs3]  .json-string {
    color: #a5d6ff;
}

.api-studio-response-code[b-b0uzdq8rs3]  .json-number {
    color: #f2cc60;
}

.api-studio-response-code[b-b0uzdq8rs3]  .json-literal {
    color: #d2a8ff;
}

.api-studio-code-note[b-b0uzdq8rs3] {
    align-items: center;
    background: #eef6ff;
    border: 1px solid #c8dff8;
    border-radius: 0.65rem;
    color: #244f7d;
    display: flex;
    flex: 0 0 auto;
    font-size: 0.84rem;
    gap: 0.55rem;
    margin-bottom: 1rem;
    padding: 0.75rem 0.9rem;
}

.api-studio-code-tabs[b-b0uzdq8rs3] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-height: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.api-studio-code-tabs[b-b0uzdq8rs3]  > .api-studio-code-tabs-control {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.api-studio-code-tabs[b-b0uzdq8rs3]  > .api-studio-code-tabs-control > .rz-tabview-nav {
    flex: 0 0 auto;
}

.api-studio-code-tabs[b-b0uzdq8rs3]  > .api-studio-code-tabs-control > .rz-tabview-panels {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.api-studio-code-tabs[b-b0uzdq8rs3]  > .api-studio-code-tabs-control > .rz-tabview-panels > .rz-tabview-panel {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

textarea.api-studio-code-block[b-b0uzdq8rs3] {
    box-sizing: border-box;
    display: block;
    flex: 1 1 0;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: auto;
    resize: none;
    width: 100%;
}

@media (max-width: 1050px) {
    .api-studio-heading[b-b0uzdq8rs3],
    .api-studio-request-grid[b-b0uzdq8rs3],
    .api-studio-response-grid[b-b0uzdq8rs3] {
        grid-template-columns: 1fr;
    }

    .api-studio-request-grid[b-b0uzdq8rs3],
    .api-studio-response-grid[b-b0uzdq8rs3] {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .api-studio-shell[b-b0uzdq8rs3] {
        margin-bottom: 0.5rem;
    }

    .api-studio-header[b-b0uzdq8rs3] {
        border-radius: 0.85rem 0.85rem 0 0;
        padding: 0.75rem;
    }

    .api-studio-nav-row[b-b0uzdq8rs3] {
        gap: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .api-studio-session-actions[b-b0uzdq8rs3] {
        gap: 0.35rem;
    }

    .api-studio-session-button[b-b0uzdq8rs3] {
        font-size: 0.7rem;
        gap: 0.25rem;
        min-height: 1.95rem;
        padding: 0.3rem 0.42rem;
    }

    .api-studio-heading[b-b0uzdq8rs3] {
        gap: 0.65rem;
    }

    .api-studio-title-lockup[b-b0uzdq8rs3] {
        gap: 0.65rem;
    }

    .api-studio-mark[b-b0uzdq8rs3] {
        height: 2.4rem;
        width: 2.4rem;
    }

    .api-studio-heading h1[b-b0uzdq8rs3] {
        font-size: 1.65rem;
    }

    .api-studio-heading p[b-b0uzdq8rs3] {
        font-size: 0.82rem;
        margin-top: 0.25rem;
    }

    .api-studio-disclaimer[b-b0uzdq8rs3] {
        gap: 0.5rem;
        padding: 0.6rem 0.7rem;
    }

    .api-studio-disclaimer p[b-b0uzdq8rs3] {
        font-size: 0.72rem;
        line-height: 1.35;
    }

    .api-studio-request-rail[b-b0uzdq8rs3] {
        gap: 0.5rem;
        grid-template-columns: 5.75rem minmax(0, 1fr) 2.75rem;
        padding: 0.65rem 0.75rem;
    }

    .api-studio-method-field[b-b0uzdq8rs3] {
        grid-column: auto;
    }

    .api-studio-request-rail label[b-b0uzdq8rs3],
    .api-studio-header-row label[b-b0uzdq8rs3] {
        font-size: 0.65rem;
    }

    .api-studio-send-button[b-b0uzdq8rs3] {
        height: 2.75rem;
        width: 2.75rem;
    }

    .api-studio-status[b-b0uzdq8rs3] {
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }

    .api-studio-tabs[b-b0uzdq8rs3]  > .api-studio-tabs-control > .rz-tabview-panels {
        padding: 0.75rem;
    }

    .api-studio-request-grid[b-b0uzdq8rs3] {
        gap: 0.5rem;
        grid-template-rows: minmax(0, 3fr) minmax(0, 5fr);
    }

    .api-studio-response-grid[b-b0uzdq8rs3] {
        gap: 0.5rem;
        grid-template-rows: minmax(0, 5fr) minmax(0, 3fr);
    }

    .api-studio-header-row[b-b0uzdq8rs3] {
        grid-template-columns: minmax(0, 1fr) 2.45rem;
    }

    .api-studio-header-name[b-b0uzdq8rs3],
    .api-studio-header-value[b-b0uzdq8rs3] {
        grid-column: 1;
    }

    .api-studio-remove-header[b-b0uzdq8rs3] {
        grid-column: 2;
        grid-row: 2;
    }

    .api-studio-secret-field[b-b0uzdq8rs3] {
        align-items: stretch;
        flex-direction: column;
    }

    .api-studio-reveal[b-b0uzdq8rs3] {
        justify-content: center;
    }

    .api-studio-panel-heading[b-b0uzdq8rs3] {
        gap: 0.5rem;
        min-height: 3.6rem;
        padding: 0.65rem 0.75rem;
    }

    .api-studio-panel-heading p[b-b0uzdq8rs3] {
        display: none;
    }

    .api-studio-panel-heading .btn[b-b0uzdq8rs3] {
        justify-content: center;
        width: auto;
    }

}

@media (max-width: 430px) {
    .api-studio-back span[b-b0uzdq8rs3] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .api-studio-send-button[b-b0uzdq8rs3],
    .api-studio-session-button[b-b0uzdq8rs3] {
        transition: none;
    }
}
/* /Components/BenchmarkWorkflowSettings.razor.rz.scp.css */
.benchmark-workflow-settings [hidden][b-lt68qooniq] {
    display: none !important;
}

.benchmark-evaluation-tabs[b-lt68qooniq] {
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    display: grid;
    gap: var(--playground-space-sm);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: var(--playground-space-lg);
    padding: 0.3rem;
}

.benchmark-evaluation-tab[b-lt68qooniq] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--playground-radius-md);
    color: var(--playground-text-muted);
    display: flex;
    gap: var(--playground-space-sm);
    min-height: var(--playground-touch-target);
    min-width: 0;
    padding: 0.8rem 1rem;
    text-align: left;
}

.benchmark-evaluation-tab.is-active[b-lt68qooniq] {
    background: var(--playground-surface);
    box-shadow: var(--playground-shadow-sm);
    color: var(--playground-primary-hover);
}

.benchmark-evaluation-tab:hover:not(:disabled)[b-lt68qooniq],
.benchmark-workflow-card:hover:not(:disabled)[b-lt68qooniq] {
    background: var(--playground-primary-soft);
}

.benchmark-evaluation-tab:focus-visible[b-lt68qooniq],
.benchmark-workflow-card:focus-visible[b-lt68qooniq] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 3px;
}

.benchmark-workflow-grid[b-lt68qooniq] {
    display: grid;
    gap: var(--playground-space-sm);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
}

.benchmark-workflow-card[b-lt68qooniq] {
    align-items: center;
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    color: var(--playground-text);
    display: flex;
    gap: var(--playground-space-md);
    min-height: var(--playground-touch-target);
    min-width: 0;
    padding: var(--playground-space-md);
    text-align: left;
}

.benchmark-workflow-card[aria-pressed="true"][b-lt68qooniq] {
    border-color: var(--playground-primary);
}

.benchmark-workflow-card > span[b-lt68qooniq] {
    display: grid;
    flex: 1;
    gap: var(--playground-space-xs);
    min-width: 0;
    overflow-wrap: anywhere;
}

.benchmark-workflow-card > span > span[b-lt68qooniq] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
    line-height: 1.5;
}

.benchmark-workflow-card[b-lt68qooniq]  .rzi {
    color: var(--playground-primary);
    flex: 0 0 auto;
}

.benchmark-user-workflows[b-lt68qooniq],
.benchmark-workflow-guidance[b-lt68qooniq] {
    margin-top: var(--playground-space-lg);
}

.benchmark-selected-workflow[b-lt68qooniq] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-md);
    justify-content: space-between;
    margin-bottom: var(--playground-space-md);
}

.benchmark-workflow-dialog[b-lt68qooniq] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    height: calc(100dvh - 2rem);
    max-height: calc(100dvh - 2rem);
    max-width: calc(100vw - 2rem);
    overflow: auto;
    padding: 0;
    width: calc(100vw - 2rem);
}

.benchmark-workflow-dialog[b-lt68qooniq]::backdrop {
    background: rgb(15 23 42 / 0.55);
}

.benchmark-workflow-dialog[b-lt68qooniq]  .workflow-composer {
    height: 100%;
    margin: 0;
}

@media (max-width: 640px) {
    .benchmark-evaluation-tabs[b-lt68qooniq] {
        grid-template-columns: minmax(0, 1fr);
    }

    .benchmark-workflow-dialog[b-lt68qooniq] {
        height: 100dvh;
        max-height: 100dvh;
        max-width: 100vw;
        width: 100vw;
    }
}
/* /Components/ChatAttachmentInput.razor.rz.scp.css */
.chat-attachment-input[b-grcfphifu5] {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.chat-attachment-input .form-text[b-grcfphifu5] {
    overflow-wrap: anywhere;
}

.chat-attachment-input[b-grcfphifu5]  .playground-uploaded-file-name {
    overflow-wrap: anywhere;
}

.chat-attachment-help > summary[b-grcfphifu5] {
    align-content: center;
    color: var(--playground-text-muted);
    cursor: pointer;
    font-size: 0.875rem;
    min-height: var(--playground-touch-target);
    padding-block: var(--playground-space-sm);
}

.chat-attachment-help > summary:focus-visible[b-grcfphifu5] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 2px;
}

.chat-attachment-help[open][b-grcfphifu5] {
    max-height: 12rem;
    overflow-y: auto;
}

.chat-attachment-toolbar[b-grcfphifu5] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: var(--playground-space-sm);
}

.chat-attachment-upload[b-grcfphifu5],
.chat-attachment-help-toggle[b-grcfphifu5] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--playground-text-muted);
    border-radius: var(--playground-radius-sm);
    color: var(--playground-text-muted);
    cursor: pointer;
    display: inline-flex;
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 1.75rem;
}

.chat-attachment-upload[b-grcfphifu5]  input[type="file"] {
    cursor: pointer;
    height: 100%;
    inset: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}

.chat-attachment-upload[b-grcfphifu5] {
    border-color: var(--playground-border);
    border-radius: 50%;
    color: var(--playground-text);
    flex: 0 0 var(--playground-touch-target);
    height: var(--playground-touch-target);
    width: var(--playground-touch-target);
    zoom: var(--playground-control-scale, 1);
}

.chat-attachment-upload[b-grcfphifu5]  .rzi,
.chat-attachment-help-toggle[b-grcfphifu5]  .rzi {
    color: inherit;
    font-size: 1rem;
    line-height: 1;
    pointer-events: none;
}

.chat-attachment-upload[data-disabled="true"][b-grcfphifu5] {
    opacity: 0.55;
}

.chat-attachment-upload[data-disabled="true"][b-grcfphifu5]  input {
    cursor: not-allowed;
}

.chat-attachment-upload:not([data-disabled="true"]):hover[b-grcfphifu5] {
    background: var(--playground-primary-soft);
    border-color: var(--playground-primary);
    color: var(--playground-primary);
}

.chat-attachment-help-toggle:hover[b-grcfphifu5] {
    background: var(--playground-text-muted);
    color: var(--playground-surface);
}

.chat-attachment-upload:focus-within[b-grcfphifu5],
.chat-attachment-help-toggle:focus-visible[b-grcfphifu5] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 2px;
}

.chat-attachment-upload:focus-within[b-grcfphifu5] {
    outline-offset: 3px;
}

.chat-attachment-help-popover[b-grcfphifu5] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    box-shadow: var(--playground-shadow-md);
    color: var(--playground-text);
    max-height: calc(100dvh - 2rem);
    max-width: calc(100vw - 2rem);
    overflow: auto;
    padding: 1rem;
    width: 28rem;
}

.chat-attachment-help-popover header[b-grcfphifu5] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.chat-attachment-help-popover h3[b-grcfphifu5] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

.chat-attachment-help-popover .form-text[b-grcfphifu5] {
    color: var(--playground-text-muted);
    line-height: 1.5;
    margin: 0.75rem 0 0;
}

.chat-attachment-status[b-grcfphifu5] {
    flex-basis: 100%;
    grid-column: 1 / -1;
    margin-bottom: 0;
    order: 1;
    overflow-wrap: anywhere;
}

@supports (position-area: top) {
    .chat-attachment-help-popover[b-grcfphifu5] {
        inset: auto;
        margin: 0.5rem;
        position-area: top span-left;
        position-try-fallbacks: flip-block, flip-inline;
    }
}
/* /Components/CohereEmbeddingsViewer.razor.rz.scp.css */
.embedding-viewer[b-swsnff8i9m] {
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    background: var(--playground-surface);
    color: var(--playground-text);
    min-width: 0;
    overflow: hidden;
}

.viewer-heading[b-swsnff8i9m],
.viewer-actions[b-swsnff8i9m] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.viewer-heading[b-swsnff8i9m] {
    justify-content: space-between;
    padding: 1.25rem;
}

.viewer-heading h2[b-swsnff8i9m] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
}

.viewer-heading p[b-swsnff8i9m],
.viewer-note[b-swsnff8i9m] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
    line-height: 1.55;
    margin: 0;
}

.viewer-actions .btn[b-swsnff8i9m] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.75rem;
}

.viewer-switch[b-swsnff8i9m] {
    display: flex;
    gap: 0.5rem;
    padding: 0 1.25rem 1rem;
    border-bottom: 1px solid var(--playground-border);
}

.viewer-switch button[b-swsnff8i9m],
.similarity-table button[b-swsnff8i9m] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-sm);
    color: var(--playground-text-muted);
    min-height: 2.75rem;
    padding: 0.5rem 0.875rem;
}

.viewer-switch .selected[b-swsnff8i9m] {
    background: var(--playground-primary-soft);
    border-color: var(--playground-primary);
    color: var(--playground-primary-hover);
}

.vector-map[b-swsnff8i9m] {
    background: var(--playground-surface-subtle);
}

.vector-map svg[b-swsnff8i9m] {
    display: block;
    width: 100%;
    max-height: 26rem;
}

.map-axis[b-swsnff8i9m] {
    stroke: var(--playground-border);
    stroke-dasharray: 4 6;
}

.map-point[b-swsnff8i9m] {
    cursor: pointer;
}

.point-hit-target[b-swsnff8i9m] {
    fill: transparent;
}

.point-mark[b-swsnff8i9m] {
    fill: var(--playground-surface);
    stroke: var(--playground-text-muted);
    stroke-width: 1.5;
}

.map-point text[b-swsnff8i9m] {
    fill: var(--playground-text);
    font-size: 12px;
    font-weight: 700;
    pointer-events: none;
}

.map-point.is-selected .point-mark[b-swsnff8i9m] {
    fill: var(--playground-primary);
    stroke: var(--playground-primary);
}

.map-point.is-selected text[b-swsnff8i9m] {
    fill: var(--playground-surface);
}

.map-point:focus-visible[b-swsnff8i9m],
.map-point:hover[b-swsnff8i9m] {
    outline: none;
}

.map-point:focus-visible .point-hit-target[b-swsnff8i9m],
.map-point:hover .point-hit-target[b-swsnff8i9m] {
    stroke: var(--playground-primary);
    stroke-width: 2;
}

.embedding-viewer > .viewer-note[b-swsnff8i9m] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--playground-border);
}

.viewer-inspector[b-swsnff8i9m] {
    padding: 1.25rem;
    display: grid;
    gap: 0.875rem;
}

.viewer-inspector label[b-swsnff8i9m],
.viewer-inspector h3[b-swsnff8i9m] {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0;
}

.viewer-inspector h3[b-swsnff8i9m] {
    margin-top: 0.5rem;
}

.inspector-source[b-swsnff8i9m] {
    display: flex;
    align-items: start;
    gap: 1rem;
}

.inspector-source img[b-swsnff8i9m] {
    object-fit: contain;
    background: var(--playground-surface-subtle);
    border-radius: var(--playground-radius-sm);
    flex-shrink: 0;
}

.inspector-source p[b-swsnff8i9m] {
    font-size: 0.875rem;
    margin: 0;
    max-height: 10rem;
    overflow: auto;
    overflow-wrap: anywhere;
}

.neighbor-row[b-swsnff8i9m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: var(--playground-surface);
    color: var(--playground-text);
    border: 0;
    border-bottom: 1px solid var(--playground-border);
    min-height: 2.75rem;
    padding: 0.5rem 0;
    text-align: start;
    font-size: 0.875rem;
}

.neighbor-row:hover[b-swsnff8i9m] {
    color: var(--playground-primary-hover);
}

.cosine-value[b-swsnff8i9m] {
    color: var(--playground-text-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.similarity-scroll[b-swsnff8i9m] {
    max-width: 100%;
    max-height: 27rem;
    overflow: auto;
}

.similarity-table[b-swsnff8i9m] {
    width: 100%;
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.similarity-table caption[b-swsnff8i9m] {
    padding: 1rem;
    color: var(--playground-text-muted);
}

.similarity-table td[b-swsnff8i9m],
.similarity-table th[b-swsnff8i9m] {
    padding: 0.5rem;
    border: 1px solid var(--playground-border);
}

.similarity-table .highlighted[b-swsnff8i9m] {
    background: var(--playground-primary-soft);
    color: var(--playground-primary-hover);
}

.vector-value-controls[b-swsnff8i9m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.vector-value-controls input[b-swsnff8i9m] {
    width: 7rem;
}

.vector-value-controls output[b-swsnff8i9m],
.vector-values[b-swsnff8i9m] {
    font-family: 'Cascadia Code', Consolas, monospace;
}

.vector-values[b-swsnff8i9m] {
    background: var(--playground-code-surface);
    color: var(--playground-code-text);
    padding: 1rem;
    border-radius: var(--playground-radius-sm);
    max-height: 20rem;
    overflow: auto;
    margin: 0;
}

button:focus-visible[b-swsnff8i9m],
select:focus-visible[b-swsnff8i9m],
input:focus-visible[b-swsnff8i9m],
[tabindex="0"]:focus-visible[b-swsnff8i9m] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .viewer-heading[b-swsnff8i9m],
    .viewer-inspector[b-swsnff8i9m] {
        padding: 1rem;
    }

    .neighbor-row[b-swsnff8i9m],
    .inspector-source[b-swsnff8i9m] {
        flex-wrap: wrap;
    }
}
/* /Components/CohereParsePdfCodeTabs.razor.rz.scp.css */
.playground-code-block[b-yo8s0fun4i] {
    background: var(--playground-code-surface);
    border: 1px solid #263449;
    border-radius: var(--playground-radius-md);
    color: var(--playground-code-text);
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, 'Courier New', monospace;
    font-size: var(--playground-font-code);
    line-height: 1.65;
    margin: 0;
    max-height: 800px;
    min-height: 300px;
    overflow: auto;
    padding: 1.2rem 1.35rem;
    tab-size: 4;
    unicode-bidi: plaintext;
    white-space: pre;
}

.playground-code-block code[b-yo8s0fun4i] {
    color: inherit;
    font: inherit;
}

.playground-code-block:focus-within[b-yo8s0fun4i] {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--playground-primary) 45%, transparent);
}

.playground-code-block[b-yo8s0fun4i]  .syntax-keyword {
    color: #ff7b72;
}

.playground-code-block[b-yo8s0fun4i]  .syntax-string {
    color: #a5d6ff;
}

.playground-code-block[b-yo8s0fun4i]  .syntax-comment {
    color: #8b949e;
    font-style: italic;
}

.playground-code-block[b-yo8s0fun4i]  .syntax-decorator,
.playground-code-block[b-yo8s0fun4i]  .syntax-command {
    color: #d2a8ff;
}

.playground-code-block[b-yo8s0fun4i]  .syntax-number,
.playground-code-block[b-yo8s0fun4i]  .syntax-option {
    color: #79c0ff;
}

.playground-code-block[b-yo8s0fun4i]  .syntax-property {
    color: #7ee787;
}

.playground-code-block[b-yo8s0fun4i]  .syntax-literal,
.playground-code-block[b-yo8s0fun4i]  .syntax-variable {
    color: #ffa657;
}
/* /Components/CohereRetrievalWorkspace.razor.rz.scp.css */
.cohere-workspace[b-g07uuax0yf] {
    --playground-control-scale: 0.75;
    color: var(--playground-text);
    max-width: 100rem;
    width: 100%;
}

.cohere-workspace h2[b-g07uuax0yf] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.cohere-workspace h3[b-g07uuax0yf] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
}

.cohere-note[b-g07uuax0yf],
.connection-note[b-g07uuax0yf],
.cohere-privacy[b-g07uuax0yf] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
    line-height: 1.55;
    margin: 0.5rem 0 0;
}

.source-ledger[b-g07uuax0yf],
.ranking-comparison[b-g07uuax0yf],
.search-rail[b-g07uuax0yf] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    margin-bottom: 1.25rem;
    min-width: 0;
}

.dataset-viewer-disclosure > summary[b-g07uuax0yf],
.cohere-payloads summary[b-g07uuax0yf] {
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 700;
    min-height: 2.75rem;
    padding: 1rem 1.25rem;
}

.connection-note[b-g07uuax0yf] {
    display: inline-block;
    font-weight: 400;
    margin: 0 0 0 1rem;
}

fieldset[b-g07uuax0yf] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.connection-content[b-g07uuax0yf] {
    padding: 0;
}

.cohere-endpoint-guidance[b-g07uuax0yf] {
    overflow-wrap: anywhere;
}

.cohere-endpoint-guidance p[b-g07uuax0yf] {
    margin: 0 0 0.5rem;
}

.connection-grid[b-g07uuax0yf] {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 2fr) minmax(14rem, 1fr);
    margin-top: 0;
}

.connection-grid.two-connections[b-g07uuax0yf] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.two-connections .embedding-options[b-g07uuax0yf] {
    grid-column: 1 / -1;
    max-width: 28rem;
}

.connection-grid section[b-g07uuax0yf] {
    min-width: 0;
}

.embedding-options[b-g07uuax0yf] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
}

.embedding-options h2[b-g07uuax0yf] {
    margin-bottom: 0;
}

.share-credentials[b-g07uuax0yf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    min-height: 2.75rem;
    margin-bottom: 0.5rem;
}

.cohere-status[b-g07uuax0yf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    min-height: 2.75rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.cohere-costs[b-g07uuax0yf] {
    border-block: 1px solid var(--playground-border);
    margin-bottom: 1.25rem;
    padding-block: 1.25rem;
}

.cohere-cost-list[b-g07uuax0yf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: 1.25rem;
    margin: 0;
}

.cohere-cost-list > div[b-g07uuax0yf] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.cohere-cost-list dd[b-g07uuax0yf] {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
}

.search-rail[b-g07uuax0yf] {
    border-radius: calc(var(--playground-radius-lg) * 2);
    padding: 1.25rem;
}

.search-rail label[b-g07uuax0yf],
.source-row label[b-g07uuax0yf],
.dataset-tools label[b-g07uuax0yf],
.embedding-options label[b-g07uuax0yf] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.query-examples[b-g07uuax0yf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.query-examples button[b-g07uuax0yf] {
    border: 0;
    background: var(--playground-surface);
    color: var(--playground-primary-hover);
    font-size: 0.875rem;
    min-height: 2.75rem;
    padding: 0.5rem;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.search-actions[b-g07uuax0yf],
.source-add-actions[b-g07uuax0yf],
.ledger-primary-actions[b-g07uuax0yf],
.ledger-footer[b-g07uuax0yf],
.ledger-heading[b-g07uuax0yf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.search-actions[b-g07uuax0yf] {
    align-items: end;
    margin: 0.75rem 0 1rem;
}

.search-actions input[b-g07uuax0yf] {
    max-width: 11rem;
}

.search-submit-actions[b-g07uuax0yf] {
    align-items: center;
    display: flex;
    gap: var(--playground-space-sm);
    justify-content: flex-end;
    min-width: 0;
}

.cohere-workspace .btn[b-g07uuax0yf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.75rem;
}

.cohere-workbench[b-g07uuax0yf] {
    display: grid;
    grid-template-columns: minmax(19rem, 0.8fr) minmax(0, 1.4fr);
    align-items: start;
    gap: 1.25rem;
}

.cohere-inspection[b-g07uuax0yf] {
    min-width: 0;
}

.ledger-heading[b-g07uuax0yf],
.dataset-tools[b-g07uuax0yf],
.ledger-footer[b-g07uuax0yf] {
    padding: 1.25rem;
}

.ledger-heading[b-g07uuax0yf] {
    align-items: start;
    justify-content: space-between;
    border-bottom: 1px solid var(--playground-border);
}

.ledger-heading h2 span[b-g07uuax0yf] {
    color: var(--playground-text-muted);
    font-weight: 400;
    font-size: 0.875rem;
    margin-inline-start: 0.5rem;
}

.dataset-tools[b-g07uuax0yf] {
    background: var(--playground-surface-subtle);
    border-bottom: 1px solid var(--playground-border);
}

.dataset-tools[b-g07uuax0yf]  input[type="file"],
.source-image[b-g07uuax0yf]  input[type="file"] {
    display: block;
    width: 100%;
    max-width: 100%;
    font-size: 0.875rem;
    min-height: 2.75rem;
}

.source-list[b-g07uuax0yf] {
    max-height: 43rem;
    overflow: auto;
}

.source-row[b-g07uuax0yf] {
    display: grid;
    gap: 0.5rem;
    padding: 1.25rem;
    border-bottom: 1px solid var(--playground-border);
}

.source-row:last-child[b-g07uuax0yf] {
    border-bottom: 0;
}

.source-row label[b-g07uuax0yf] {
    margin-bottom: 0;
}

.source-row .form-control[b-g07uuax0yf],
.source-row .form-select[b-g07uuax0yf] {
    font-size: 0.875rem;
}

.source-row textarea[b-g07uuax0yf] {
    resize: vertical;
    min-height: 5rem;
}

.source-row-heading[b-g07uuax0yf] {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr) 2.75rem;
    align-items: end;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.source-label-field[b-g07uuax0yf] {
    min-width: 0;
}

.source-label-field label[b-g07uuax0yf] {
    margin-bottom: 0.5rem;
}

.source-number[b-g07uuax0yf] {
    color: var(--playground-text-muted);
    font-variant-numeric: tabular-nums;
    align-self: center;
    padding-top: 1rem;
}

.source-remove[b-g07uuax0yf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    min-height: 2.75rem;
    background: var(--playground-surface);
    border: 0;
    border-radius: var(--playground-radius-sm);
    color: var(--playground-text-muted);
}

.source-remove:hover[b-g07uuax0yf] {
    background: var(--playground-status-error-soft);
    color: var(--playground-status-error);
}

.source-image[b-g07uuax0yf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 0.5rem 0;
}

.source-image > div[b-g07uuax0yf] {
    flex: 1 1 12rem;
    min-width: 0;
}

.source-image img[b-g07uuax0yf],
.ranked-evidence img[b-g07uuax0yf] {
    object-fit: contain;
    border-radius: var(--playground-radius-sm);
    background: var(--playground-surface-subtle);
}

.ledger-footer[b-g07uuax0yf] {
    justify-content: space-between;
    border-top: 1px solid var(--playground-border);
}

.embedding-empty[b-g07uuax0yf],
.source-empty[b-g07uuax0yf] {
    display: grid;
    justify-items: start;
    align-content: center;
    gap: 1rem;
    padding: 2rem;
    min-height: 24rem;
    background: var(--playground-surface-subtle);
    border: 1px dashed var(--playground-border-strong);
    border-radius: var(--playground-radius-lg);
}

.source-empty[b-g07uuax0yf] {
    border: 0;
    border-radius: 0;
    min-height: 12rem;
}

.embedding-empty[b-g07uuax0yf]  .rzi {
    color: var(--playground-text-muted);
    font-size: 2rem;
}

.embedding-empty h2[b-g07uuax0yf] {
    font-size: 1rem;
    margin: 0;
}

.embedding-empty p[b-g07uuax0yf],
.source-empty p[b-g07uuax0yf] {
    max-width: 55ch;
    margin: 0;
}

.ranking-comparison > header[b-g07uuax0yf] {
    padding: 1.25rem;
    border-bottom: 1px solid var(--playground-border);
}

.searched-query[b-g07uuax0yf] {
    font-size: 1rem;
    overflow-wrap: anywhere;
    margin: 0.5rem 0;
}

.ranking-columns[b-g07uuax0yf] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

.ranking-columns > section[b-g07uuax0yf] {
    padding: 1.25rem;
    min-width: 0;
}

.ranking-columns > section + section[b-g07uuax0yf] {
    border-inline-start: 1px solid var(--playground-border);
}

.candidate-list[b-g07uuax0yf] {
    padding-inline-start: 1.25rem;
    margin-top: 1rem;
    font-size: 0.875rem;
}

.candidate-list li[b-g07uuax0yf] {
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--playground-border);
}

.candidate-list .ranking-number[b-g07uuax0yf] {
    display: block;
    margin-top: 0.25rem;
}

.ranking-number[b-g07uuax0yf] {
    font-family: 'Cascadia Code', Consolas, monospace;
    font-variant-numeric: tabular-nums;
}

.ranked-list[b-g07uuax0yf] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
}

.ranked-list li[b-g07uuax0yf] {
    border-bottom: 1px solid var(--playground-border);
    padding: 1rem 0;
}

.ranked-list li:last-child[b-g07uuax0yf] {
    border-bottom: 0;
}

.ranked-result-heading[b-g07uuax0yf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.rank-movement[b-g07uuax0yf] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
}

.ranked-evidence[b-g07uuax0yf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.ranked-evidence p[b-g07uuax0yf] {
    font-size: 0.875rem;
    max-height: 12rem;
    overflow: auto;
    overflow-wrap: anywhere;
    margin: 0;
}

.ranked-score[b-g07uuax0yf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
    font-size: 0.875rem;
}

.ranked-score meter[b-g07uuax0yf] {
    flex: 1;
    min-width: 3rem;
    accent-color: var(--playground-primary);
}

.ranked-score meter[b-g07uuax0yf]::-webkit-meter-optimum-value {
    background: var(--playground-primary);
}

.ranked-score meter[b-g07uuax0yf]::-moz-meter-bar {
    background: var(--playground-primary);
}

.ranking-pending[b-g07uuax0yf] {
    color: var(--playground-text-muted);
    margin-top: 1rem;
    font-size: 0.875rem;
}

.cohere-payloads[b-g07uuax0yf],
.dataset-viewer-disclosure[b-g07uuax0yf] {
    min-width: 0;
    border-top: 1px solid var(--playground-border);
    margin-top: 1.25rem;
}

.cohere-privacy[b-g07uuax0yf] {
    margin-top: 2rem;
    max-width: 85ch;
}

button:focus-visible[b-g07uuax0yf],
summary:focus-visible[b-g07uuax0yf],
input:focus-visible[b-g07uuax0yf],
select:focus-visible[b-g07uuax0yf],
textarea:focus-visible[b-g07uuax0yf] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 3px;
}

@media (max-width: 1200px) {
    .connection-grid.two-connections[b-g07uuax0yf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .two-connections .embedding-options[b-g07uuax0yf] {
        grid-column: 1 / -1;
    }

    .ranking-columns[b-g07uuax0yf] {
        grid-template-columns: 1fr;
    }

    .ranking-columns > section + section[b-g07uuax0yf] {
        border-inline-start: 0;
        border-top: 1px solid var(--playground-border);
    }
}

@media (max-width: 960px) {
    .cohere-workbench[b-g07uuax0yf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .source-list[b-g07uuax0yf] {
        max-height: 30rem;
    }

    .has-embeddings .cohere-inspection[b-g07uuax0yf] {
        grid-row: 1;
    }
}

@media (max-width: 640px) {
    .connection-grid[b-g07uuax0yf],
    .connection-grid.two-connections[b-g07uuax0yf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .connection-note[b-g07uuax0yf] {
        display: block;
        margin: 0.5rem 0 0;
    }

    .search-actions[b-g07uuax0yf] {
        gap: 1rem;
    }

    .search-actions > div[b-g07uuax0yf] {
        flex: 1 1 8rem;
    }

    .search-actions > .search-submit-actions[b-g07uuax0yf] {
        flex-basis: 100%;
    }

    .search-submit-actions > .btn[b-g07uuax0yf] {
        flex: 0 1 auto;
        width: auto;
    }

    .embedding-empty[b-g07uuax0yf] {
        min-height: 18rem;
        padding: 1.25rem;
    }
}
/* /Components/DemoGallery.razor.rz.scp.css */
.demos-shell[b-rn1gfwh6r9] {
    color: #172033;
    margin: 1.5rem auto 4rem;
    max-width: 1320px;
    width: 100%;
}

.demos-hero[b-rn1gfwh6r9] {
    align-items: center;
    background:
        radial-gradient(circle at 90% 10%, rgba(56, 189, 248, .18), transparent 25rem),
        linear-gradient(135deg, #0f172a, #172554 65%, #164e63);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 1.75rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .18);
    color: #fff;
    display: grid;
    gap: clamp(2rem, 4vw, 4rem);
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    padding: clamp(1.75rem, 4vw, 3.5rem);
}

.demos-hero h1[b-rn1gfwh6r9] {
    color: #fff;
    font-size: clamp(3rem, 6vw, 5.25rem);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1;
    margin: 0;
}

.demos-hero-copy > p[b-rn1gfwh6r9] {
    color: #dbeafe;
    line-height: 1.7;
    margin: 1rem 0 0;
    max-width: 55ch;
}

.demos-hero-copy > .demos-hero-lead[b-rn1gfwh6r9] {
    color: #fff;
    font-size: clamp(1.3rem, 2.5vw, 1.8rem);
    font-weight: 600;
    line-height: 1.3;
    margin-top: 1.25rem;
}

.demos-hero-action[b-rn1gfwh6r9] {
    align-items: center;
    background: #fff;
    border-radius: .625rem;
    color: #172554;
    display: inline-flex;
    font-weight: 700;
    gap: .75rem;
    margin-top: 1.75rem;
    min-height: 2.75rem;
    padding: .75rem 1.1rem;
    text-decoration: none;
}

.demos-hero-action:hover[b-rn1gfwh6r9] {
    background: #dbeafe;
    color: #172554;
}

.demos-hero-action svg[b-rn1gfwh6r9] {
    fill: none;
    height: 1.15rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 1.15rem;
}

.demos-hero-story[b-rn1gfwh6r9] {
    background: rgba(15, 23, 42, .4);
    border: 1px solid rgba(186, 230, 253, .25);
    border-radius: 1.25rem;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.demos-hero-mark[b-rn1gfwh6r9] {
    color: #67e8f9;
    display: block;
    fill: none;
    height: 4rem;
    margin-bottom: 1.5rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 4rem;
}

.demos-hero-play[b-rn1gfwh6r9] {
    fill: #fbbf24;
    stroke: #fbbf24;
}

.demos-hero-story strong[b-rn1gfwh6r9] {
    display: block;
    font-size: 1.35rem;
    line-height: 1.4;
}

.demos-hero-stages[b-rn1gfwh6r9] {
    align-items: center;
    color: #bae6fd;
    display: flex;
    flex-wrap: wrap;
    font-size: .85rem;
    gap: .6rem;
    margin-top: 1rem;
}

.demos-hero-story p[b-rn1gfwh6r9] {
    color: #dbeafe;
    font-size: .9rem;
    line-height: 1.6;
    margin: 1.25rem 0 0;
}

.demos-library[b-rn1gfwh6r9] {
    margin-top: clamp(2.5rem, 5vw, 4rem);
    scroll-margin-top: 2rem;
}

.demos-library h2[b-rn1gfwh6r9] {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 750;
    letter-spacing: -.025em;
    line-height: 1.25;
    margin: 0 0 .75rem;
    text-wrap: balance;
}

.demos-library-heading p[b-rn1gfwh6r9],
.demos-collection header p[b-rn1gfwh6r9] {
    color: #596579;
    line-height: 1.6;
    margin: 0;
    max-width: 75ch;
}

.demos-intro[b-rn1gfwh6r9] {
    margin-top: 1.5rem;
}

.demos-collection-nav[b-rn1gfwh6r9] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-block: 1.5rem;
}

.demos-collection-nav a[b-rn1gfwh6r9] {
    align-items: center;
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: .625rem;
    color: #1d4ed8;
    display: inline-flex;
    font-size: .9rem;
    font-weight: 600;
    gap: .75rem;
    min-height: 2.75rem;
    padding: .6rem .9rem;
    text-decoration: none;
}

.demos-collection-nav a > span[b-rn1gfwh6r9] {
    color: #596579;
    font-size: .8rem;
    font-variant-numeric: tabular-nums;
}

.demos-collection-nav a:hover[b-rn1gfwh6r9] {
    background: #eff6ff;
    border-color: #2563eb;
}

.demos-hero-action:focus-visible[b-rn1gfwh6r9] {
    outline: 3px solid #67e8f9;
    outline-offset: 4px;
}

.demos-collection-nav a:focus-visible[b-rn1gfwh6r9] {
    outline: 3px solid #2563eb;
    outline-offset: 3px;
}

.demos-disclosure[b-rn1gfwh6r9] {
    background: #eff6ff;
    border-radius: .625rem;
    color: #334155;
    font-size: .9rem;
    line-height: 1.7;
    margin: 0;
    padding: 1rem 1.25rem;
}

.demos-collection[b-rn1gfwh6r9] {
    border-top: 1px solid #dbe2ea;
    margin-top: 3rem;
    padding-top: 2rem;
    scroll-margin-top: 2rem;
}

.demos-collection header[b-rn1gfwh6r9] {
    margin-bottom: 1.25rem;
}

.demos-collection h3[b-rn1gfwh6r9] {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 .5rem;
}

@media (max-width: 900px) {
    .demos-hero[b-rn1gfwh6r9] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    .demos-shell[b-rn1gfwh6r9] {
        margin-top: .5rem;
    }

    .demos-hero[b-rn1gfwh6r9] {
        border-radius: 1.25rem;
    }
}
/* /Components/DemosPreview.razor.rz.scp.css */
.demos-preview[b-4yfwfxeg0y] {
    margin-block: clamp(2.5rem, 5vw, 4rem);
}

.demos-preview-featured[b-4yfwfxeg0y] {
    margin-bottom: 1.25rem;
}

.demos-preview-heading[b-4yfwfxeg0y] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.demos-preview-heading > div[b-4yfwfxeg0y] {
    flex: 1 1 22rem;
}

.demos-preview h2[b-4yfwfxeg0y] {
    color: #172033;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 800;
    letter-spacing: -.035em;
    margin: 0 0 .5rem;
}

.demos-preview p[b-4yfwfxeg0y] {
    color: #596579;
    line-height: 1.6;
    margin: 0;
    max-width: 65ch;
}

.demos-preview-more[b-4yfwfxeg0y] {
    align-items: center;
    border: 1px solid #2563eb;
    border-radius: .625rem;
    color: #1d4ed8;
    display: inline-flex;
    font-weight: 700;
    gap: .65rem;
    min-height: 2.75rem;
    padding: .65rem 1rem;
    text-decoration: none;
}

.demos-preview-more:hover[b-4yfwfxeg0y] {
    background: #eff6ff;
    color: #1d4ed8;
}

.demos-preview-more:focus-visible[b-4yfwfxeg0y] {
    outline: 3px solid #2563eb;
    outline-offset: 3px;
}

.demos-preview-more svg[b-4yfwfxeg0y] {
    fill: none;
    height: 1.1rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 1.1rem;
}

.demos-preview .demos-preview-note[b-4yfwfxeg0y] {
    font-size: .85rem;
    margin-top: 1rem;
}
/* /Components/DemoVideoGrid.razor.rz.scp.css */
.demo-video-grid[b-hshl8lsyxy] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
}

.demo-video[b-hshl8lsyxy] {
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: .875rem;
    display: flex;
    flex-direction: column;
    margin: 0;
    min-width: 0;
    overflow: hidden;
}

.demo-video-frame[b-hshl8lsyxy] {
    aspect-ratio: 16 / 9;
    background: #0f172a;
}

.demo-video video[b-hshl8lsyxy],
.demo-video-poster img[b-hshl8lsyxy] {
    aspect-ratio: 16 / 9;
    display: block;
    height: auto;
    object-fit: contain;
    width: 100%;
}

.demo-video-poster[b-hshl8lsyxy] {
    background: #0f172a;
    border: 0;
    cursor: pointer;
    display: block;
    padding: 0;
    position: relative;
    width: 100%;
}

.demo-video-play-icon[b-hshl8lsyxy] {
    align-items: center;
    background: #2563eb;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 .25rem 1rem rgba(15, 23, 42, .25);
    color: #fff;
    display: flex;
    height: 3.5rem;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3.5rem;
}

.demo-video-play-icon svg[b-hshl8lsyxy] {
    fill: currentColor;
    height: 1.5rem;
    width: 1.5rem;
}

.demo-video-poster:hover .demo-video-play-icon[b-hshl8lsyxy] {
    background: #1d4ed8;
}

.demo-video-frame [hidden][b-hshl8lsyxy],
.demo-video-error[hidden][b-hshl8lsyxy] {
    display: none;
}

.demo-video-error[b-hshl8lsyxy] {
    background: #fff1f2;
    color: #9f1239;
    font-size: .85rem;
    line-height: 1.6;
    margin: 0;
    padding: .75rem 1.1rem;
}

.demo-video figcaption[b-hshl8lsyxy] {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1rem 1.1rem .65rem;
}

.demo-video-caption[b-hshl8lsyxy] {
    flex: 1;
}

.demo-video-category[b-hshl8lsyxy] {
    color: #596579;
    display: block;
    font-size: .85rem;
    margin-bottom: .35rem;
}

.demo-video strong[b-hshl8lsyxy] {
    color: #172033;
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.demo-video-open[b-hshl8lsyxy] {
    align-items: center;
    align-self: start;
    color: #1d4ed8;
    display: inline-flex;
    font-size: .85rem;
    gap: .4rem;
    margin-top: .4rem;
    min-height: 2.75rem;
    text-decoration: none;
}

.demo-video-open:hover[b-hshl8lsyxy] {
    color: #172554;
    text-decoration: underline;
    text-underline-offset: .2em;
}

.demo-video-open svg[b-hshl8lsyxy] {
    fill: none;
    height: 1rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    width: 1rem;
}

.demo-video video:focus-visible[b-hshl8lsyxy],
.demo-video-poster:focus-visible[b-hshl8lsyxy],
.demo-video-open:focus-visible[b-hshl8lsyxy] {
    outline: 3px solid #2563eb;
    outline-offset: -3px;
}
/* /Components/DocumentationWorkspace.razor.rz.scp.css */
.documentation-shell[b-2xdlyxu8om] {
    color: var(--playground-text);
    container: documentation / inline-size;
    margin: 0 auto;
    max-width: 100rem;
    min-width: 0;
    padding-bottom: var(--playground-space-xl);
    width: 100%;
}

.docs-header[b-2xdlyxu8om] {
    align-items: center;
    border-bottom: 1px solid var(--playground-border);
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-md);
    justify-content: space-between;
    padding: var(--playground-space-lg) 0;
}

.docs-breadcrumb[b-2xdlyxu8om] {
    align-items: baseline;
    color: var(--playground-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: .875rem;
    gap: var(--playground-space-sm);
    min-width: 0;
}

.documentation-shell a[b-2xdlyxu8om] {
    color: var(--playground-primary);
    text-underline-offset: .18em;
}

.documentation-shell a:hover[b-2xdlyxu8om] {
    color: var(--playground-primary-hover);
}

.documentation-shell :is(a, button, input, summary):focus-visible[b-2xdlyxu8om],
.docs-article[b-2xdlyxu8om]  :is(a, pre, .docs-table-scroll):focus-visible {
    outline: 2px solid var(--playground-primary);
    outline-offset: 3px;
}

.docs-studio-link[b-2xdlyxu8om] {
    align-items: center;
    display: inline-flex;
    font-size: .875rem;
    gap: var(--playground-space-sm);
    min-height: var(--playground-touch-target);
    text-decoration: none;
}

.docs-studio-link[b-2xdlyxu8om]  .rz-icon {
    font-size: 1rem;
}

.docs-layout[b-2xdlyxu8om] {
    align-items: start;
    display: grid;
    gap: var(--playground-space-xl);
    grid-template-columns: 14rem minmax(0, 1fr) 11rem;
    padding-top: var(--playground-space-xl);
}

.docs-contents[b-2xdlyxu8om],
.docs-outline[b-2xdlyxu8om] {
    max-height: calc(100dvh - 3rem);
    min-width: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .25rem .25rem .75rem;
    position: sticky;
    scrollbar-width: thin;
    top: var(--playground-space-md);
}

.docs-contents-heading h2[b-2xdlyxu8om] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 var(--playground-space-lg);
}

.docs-search-label[b-2xdlyxu8om] {
    color: var(--playground-text-muted);
    display: block;
    font-size: .8125rem;
    margin-bottom: var(--playground-space-sm);
}

.docs-search-control[b-2xdlyxu8om] {
    align-items: center;
    background: var(--playground-surface);
    border: 1px solid var(--playground-border-strong);
    border-radius: var(--playground-radius-sm);
    display: flex;
    gap: .375rem;
    padding: 0 .625rem;
}

.docs-search-control:focus-within[b-2xdlyxu8om] {
    border-color: var(--playground-primary);
}

.docs-search-control[b-2xdlyxu8om]  .rz-icon {
    color: var(--playground-text-muted);
    font-size: 1.125rem;
}

.docs-search-control input[b-2xdlyxu8om] {
    background: transparent;
    border: 0;
    color: var(--playground-text);
    font-size: .875rem;
    min-height: var(--playground-touch-target);
    min-width: 0;
    width: 100%;
}

.docs-search-control input[b-2xdlyxu8om]::placeholder {
    color: var(--playground-text-muted);
}

.docs-search-status[b-2xdlyxu8om] {
    color: var(--playground-text-muted);
    font-size: .8125rem;
    margin: var(--playground-space-sm) 0;
}

.docs-group[b-2xdlyxu8om] {
    margin-top: var(--playground-space-lg);
}

.docs-group summary[b-2xdlyxu8om] {
    color: var(--playground-text-muted);
    cursor: pointer;
    font-size: .8125rem;
    font-weight: 600;
    min-height: var(--playground-touch-target);
    padding: .625rem .25rem;
}

.docs-group summary span[b-2xdlyxu8om] {
    float: right;
    font-variant-numeric: tabular-nums;
    font-weight: 400;
}

.docs-group ul[b-2xdlyxu8om],
.docs-section-list[b-2xdlyxu8om] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.docs-page-link[b-2xdlyxu8om] {
    border-radius: var(--playground-radius-sm);
    display: block;
    font-size: .875rem;
    line-height: 1.45;
    min-height: var(--playground-touch-target);
    padding: .625rem .75rem;
    text-decoration: none;
}

.docs-group .docs-page-link[b-2xdlyxu8om] {
    color: var(--playground-text);
}

.docs-page-link:hover[b-2xdlyxu8om] {
    background: var(--playground-surface-subtle);
}

.docs-group .docs-page-link.is-current[b-2xdlyxu8om] {
    background: var(--playground-primary-soft);
    color: var(--playground-primary-hover);
    font-weight: 600;
}

.docs-outline[b-2xdlyxu8om] {
    border-left: 1px solid var(--playground-border);
    padding-left: var(--playground-space-md);
}

.docs-outline h2[b-2xdlyxu8om] {
    font-size: .875rem;
    font-weight: 600;
    margin: 0 0 var(--playground-space-sm);
}

.docs-section-list a[b-2xdlyxu8om] {
    color: var(--playground-text-muted);
    display: block;
    font-size: .8125rem;
    line-height: 1.5;
    padding: .375rem 0;
    text-decoration: none;
}

.docs-section-list .docs-subsection[b-2xdlyxu8om] {
    padding-left: .75rem;
}

.docs-section-list a[aria-current="location"][b-2xdlyxu8om] {
    color: var(--playground-primary-hover);
    font-weight: 600;
}

.docs-reading-pane[b-2xdlyxu8om] {
    min-width: 0;
}

.docs-article[b-2xdlyxu8om] {
    font-size: 1rem;
    line-height: 1.75;
    min-width: 0;
    overflow-wrap: anywhere;
}

.docs-article[b-2xdlyxu8om]  :is(h1, h2, h3, h4) {
    color: var(--playground-text);
    font-weight: 700;
    line-height: 1.3;
    scroll-margin-top: var(--playground-space-lg);
    text-wrap: balance;
}

.docs-article[b-2xdlyxu8om]  h1 {
    font-size: var(--playground-font-title);
    letter-spacing: -.025em;
    margin: 0 0 var(--playground-space-lg);
}

.docs-article[b-2xdlyxu8om]  h2 {
    border-top: 1px solid var(--playground-border);
    font-size: 1.4rem;
    margin: 2.75rem 0 1rem;
    padding-top: 1.5rem;
}

.docs-article[b-2xdlyxu8om]  h3 {
    font-size: 1.125rem;
    margin: 2rem 0 .75rem;
}

.docs-article[b-2xdlyxu8om]  :is(p, ul, ol) {
    margin-bottom: 1.25rem;
    max-width: 75ch;
}

.docs-article[b-2xdlyxu8om]  li + li {
    margin-top: .375rem;
}

.docs-article[b-2xdlyxu8om]  a {
    color: var(--playground-primary);
    text-underline-offset: .18em;
}

.docs-article[b-2xdlyxu8om]  img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    margin-block: var(--playground-space-lg);
}

.docs-article[b-2xdlyxu8om]  code {
    font-family: 'Cascadia Code', 'SFMono-Regular', Consolas, Monaco, 'Courier New', monospace;
    font-size: .875em;
}

.docs-article[b-2xdlyxu8om]  :not(pre) > code {
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border);
    border-radius: .25rem;
    color: var(--playground-text);
    padding: .125rem .25rem;
}

.docs-article[b-2xdlyxu8om]  pre {
    background: var(--playground-code-surface);
    border-radius: var(--playground-radius-md);
    color: var(--playground-code-text);
    font-size: var(--playground-font-code);
    line-height: 1.65;
    margin: 1.5rem 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-wrap: normal;
    padding: var(--playground-space-lg);
    tab-size: 2;
}

.docs-article[b-2xdlyxu8om]  pre code {
    color: inherit;
    font-size: inherit;
    white-space: pre;
}

.docs-article[b-2xdlyxu8om]  :is(.syntax-keyword, .syntax-command) { color: #ff7b72; }
.docs-article[b-2xdlyxu8om]  .syntax-string { color: #a5d6ff; }
.docs-article[b-2xdlyxu8om]  .syntax-comment { color: #8b949e; font-style: italic; }
.docs-article[b-2xdlyxu8om]  .syntax-decorator { color: #d2a8ff; }
.docs-article[b-2xdlyxu8om]  :is(.syntax-number, .syntax-option) { color: #79c0ff; }
.docs-article[b-2xdlyxu8om]  :is(.syntax-property, .syntax-variable) { color: #7ee787; }
.docs-article[b-2xdlyxu8om]  .syntax-literal { color: #ffa657; }

.docs-article[b-2xdlyxu8om]  .docs-code-block {
    background: var(--playground-code-surface);
    border-radius: var(--playground-radius-md);
    margin: 1.5rem 0;
    overflow: hidden;
}

.docs-article[b-2xdlyxu8om]  .docs-code-block pre {
    border-radius: 0;
    margin: 0;
    padding-top: var(--playground-space-sm);
}

.docs-article[b-2xdlyxu8om]  .docs-code-toolbar {
    align-items: center;
    color: var(--playground-code-text);
    display: flex;
    font-size: .75rem;
    gap: .75rem;
    justify-content: space-between;
    padding: .5rem 1rem;
}

.docs-article[b-2xdlyxu8om]  .docs-code-toolbar > span:first-child {
    margin-right: auto;
}

.docs-article[b-2xdlyxu8om]  .docs-code-feedback {
    max-width: 28ch;
    order: 1;
}

.docs-article[b-2xdlyxu8om]  .docs-code-feedback[data-error="true"] {
    color: #ff7b72;
}

.docs-article[b-2xdlyxu8om]  .docs-copy-code {
    background: transparent;
    border: 1px solid var(--playground-border-strong);
    border-radius: var(--playground-radius-sm);
    color: var(--playground-code-text);
    cursor: pointer;
    min-height: var(--playground-touch-target);
    order: 2;
    padding: .375rem .75rem;
}

.docs-article[b-2xdlyxu8om]  .docs-copy-code:hover {
    background: rgb(255 255 255 / .1);
}

.docs-article[b-2xdlyxu8om]  .docs-copy-code:disabled {
    cursor: wait;
    opacity: .7;
}

.docs-article[b-2xdlyxu8om]  .docs-copy-code:focus-visible {
    outline: 2px solid var(--playground-code-text);
    outline-offset: 3px;
}

.docs-article[b-2xdlyxu8om]  .docs-table-scroll {
    margin: 1.5rem 0;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
}

.docs-article[b-2xdlyxu8om]  table {
    border-collapse: collapse;
    display: block;
    font-size: .875rem;
    line-height: 1.6;
    margin: 1.5rem 0;
    max-width: 100%;
    overflow-x: auto;
    width: 100%;
}

.docs-article[b-2xdlyxu8om]  .docs-table-scroll table {
    display: table;
    margin: 0;
}

.docs-article[b-2xdlyxu8om]  :is(th, td) {
    border: 1px solid var(--playground-border);
    min-width: 7rem;
    padding: .625rem .75rem;
    text-align: start;
    vertical-align: top;
}

.docs-article[b-2xdlyxu8om]  th {
    background: var(--playground-surface-subtle);
    color: var(--playground-text);
    font-weight: 600;
}

.docs-article[b-2xdlyxu8om]  td {
    background: var(--playground-surface);
}

.docs-page-navigation[b-2xdlyxu8om] {
    border-top: 1px solid var(--playground-border);
    display: grid;
    gap: var(--playground-space-lg);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 3rem;
    padding-top: var(--playground-space-lg);
}

.docs-page-navigation a[b-2xdlyxu8om] {
    min-height: var(--playground-touch-target);
    text-decoration: none;
}

.docs-page-navigation span[b-2xdlyxu8om] {
    color: var(--playground-text-muted);
    display: block;
    font-size: .8125rem;
    margin-bottom: .25rem;
}

.docs-page-navigation strong[b-2xdlyxu8om] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: .875rem;
    gap: var(--playground-space-sm);
}

.docs-next-page[b-2xdlyxu8om] {
    grid-column: 2;
    text-align: end;
}

.docs-page-navigation[b-2xdlyxu8om]  .rz-icon {
    font-size: 1rem;
}

.docs-empty[b-2xdlyxu8om],
.docs-error[b-2xdlyxu8om] {
    line-height: 1.6;
    overflow-wrap: anywhere;
    padding: var(--playground-space-lg) 0;
}

.docs-empty[b-2xdlyxu8om] {
    font-size: .875rem;
}

.docs-error h1[b-2xdlyxu8om] {
    font-size: var(--playground-font-title);
}

.docs-text-button[b-2xdlyxu8om],
.docs-contents-toggle[b-2xdlyxu8om] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border-strong);
    border-radius: var(--playground-radius-sm);
    color: var(--playground-text);
    cursor: pointer;
    min-height: var(--playground-touch-target);
    padding: .5rem .75rem;
}

.docs-text-button:hover[b-2xdlyxu8om],
.docs-contents-toggle:hover[b-2xdlyxu8om] {
    background: var(--playground-surface-subtle);
}

.docs-enhancement-error[b-2xdlyxu8om],
.docs-copy-status[data-error="true"][b-2xdlyxu8om] {
    color: var(--playground-status-error);
}

.docs-copy-status[b-2xdlyxu8om] {
    font-size: .875rem;
    margin-top: var(--playground-space-md);
}

.docs-copy-status:empty[b-2xdlyxu8om] {
    margin: 0;
}

.docs-skip-link[b-2xdlyxu8om] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    padding: .75rem;
    position: fixed;
    top: -5rem;
    z-index: 20;
}

.docs-skip-link:focus[b-2xdlyxu8om] {
    top: .75rem;
}

.docs-contents-toggle[b-2xdlyxu8om],
.docs-mobile-outline[b-2xdlyxu8om] {
    display: none;
}

@container documentation (max-width: 62rem) {
    .docs-layout[b-2xdlyxu8om] {
        grid-template-columns: 13rem minmax(0, 1fr);
    }

    .docs-outline[b-2xdlyxu8om] {
        display: none;
    }

    .docs-mobile-outline[b-2xdlyxu8om] {
        border-bottom: 1px solid var(--playground-border);
        display: block;
        margin-bottom: var(--playground-space-lg);
        padding-bottom: var(--playground-space-md);
    }

    .docs-mobile-outline summary[b-2xdlyxu8om] {
        cursor: pointer;
        font-size: .875rem;
        min-height: var(--playground-touch-target);
        padding: .5rem 0;
    }
}

@container documentation (max-width: 44rem) {
    .docs-layout[b-2xdlyxu8om] {
        gap: var(--playground-space-lg);
        grid-template-columns: minmax(0, 1fr);
        padding-top: var(--playground-space-lg);
    }

    .docs-contents[b-2xdlyxu8om] {
        border-bottom: 1px solid var(--playground-border);
        max-height: none;
        overflow: visible;
        padding: 0 0 var(--playground-space-md);
        position: static;
    }

    .docs-contents-heading[b-2xdlyxu8om] {
        align-items: center;
        display: flex;
        gap: var(--playground-space-md);
        justify-content: space-between;
    }

    .docs-contents-heading h2[b-2xdlyxu8om] {
        margin: 0;
    }

    .docs-contents-toggle[b-2xdlyxu8om] {
        align-items: center;
        display: inline-flex;
        gap: .375rem;
    }

    .docs-tree[b-2xdlyxu8om] {
        display: none;
        padding-top: var(--playground-space-lg);
    }

    .docs-tree.is-open[b-2xdlyxu8om] {
        display: block;
        max-height: 65dvh;
        overflow-y: auto;
    }

    .docs-header[b-2xdlyxu8om] {
        padding: var(--playground-space-md) 0;
    }

    .docs-section-list a[b-2xdlyxu8om] {
        min-height: var(--playground-touch-target);
        padding: .625rem 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .documentation-shell[b-2xdlyxu8om],
    .documentation-shell[b-2xdlyxu8om]  * {
        scroll-behavior: auto;
    }
}
/* /Components/EmbeddedContentDisplayToggle.razor.rz.scp.css */
.embedded-content-actions[b-gr5za2v405] {
    --vs-code-blue: #007acc;
    --vs-code-blue-hover: #005a9e;
    margin: 0 0 var(--playground-space-sm);
}

.embedded-content-actions-row[b-gr5za2v405] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--playground-space-sm) var(--playground-space-md);
}

.embedded-content-display-toggle[b-gr5za2v405] {
    flex: 1 1 20rem;
    min-width: 0;
    margin: 0;
}

.vs-code-export-button[b-gr5za2v405],
.vs-code-export-continue[b-gr5za2v405] {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--vs-code-blue);
    --bs-btn-border-color: var(--vs-code-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--vs-code-blue-hover);
    --bs-btn-hover-border-color: var(--vs-code-blue-hover);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--vs-code-blue-hover);
    --bs-btn-active-border-color: var(--vs-code-blue-hover);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--vs-code-blue);
    --bs-btn-disabled-border-color: var(--vs-code-blue);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--playground-space-sm);
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
}

.vs-code-export-button[b-gr5za2v405] {
    flex: 0 0 auto;
    margin-inline-start: auto;
}

.vs-code-export-button:focus-visible[b-gr5za2v405],
.vs-code-export-continue:focus-visible[b-gr5za2v405] {
    outline: 2px solid var(--vs-code-blue);
    outline-offset: 3px;
}

.vs-code-export-icon[b-gr5za2v405] {
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 auto;
}

.vs-code-export-status[b-gr5za2v405],
.vs-code-export-copy-status[b-gr5za2v405],
.vs-code-export-open-status[b-gr5za2v405] {
    margin-top: var(--playground-space-sm);
    font-size: 0.875rem;
    overflow-wrap: anywhere;
}

.vs-code-export-status:empty[b-gr5za2v405],
.vs-code-export-copy-status:empty[b-gr5za2v405],
.vs-code-export-open-status:empty[b-gr5za2v405] {
    display: none;
}

.vs-code-export-dialog[b-gr5za2v405] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    box-shadow: 0 1.5rem 4rem rgb(15 23 42 / 0.28);
    color: var(--playground-text);
    margin: auto;
    max-height: calc(100dvh - 2rem);
    overflow-y: auto;
    padding: 0;
    width: min(44rem, calc(100% - 2rem));
}

.vs-code-export-dialog[b-gr5za2v405]::backdrop {
    background: rgb(15 23 42 / 0.72);
}

.vs-code-export-dialog-header[b-gr5za2v405] {
    align-items: start;
    background: linear-gradient(135deg, var(--playground-primary-soft), var(--playground-surface));
    border-bottom: 1px solid var(--playground-border);
    display: grid;
    gap: var(--playground-space-md);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--playground-space-lg);
}

.vs-code-export-dialog-icon[b-gr5za2v405] {
    align-items: center;
    background: var(--vs-code-blue);
    border-radius: var(--playground-radius-md);
    color: var(--playground-surface);
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.vs-code-export-dialog-icon[b-gr5za2v405]  .rzi {
    font-size: 1.5rem;
}

.vs-code-export-dialog-header h2[b-gr5za2v405] {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    margin: 0;
}

.vs-code-export-dialog-header p[b-gr5za2v405] {
    color: var(--playground-text-muted);
    margin: var(--playground-space-sm) 0 0;
}

.vs-code-export-dialog-content[b-gr5za2v405] {
    padding: var(--playground-space-lg);
}

.vs-code-export-step + .vs-code-export-step[b-gr5za2v405] {
    border-top: 1px solid var(--playground-border);
    margin-top: var(--playground-space-lg);
    padding-top: var(--playground-space-lg);
}

.vs-code-export-step-heading[b-gr5za2v405] {
    align-items: center;
    display: flex;
    gap: var(--playground-space-sm);
    margin-bottom: var(--playground-space-md);
}

.vs-code-export-step-heading h3[b-gr5za2v405] {
    font-size: 1.125rem;
    margin: 0;
}

.vs-code-export-step-number[b-gr5za2v405] {
    align-items: center;
    background: var(--playground-primary-soft);
    border-radius: 50%;
    color: var(--playground-primary-hover);
    display: inline-flex;
    flex: 0 0 2rem;
    font-weight: 700;
    height: 2rem;
    justify-content: center;
}

.vs-code-export-step > p:last-child[b-gr5za2v405] {
    margin-bottom: 0;
}

.vs-code-export-parent[b-gr5za2v405],
.vs-code-export-path-note[b-gr5za2v405] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
    overflow-wrap: anywhere;
}

.vs-code-export-folder-row[b-gr5za2v405] {
    align-items: start;
    display: flex;
    gap: var(--playground-space-sm);
}

.vs-code-export-folder-name[b-gr5za2v405] {
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-sm);
    color: var(--playground-text);
    flex: 1 1 auto;
    font-family: var(--bs-font-monospace);
    min-width: 0;
    overflow-wrap: anywhere;
    padding: var(--playground-space-sm) var(--playground-space-md);
}

.vs-code-export-path-note[b-gr5za2v405] {
    margin: var(--playground-space-sm) 0 0;
}

.vs-code-export-dialog-footer[b-gr5za2v405] {
    align-items: center;
    background: var(--playground-surface);
    border-top: 1px solid var(--playground-border);
    bottom: 0;
    display: flex;
    gap: var(--playground-space-sm);
    justify-content: flex-end;
    padding: var(--playground-space-md) var(--playground-space-lg);
    position: sticky;
}

@media (max-width: 480px) {
    .vs-code-export-dialog[b-gr5za2v405] {
        max-height: calc(100dvh - 1rem);
        width: calc(100% - 1rem);
    }

    .vs-code-export-dialog-header[b-gr5za2v405] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .vs-code-export-dialog-icon[b-gr5za2v405] {
        display: none;
    }

    .vs-code-export-dialog-header[b-gr5za2v405],
    .vs-code-export-dialog-content[b-gr5za2v405],
    .vs-code-export-dialog-footer[b-gr5za2v405] {
        padding: var(--playground-space-md);
    }
}
/* /Components/EmbeddedContentViewer.razor.rz.scp.css */
.embedded-content-viewer[b-oufs5ur1m7] {
    color: var(--playground-text);
    min-width: 0;
    padding-top: var(--playground-space-sm);
}

.embedded-content-textarea[b-oufs5ur1m7] {
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border-strong);
    border-radius: var(--playground-radius-md);
    color: var(--playground-text);
    font-family: inherit;
    line-height: 1.55;
    max-height: 50rem;
    min-height: 16rem;
    padding: 0.875rem;
    resize: vertical;
    unicode-bidi: plaintext;
    width: 100%;
}

.embedded-content-code[b-oufs5ur1m7] {
    --embedded-language-accent: #38bdf8;
    background: #101827;
    border-color: #263449;
    border-left: 0.3rem solid var(--embedded-language-accent);
    color: #d9e2ec;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, "Courier New", monospace;
    font-size: 0.85rem;
    tab-size: 4;
}

.embedded-content-code-frame[b-oufs5ur1m7] {
    border-style: solid;
    border-width: 1px;
    border-left-width: 0.3rem;
    border-radius: var(--playground-radius-md);
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    max-height: 50rem;
    min-height: 16rem;
    overflow: auto;
    width: 100%;
}

.embedded-content-line-numbers[b-oufs5ur1m7],
.embedded-content-code-source[b-oufs5ur1m7] {
    color: inherit;
    font: inherit;
    line-height: 1.55;
    margin: 0;
    padding-block: 0.875rem;
    white-space: pre;
}

.embedded-content-line-numbers[b-oufs5ur1m7] {
    background: #0b1220;
    border-right: 1px solid #263449;
    color: #8b949e;
    left: 0;
    padding-inline: 0.75rem;
    position: sticky;
    text-align: right;
    user-select: none;
    z-index: 1;
}

.embedded-content-code-source[b-oufs5ur1m7] {
    min-width: max-content;
    padding-inline: 0.875rem;
    unicode-bidi: plaintext;
}

.embedded-content-code-source code[b-oufs5ur1m7] {
    color: inherit;
    font: inherit;
}

.embedded-content-code-frame:focus-visible[b-oufs5ur1m7] {
    box-shadow: 0 0 0 0.2rem rgb(37 99 235 / 0.18);
    outline: 0;
}

.embedded-content-code[data-language="python"][b-oufs5ur1m7] {
    --embedded-language-accent: #facc15;
}

.embedded-content-code[data-language="javascript"][b-oufs5ur1m7],
.embedded-content-code[data-language="typescript"][b-oufs5ur1m7],
.embedded-content-code[data-language="jsx"][b-oufs5ur1m7],
.embedded-content-code[data-language="tsx"][b-oufs5ur1m7] {
    --embedded-language-accent: #60a5fa;
}

.embedded-content-code[data-language="csharp"][b-oufs5ur1m7],
.embedded-content-code[data-language="cpp"][b-oufs5ur1m7],
.embedded-content-code[data-language="c"][b-oufs5ur1m7] {
    --embedded-language-accent: #c084fc;
}

.embedded-content-code[data-language="json"][b-oufs5ur1m7],
.embedded-content-code[data-language="yaml"][b-oufs5ur1m7],
.embedded-content-code[data-language="toml"][b-oufs5ur1m7] {
    --embedded-language-accent: #34d399;
}

.embedded-content-code[data-language="html"][b-oufs5ur1m7],
.embedded-content-code[data-language="xml"][b-oufs5ur1m7],
.embedded-content-code[data-language="css"][b-oufs5ur1m7] {
    --embedded-language-accent: #fb7185;
}

.embedded-content-type-label[b-oufs5ur1m7] {
    align-items: center;
    color: var(--playground-text-muted);
    display: flex;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, "Courier New", monospace;
    font-size: 0.8rem;
    gap: var(--playground-space-xs);
    margin-bottom: var(--playground-space-xs);
    text-transform: uppercase;
}

.embedded-content-markdown[b-oufs5ur1m7],
.embedded-content-media-stage[b-oufs5ur1m7],
.embedded-content-image-viewport[b-oufs5ur1m7],
.embedded-content-pdf[b-oufs5ur1m7] {
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
}

.embedded-content-markdown[b-oufs5ur1m7] {
    max-height: 50rem;
    min-height: 12rem;
    overflow: auto;
    padding: var(--playground-space-md);
}

.embedded-content-media-toolbar[b-oufs5ur1m7] {
    align-items: center;
    display: flex;
    gap: var(--playground-space-sm);
    justify-content: space-between;
    margin-bottom: var(--playground-space-sm);
    min-width: 0;
}

.embedded-content-text-toolbar[b-oufs5ur1m7] {
    align-items: center;
    display: flex;
    gap: var(--playground-space-sm);
    justify-content: flex-end;
    margin-bottom: var(--playground-space-xs);
    min-width: 0;
}

.embedded-content-text-toolbar[b-oufs5ur1m7]  .playground-contextual-row {
    flex: 1 1 auto;
    margin-bottom: 0 !important;
}

.embedded-content-media-toolbar[b-oufs5ur1m7]  .playground-contextual-row {
    flex: 1 1 auto;
    margin-bottom: 0 !important;
}

.embedded-content-media-actions[b-oufs5ur1m7],
.embedded-content-pan-actions[b-oufs5ur1m7] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--playground-space-xs);
}

.embedded-content-pan-actions[b-oufs5ur1m7] {
    border-left: 1px solid var(--playground-border);
    padding-left: var(--playground-space-sm);
}

.embedded-content-zoom-label[b-oufs5ur1m7] {
    color: var(--playground-text-muted);
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, "Courier New", monospace;
    font-size: 0.75rem;
    min-width: 3.5rem;
    text-align: center;
}

.embedded-content-image-viewport[b-oufs5ur1m7] {
    height: min(60vh, 38rem);
    overflow: auto;
    overscroll-behavior: contain;
}

.embedded-content-image-canvas[b-oufs5ur1m7] {
    align-items: center;
    background: repeating-conic-gradient(#e5e7eb 0 25%, #fff 0 50%) 50% / 1rem 1rem;
    display: flex;
    justify-content: center;
    margin-inline: auto;
    min-height: 100%;
    transition: width 120ms ease;
}

.embedded-content-image-canvas img[b-oufs5ur1m7] {
    display: block;
    height: auto;
    max-width: none;
    user-select: none;
    width: 100%;
}

.embedded-content-media-stage[b-oufs5ur1m7] {
    padding: var(--playground-space-md);
}

.embedded-content-media-stage video[b-oufs5ur1m7] {
    display: block;
    margin-inline: auto;
    max-height: 38rem;
    max-width: 100%;
    width: 100%;
}

.embedded-content-audio-stage audio[b-oufs5ur1m7] {
    display: block;
    width: 100%;
}

.embedded-content-pdf[b-oufs5ur1m7] {
    display: block;
    height: min(70vh, 50rem);
    width: 100%;
}

@media (max-width: 767.98px) {
    .embedded-content-media-toolbar[b-oufs5ur1m7],
    .embedded-content-text-toolbar[b-oufs5ur1m7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .embedded-content-media-actions[b-oufs5ur1m7],
    .embedded-content-pan-actions[b-oufs5ur1m7] {
        flex-wrap: wrap;
    }

    .embedded-content-pan-actions[b-oufs5ur1m7] {
        border-left: 0;
        padding-left: 0;
    }
}
/* /Components/Flux3ImageControls.razor.rz.scp.css */
[b-97mv80ej3z] .flux3-region-json {
    background: #101827;
    color: #d9e2ec;
    font-family: 'Cascadia Code', Consolas, monospace;
}

.flux3-region-preview[b-97mv80ej3z] {
    display: block;
    width: min(100%, 36rem);
    max-height: 32rem;
    margin-top: 1rem;
    border: 1px solid #aab6c5;
    border-radius: 0.375rem;
    background: #f7f9fc;
}

.flux3-region-preview rect[b-97mv80ej3z] {
    fill: rgb(37 99 235 / 0.08);
    stroke: #2563eb;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.flux3-region-preview .flux3-source-box[b-97mv80ej3z] {
    fill: none;
    stroke-dasharray: 8 5;
}
/* /Components/FoundryAuthPolicyContent.razor.rz.scp.css */
.foundry-policy-shell[b-xd24c9h1j4] {
    color: var(--playground-text);
    container: foundry-policy / inline-size;
    margin: 0 auto 2rem;
    max-width: var(--playground-content-max);
    min-width: 0;
    width: 100%;
}

.foundry-policy-intro[b-xd24c9h1j4] {
    align-items: start;
    display: grid;
    gap: var(--playground-space-xl);
    grid-template-columns: minmax(0, 1fr);
}

.foundry-policy-guidance[b-xd24c9h1j4],
.foundry-policy-overview[b-xd24c9h1j4] {
    min-width: 0;
}

.foundry-policy-intro h1[b-xd24c9h1j4] {
    font-size: var(--playground-font-title);
    font-weight: 700;
    margin-bottom: 1rem;
}

.foundry-policy-intro p[b-xd24c9h1j4],
.foundry-policy-intro ol[b-xd24c9h1j4],
.foundry-policy-section > p[b-xd24c9h1j4] {
    line-height: 1.6;
    max-width: 75ch;
}

.foundry-policy-intro li + li[b-xd24c9h1j4] {
    margin-top: .5rem;
}

.foundry-policy-intro code[b-xd24c9h1j4],
.foundry-policy-section > p code[b-xd24c9h1j4] {
    overflow-wrap: anywhere;
}

.foundry-policy-note[b-xd24c9h1j4] {
    color: var(--playground-text-muted);
}

.foundry-policy-guidance > :last-child[b-xd24c9h1j4] {
    margin-bottom: 0;
}

.foundry-policy-overview[b-xd24c9h1j4] {
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    padding: var(--playground-space-lg);
}

.foundry-policy-overview h2[b-xd24c9h1j4] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
    text-wrap: balance;
}

.foundry-policy-illustration[b-xd24c9h1j4] {
    display: block;
    height: auto;
    margin: var(--playground-space-md) auto;
    max-width: 12rem;
    width: 100%;
}

.foundry-policy-illustration-detail[b-xd24c9h1j4] {
    stroke: var(--playground-border-strong);
}

.foundry-policy-illustration-shield[b-xd24c9h1j4] {
    fill: var(--playground-surface);
    stroke: var(--playground-text);
}

.foundry-policy-illustration-identity[b-xd24c9h1j4] {
    stroke: var(--playground-text);
}

.foundry-policy-overview-description[b-xd24c9h1j4] {
    margin: 0 0 var(--playground-space-lg);
}

.foundry-policy-modes[b-xd24c9h1j4] {
    font-size: .875rem;
    line-height: 1.5;
    width: 100%;
}

.foundry-policy-modes caption[b-xd24c9h1j4] {
    caption-side: bottom;
    color: var(--playground-text-muted);
    font-size: .8125rem;
    padding: var(--playground-space-sm) 0 0;
}

.foundry-policy-modes th[b-xd24c9h1j4],
.foundry-policy-modes td[b-xd24c9h1j4] {
    border-bottom: 1px solid var(--playground-border);
    padding: var(--playground-space-sm) var(--playground-space-xs);
    text-align: start;
}

.foundry-policy-modes thead th[b-xd24c9h1j4] {
    color: var(--playground-text-muted);
    font-weight: 500;
}

.foundry-policy-modes tbody th[b-xd24c9h1j4] {
    font-weight: 600;
}

.foundry-policy-overview-note[b-xd24c9h1j4] {
    color: var(--playground-text-muted);
    font-size: .875rem;
    margin: var(--playground-space-lg) 0 0;
}

@container foundry-policy (min-width: 52rem) {
    .foundry-policy-intro[b-xd24c9h1j4] {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    }

    .foundry-policy-illustration[b-xd24c9h1j4] {
        margin: var(--playground-space-lg) auto;
        max-width: 20rem;
    }
}

@container foundry-policy (max-width: 24rem) {
    .foundry-policy-overview[b-xd24c9h1j4] {
        padding: var(--playground-space-md);
    }
}

.foundry-policy-section[b-xd24c9h1j4] {
    border-top: 1px solid var(--playground-border);
    margin-top: 2rem;
    padding-top: 1.5rem;
}

.foundry-policy-section-heading[b-xd24c9h1j4] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.foundry-policy-section-heading h2[b-xd24c9h1j4] {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0;
}

.foundry-policy-shell-link[b-xd24c9h1j4] {
    align-items: center;
    display: inline-flex;
    min-height: var(--playground-touch-target);
    white-space: nowrap;
}

.foundry-policy-source[b-xd24c9h1j4] {
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    overflow: hidden;
}

.foundry-policy-source-toolbar[b-xd24c9h1j4] {
    align-items: center;
    background: var(--playground-surface-subtle);
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    padding: .5rem 1rem;
}

.foundry-policy-source-toolbar > span[b-xd24c9h1j4] {
    font-size: .875rem;
    font-weight: 700;
}

.foundry-policy-source-toolbar[b-xd24c9h1j4]  .playground-contextual-row {
    flex: 1 1 auto;
    height: auto;
    min-width: 0;
    opacity: 1;
    padding-inline: 0;
    pointer-events: auto;
    position: static;
    top: auto;
    width: auto;
}

.foundry-policy-source-toolbar[b-xd24c9h1j4]  .playground-icon-button.playground-icon-button {
    flex-basis: var(--playground-touch-target);
    height: var(--playground-touch-target);
    min-height: var(--playground-touch-target);
    min-width: var(--playground-touch-target);
    width: var(--playground-touch-target);
}

.foundry-policy-source pre[b-xd24c9h1j4] {
    background: var(--playground-code-surface);
    color: var(--playground-code-text);
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    font-size: var(--playground-font-code);
    line-height: 1.65;
    margin: 0;
    max-height: 32rem;
    overflow: auto;
    padding: 1.2rem 1.35rem;
    tab-size: 4;
    white-space: pre;
}

.foundry-policy-source pre:focus-visible[b-xd24c9h1j4] {
    outline: 3px solid var(--playground-primary);
    outline-offset: -3px;
}

.foundry-policy-source code[b-xd24c9h1j4] {
    color: inherit;
    font: inherit;
}

.foundry-policy-source[b-xd24c9h1j4]  .syntax-keyword {
    color: #ff7b72;
}

.foundry-policy-source[b-xd24c9h1j4]  .syntax-string {
    color: #a5d6ff;
}

.foundry-policy-source[b-xd24c9h1j4]  .syntax-comment {
    color: #8b949e;
    font-style: italic;
}

.foundry-policy-source[b-xd24c9h1j4]  .syntax-variable {
    color: #d2a8ff;
}

.foundry-policy-source[b-xd24c9h1j4]  .syntax-number,
.foundry-policy-source[b-xd24c9h1j4]  .syntax-option {
    color: #79c0ff;
}

.foundry-policy-source[b-xd24c9h1j4]  .syntax-command {
    color: #7ee787;
}

.foundry-policy-source[b-xd24c9h1j4]  .syntax-literal {
    color: #ffa657;
}

@media (max-width: 640px) {
    .foundry-policy-source pre[b-xd24c9h1j4] {
        max-height: 26rem;
        padding: 1rem;
    }
}
/* /Components/FoundryCredentialsHelp.razor.rz.scp.css */
.foundry-credentials-help-link-row[b-yyssquj32a] {
    margin: calc(var(--playground-space-xs) * -1) 0 var(--playground-space-md);
}

.foundry-credentials-help-link[b-yyssquj32a] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--bs-link-color);
    cursor: pointer;
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 650;
    gap: var(--playground-space-xs);
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 0.18rem;
}

.foundry-credentials-help-link:hover[b-yyssquj32a],
.foundry-credentials-help-link:focus-visible[b-yyssquj32a] {
    color: var(--playground-primary-hover);
}

.foundry-credentials-overlay[b-yyssquj32a] {
    align-items: center;
    backdrop-filter: blur(0.25rem);
    background: rgb(15 23 42 / 0.72);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: var(--playground-space-lg);
    position: fixed;
    z-index: 2300;
}

.foundry-credentials-dialog[b-yyssquj32a] {
    background: linear-gradient(145deg, var(--playground-surface), var(--playground-surface-subtle));
    border: 1px solid var(--playground-border);
    border-radius: 1rem;
    box-shadow: 0 1.5rem 4rem rgb(15 23 42 / 0.28);
    max-height: calc(100vh - 3rem);
    max-width: 84rem;
    overflow-y: auto;
    width: 100%;
}

.foundry-credentials-header[b-yyssquj32a] {
    align-items: flex-start;
    background: linear-gradient(135deg, var(--playground-primary-soft), var(--playground-surface));
    border-bottom: 1px solid var(--playground-border);
    display: grid;
    gap: var(--playground-space-md);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--playground-space-lg);
    position: sticky;
    top: 0;
    z-index: 2;
}

.foundry-credentials-header-icon[b-yyssquj32a] {
    align-items: center;
    background: var(--playground-primary);
    border-radius: var(--playground-radius-md);
    box-shadow: var(--playground-shadow-sm);
    color: var(--playground-surface);
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.foundry-credentials-header-icon[b-yyssquj32a]  .rzi {
    font-size: 1.5rem;
}

.foundry-credentials-eyebrow[b-yyssquj32a] {
    color: var(--playground-primary);
    display: block;
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    margin-bottom: var(--playground-space-xs);
    text-transform: uppercase;
}

.foundry-credentials-header h2[b-yyssquj32a],
.foundry-credentials-section-heading h3[b-yyssquj32a] {
    color: var(--playground-text);
    margin: 0;
}

.foundry-credentials-header h2[b-yyssquj32a] {
    font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.foundry-credentials-header p[b-yyssquj32a],
.foundry-credentials-section-heading p[b-yyssquj32a] {
    color: var(--playground-text-muted);
    margin: var(--playground-space-xs) 0 0;
}

.foundry-credentials-close[b-yyssquj32a] {
    box-shadow: var(--playground-shadow-sm);
}

.foundry-credentials-content[b-yyssquj32a] {
    display: grid;
    gap: var(--playground-space-lg);
    padding: var(--playground-space-lg);
}

.foundry-credentials-section[b-yyssquj32a] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    box-shadow: var(--playground-shadow-md);
    padding: var(--playground-space-lg);
}

.foundry-credentials-section-heading[b-yyssquj32a] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
    margin-bottom: var(--playground-space-lg);
}

.foundry-credentials-section-heading h3[b-yyssquj32a] {
    font-size: 1.15rem;
}

.foundry-credentials-section-number[b-yyssquj32a] {
    align-items: center;
    background: linear-gradient(135deg, var(--playground-primary), var(--playground-primary-hover));
    border-radius: 999px;
    color: var(--playground-surface);
    display: inline-flex;
    flex: 0 0 2rem;
    font-weight: 750;
    height: 2rem;
    justify-content: center;
}

.foundry-credentials-steps[b-yyssquj32a] {
    display: grid;
    gap: var(--playground-space-md);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.foundry-credentials-step-card[b-yyssquj32a] {
    background: linear-gradient(180deg, var(--playground-surface), var(--playground-surface-subtle));
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    box-shadow: var(--playground-shadow-sm);
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.foundry-credentials-step-title[b-yyssquj32a] {
    align-items: center;
    display: flex;
    gap: var(--playground-space-sm);
    padding: 0.75rem;
}

.foundry-credentials-step-title span[b-yyssquj32a] {
    background: var(--playground-primary-soft);
    border-radius: 999px;
    color: var(--playground-primary-hover);
    flex: 0 0 auto;
    font-size: 0.75rem;
    font-weight: 750;
    padding: var(--playground-space-xs) var(--playground-space-sm);
}

.foundry-credentials-step-title strong[b-yyssquj32a] {
    color: var(--playground-text);
    font-size: 0.9rem;
}

.foundry-credentials-image-frame[b-yyssquj32a] {
    align-items: center;
    background: var(--playground-surface-subtle);
    border-block: 1px solid var(--playground-border);
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    min-height: 12rem;
    padding: var(--playground-space-sm);
}

.foundry-credentials-image-frame img[b-yyssquj32a] {
    background: var(--playground-surface);
    border-radius: var(--playground-radius-sm);
    display: block;
    height: auto;
    max-height: 22rem;
    object-fit: contain;
    width: 100%;
}

.foundry-credentials-step-note[b-yyssquj32a] {
    color: var(--playground-text-muted);
    font-size: 0.82rem;
    line-height: 1.5;
    margin: 0;
    padding: 0.75rem;
}

.foundry-credentials-resource-action[b-yyssquj32a] {
    display: flex;
    justify-content: center;
    margin-top: var(--playground-space-lg);
}

.foundry-credentials-resource-action .btn[b-yyssquj32a],
.foundry-credentials-footer .btn[b-yyssquj32a] {
    align-items: center;
    display: inline-flex;
    gap: var(--playground-space-sm);
}

.foundry-credentials-set-section[b-yyssquj32a] {
    background: linear-gradient(135deg, var(--playground-surface), var(--playground-primary-soft));
}

.foundry-credentials-fields[b-yyssquj32a] {
    display: grid;
    gap: var(--playground-space-md);
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
}

.foundry-credentials-field[b-yyssquj32a] {
    min-width: 0;
}

.foundry-credentials-field .form-control[b-yyssquj32a] {
    min-height: 3.5rem;
}

.foundry-credentials-validation[b-yyssquj32a] {
    --playground-guidance-background: #7f1d3a;
    margin-bottom: var(--playground-space-sm);
    max-width: 100%;
}

.foundry-credentials-footer[b-yyssquj32a] {
    align-items: center;
    display: flex;
    gap: var(--playground-space-sm);
    justify-content: flex-end;
    margin-top: var(--playground-space-lg);
}

@media (max-width: 991.98px) {
    .foundry-credentials-steps[b-yyssquj32a],
    .foundry-credentials-fields[b-yyssquj32a] {
        grid-template-columns: 1fr;
    }

    .foundry-credentials-image-frame[b-yyssquj32a] {
        min-height: 0;
    }
}

@media (max-width: 640.98px) {
    .foundry-credentials-overlay[b-yyssquj32a] {
        align-items: stretch;
        padding: 0;
    }

    .foundry-credentials-dialog[b-yyssquj32a] {
        border: 0;
        border-radius: 0;
        max-height: 100vh;
    }

    .foundry-credentials-header[b-yyssquj32a],
    .foundry-credentials-content[b-yyssquj32a],
    .foundry-credentials-section[b-yyssquj32a] {
        padding: var(--playground-space-md);
    }

    .foundry-credentials-header[b-yyssquj32a] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .foundry-credentials-header-icon[b-yyssquj32a] {
        display: none;
    }

    .foundry-credentials-footer[b-yyssquj32a] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .foundry-credentials-footer .btn[b-yyssquj32a] {
        justify-content: center;
        width: 100%;
    }
}
/* /Components/GrokVoiceControls.razor.rz.scp.css */
[b-xpxy74cn41] .grok-voice-code {
    background: #101827;
    color: #d9e2ec;
    font-family: 'Cascadia Code', Consolas, monospace;
}
/* /Components/GrokVoiceUtilitiesWorkspace.razor.rz.scp.css */
.speech-workspace[b-2z9gxex54g] {
    --playground-control-scale: 0.75;
    max-width: var(--playground-content-max);
    width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}

fieldset[b-2z9gxex54g],
.row > div[b-2z9gxex54g] {
    min-width: 0;
}

[b-2z9gxex54g] input[type="file"] {
    max-width: 100%;
}

[b-2z9gxex54g] .grok-utility-code {
    background: #101827;
    color: #d9e2ec;
    font-family: 'Cascadia Code', Consolas, monospace;
}
/* /Components/ImageProvenanceReview.razor.rz.scp.css */
.image-provenance-review[b-avatn3xo3b] {
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    background: var(--playground-surface-subtle);
    color: var(--playground-text);
    padding: 0.75rem;
}

.image-provenance-control[b-avatn3xo3b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
}

.image-provenance-title-row[b-avatn3xo3b],
.image-provenance-status[b-avatn3xo3b],
.image-provenance-capture[b-avatn3xo3b],
.image-provenance-actions[b-avatn3xo3b],
.image-provenance-comparison-heading[b-avatn3xo3b],
.image-provenance-comparison-actions[b-avatn3xo3b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.image-provenance-title-row[b-avatn3xo3b] {
    flex-wrap: wrap;
}

.image-provenance-description[b-avatn3xo3b],
.image-provenance-actions span[b-avatn3xo3b],
.image-provenance-comparison-heading p[b-avatn3xo3b],
.image-provenance-audit[b-avatn3xo3b] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
    margin: 0;
}

.image-provenance-description[b-avatn3xo3b] {
    margin-top: 0.25rem;
}

.image-provenance-switch[b-avatn3xo3b] {
    margin: 0;
    white-space: nowrap;
}

.image-provenance-summary[b-avatn3xo3b] {
    border-top: 1px solid var(--playground-border);
    margin-top: 0.75rem;
    padding-top: 0.75rem;
}

.image-provenance-status[b-avatn3xo3b] {
    font-size: 0.9rem;
    font-weight: 600;
}

.image-provenance-status-clear[b-avatn3xo3b] {
    color: var(--bs-success-text-emphasis);
}

.image-provenance-status-warning[b-avatn3xo3b] {
    color: var(--bs-warning-text-emphasis);
}

.image-provenance-capture[b-avatn3xo3b] {
    color: var(--playground-text-muted);
    flex-wrap: wrap;
    font-family: Consolas, "Courier New", Courier, monospace;
    font-size: 0.75rem;
    margin-top: 0.375rem;
}

.image-provenance-capture span:not(:last-child)[b-avatn3xo3b]::after {
    content: "|";
    margin-left: 0.5rem;
}

.image-provenance-findings[b-avatn3xo3b] {
    display: grid;
    gap: 0.5rem;
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
}

.image-provenance-findings li[b-avatn3xo3b] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
}

.image-provenance-finding-copy[b-avatn3xo3b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    font-size: 0.875rem;
    min-width: 0;
}

.image-provenance-finding-copy > span[b-avatn3xo3b] {
    color: var(--playground-text-muted);
    flex-basis: 100%;
}

.image-provenance-finding-copy code[b-avatn3xo3b] {
    overflow-wrap: anywhere;
}

.image-provenance-actions[b-avatn3xo3b] {
    border-top: 1px solid var(--playground-border);
    justify-content: space-between;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
}

.image-provenance-comparison[b-avatn3xo3b] {
    border-top: 1px solid var(--playground-border);
    margin-top: 0.75rem;
    padding-top: 0.75rem;
}

.image-provenance-comparison-heading[b-avatn3xo3b] {
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.image-provenance-preview-grid[b-avatn3xo3b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.image-provenance-pane[b-avatn3xo3b] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    min-width: 0;
    padding: 0.75rem;
}

.image-provenance-pane header[b-avatn3xo3b] {
    margin-bottom: 0.5rem;
}

.image-provenance-pane img[b-avatn3xo3b] {
    background: repeating-conic-gradient(#ddd 0 25%, #fff 0 50%) 50% / 1rem 1rem;
    border-radius: var(--playground-radius-sm);
    display: block;
    max-height: 32rem;
    object-fit: contain;
    width: 100%;
}

.image-provenance-authorization[b-avatn3xo3b] {
    margin-top: 0.75rem;
}

.image-provenance-comparison-actions[b-avatn3xo3b] {
    justify-content: flex-end;
    margin-top: 0.75rem;
}

.image-provenance-audit[b-avatn3xo3b] {
    font-family: Consolas, "Courier New", Courier, monospace;
    margin-top: 0.5rem;
    text-align: right;
}

@media (max-width: 767.98px) {
    .image-provenance-control[b-avatn3xo3b],
    .image-provenance-preview-grid[b-avatn3xo3b] {
        grid-template-columns: 1fr;
    }

    .image-provenance-switch[b-avatn3xo3b] {
        white-space: normal;
    }

    .image-provenance-actions[b-avatn3xo3b],
    .image-provenance-comparison-heading[b-avatn3xo3b] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/InteractiveDiagramGallery.razor.rz.scp.css */
.architecture-page[b-06em22elv8] {
    display: grid;
    width: min(100%, 96rem);
    gap: 1.5rem;
    margin: 0 auto;
    padding-bottom: 3rem;
}

.architecture-page--flowchart .architecture-hero[b-06em22elv8] {
    border-color: rgba(45, 212, 191, 0.28);
    background:
        radial-gradient(circle at 8% 12%, rgba(45, 212, 191, 0.32), transparent 25rem),
        radial-gradient(circle at 88% 20%, rgba(244, 114, 182, 0.22), transparent 22rem),
        linear-gradient(135deg, #071a2d 0%, #0f4c75 50%, #4c1d70 100%);
}

.architecture-page--flowchart .architecture-hero h1[b-06em22elv8] {
    max-width: 15ch;
}

.architecture-hero[b-06em22elv8] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.75fr);
    align-items: center;
    gap: clamp(1.5rem, 4vw, 3rem);
    min-height: 24rem;
    padding: clamp(1.5rem, 4vw, 3.25rem);
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 2rem;
    background:
        radial-gradient(circle at 8% 12%, rgba(56, 189, 248, 0.34), transparent 25rem),
        radial-gradient(circle at 88% 20%, rgba(167, 139, 250, 0.28), transparent 22rem),
        linear-gradient(135deg, #07152f 0%, #123d73 52%, #3b1458 100%);
    color: #fff;
    box-shadow: 0 1.5rem 4rem rgba(8, 22, 51, 0.2);
}

.architecture-hero[b-06em22elv8]::before,
.architecture-hero[b-06em22elv8]::after {
    position: absolute;
    z-index: -1;
    content: "";
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
}

.architecture-hero[b-06em22elv8]::before {
    top: -8rem;
    right: 20%;
    width: 22rem;
    height: 22rem;
}

.architecture-hero[b-06em22elv8]::after {
    right: -10rem;
    bottom: -13rem;
    width: 32rem;
    height: 32rem;
}

.architecture-hero__content[b-06em22elv8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.architecture-eyebrow[b-06em22elv8],
.architecture-hero__tags span[b-06em22elv8],
.architecture-kicker[b-06em22elv8] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 800;
}

.architecture-eyebrow[b-06em22elv8] {
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    backdrop-filter: blur(0.8rem);
}

.architecture-hero h1[b-06em22elv8] {
    max-width: 14ch;
    margin: 0;
    font-size: clamp(2.35rem, 5vw, 4.6rem);
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -0.055em;
}

.architecture-hero__content > p[b-06em22elv8] {
    max-width: 60rem;
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.05rem;
    line-height: 1.7;
}

.architecture-hero__tags[b-06em22elv8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.35rem;
}

.architecture-hero__tags span[b-06em22elv8] {
    padding: 0.5rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 0.75rem;
    background: rgba(2, 12, 30, 0.24);
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.78rem;
}

.architecture-hero__summary[b-06em22elv8] {
    display: grid;
    gap: 0.9rem;
}

.architecture-hero__summary article[b-06em22elv8] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.92);
    color: #172b4d;
    box-shadow: 0 1rem 2.25rem rgba(3, 12, 30, 0.16);
    backdrop-filter: blur(1rem);
}

.architecture-hero__summary article > div[b-06em22elv8] {
    display: grid;
    gap: 0.25rem;
}

.architecture-hero__summary strong[b-06em22elv8] {
    font-size: 0.95rem;
}

.architecture-hero__summary article div span[b-06em22elv8] {
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.45;
}

.architecture-summary-icon[b-06em22elv8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
    border-radius: 0.9rem;
}

.architecture-summary-icon--blue[b-06em22elv8] {
    background: linear-gradient(135deg, #e0f2fe, #dbeafe);
    color: #0369a1;
}

.architecture-summary-icon--green[b-06em22elv8] {
    background: linear-gradient(135deg, #dcfce7, #ccfbf1);
    color: #047857;
}

.architecture-workspace[b-06em22elv8] {
    overflow: hidden;
    border: 1px solid #d9e3f0;
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 1.25rem 3rem rgba(15, 23, 42, 0.1);
}

.architecture-workspace__header[b-06em22elv8] {
    display: grid;
    gap: 1.1rem;
    padding: 1.25rem 1.25rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #fff, #f8fbff);
}

.architecture-tabs[b-06em22elv8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    gap: 0.5rem;
    padding: 0.3rem;
    border: 1px solid #d9e3f0;
    border-radius: 1rem;
    background: #eef4fa;
}

.architecture-tab[b-06em22elv8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.8rem 1rem;
    border: 0;
    border-radius: 0.75rem;
    background: transparent;
    color: #526072;
    text-align: left;
    transition: color 150ms ease, background 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.architecture-tab:hover[b-06em22elv8] {
    color: #1d4ed8;
    background: rgba(255, 255, 255, 0.65);
}

.architecture-tab:focus-visible[b-06em22elv8] {
    outline: 0.18rem solid rgba(37, 99, 235, 0.32);
    outline-offset: 0.12rem;
}

.architecture-tab--active[b-06em22elv8] {
    background: #fff;
    color: #1e40af;
    box-shadow: 0 0.25rem 0.8rem rgba(15, 23, 42, 0.12);
    transform: translateY(-1px);
}

.architecture-tab[b-06em22elv8] >  .rzi {
    font-size: 1.5rem;
}

.architecture-tab span[b-06em22elv8] {
    display: grid;
    min-width: 0;
    gap: 0.1rem;
}

.architecture-tab strong[b-06em22elv8],
.architecture-tab small[b-06em22elv8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.architecture-tab strong[b-06em22elv8] {
    font-size: 0.9rem;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.architecture-tab small[b-06em22elv8] {
    color: #64748b;
    font-size: 0.72rem;
}

.architecture-workspace__details[b-06em22elv8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.architecture-workspace__details > div:first-child[b-06em22elv8] {
    min-width: 0;
}

.architecture-kicker[b-06em22elv8] {
    color: #2563eb;
    font-size: 0.72rem;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.architecture-workspace__details h2[b-06em22elv8] {
    margin: 0.25rem 0 0.3rem;
    color: #172b4d;
    font-size: clamp(1.35rem, 3vw, 2rem);
    font-weight: 800;
    letter-spacing: -0.03em;
}

.architecture-workspace__details p[b-06em22elv8] {
    max-width: 62rem;
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.55;
}

.architecture-actions[b-06em22elv8],
.architecture-toolbar[b-06em22elv8],
.architecture-toolbar__group[b-06em22elv8],
.architecture-toolbar__hint[b-06em22elv8],
.architecture-workspace__footer span[b-06em22elv8] {
    display: flex;
    align-items: center;
}

.architecture-actions[b-06em22elv8] {
    flex: 0 0 auto;
    gap: 0.5rem;
}

.architecture-action[b-06em22elv8],
.architecture-toolbar button[b-06em22elv8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.35rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.65rem;
    background: #fff;
    color: #334155;
    font-size: 0.8rem;
    font-weight: 750;
    text-decoration: none;
    transition: border-color 150ms ease, color 150ms ease, background 150ms ease, transform 150ms ease;
}

.architecture-action[b-06em22elv8] {
    padding: 0.55rem 0.75rem;
}

.architecture-action:hover[b-06em22elv8],
.architecture-toolbar button:hover:not(:disabled)[b-06em22elv8] {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #1d4ed8;
    transform: translateY(-1px);
}

.architecture-action:focus-visible[b-06em22elv8],
.architecture-toolbar button:focus-visible[b-06em22elv8] {
    outline: 0.18rem solid rgba(37, 99, 235, 0.28);
    outline-offset: 0.12rem;
}

.architecture-toolbar button:disabled[b-06em22elv8] {
    cursor: wait;
    opacity: 0.55;
}

.architecture-toolbar[b-06em22elv8] {
    flex-wrap: wrap;
    gap: 0.65rem;
}

.architecture-toolbar__group[b-06em22elv8] {
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-radius: 0.7rem;
    background: #fff;
}

.architecture-toolbar__group .architecture-zoom[b-06em22elv8],
.architecture-toolbar__group button[b-06em22elv8] {
    min-height: 2.45rem;
    border: 0;
    border-right: 1px solid #e2e8f0;
    border-radius: 0;
}

.architecture-toolbar__group button[b-06em22elv8] {
    padding: 0.5rem 0.7rem;
}

.architecture-toolbar__group > :last-child[b-06em22elv8] {
    border-right: 0;
}

.architecture-zoom[b-06em22elv8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.1rem;
    padding: 0 0.5rem;
    color: #475569;
    background: #f8fafc;
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}

.architecture-toolbar__hint[b-06em22elv8] {
    gap: 0.4rem;
    margin-left: auto;
    color: #64748b;
    font-size: 0.75rem;
}

.architecture-stage[b-06em22elv8] {
    position: relative;
    min-width: 0;
    padding: 1rem;
    background: #e9f0f7;
}

.architecture-viewport[b-06em22elv8] {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: clamp(35rem, 68vh, 55rem);
    min-height: 28rem;
    border: 1px solid #cbd7e5;
    border-radius: 1rem;
    background-color: #f8fafc;
    background-image: radial-gradient(circle, rgba(100, 116, 139, 0.24) 1px, transparent 1px);
    background-position: 0 0;
    background-size: 20px 20px;
    cursor: grab;
    outline: none;
    touch-action: none;
    user-select: none;
}

.architecture-viewport:focus-visible[b-06em22elv8] {
    box-shadow: inset 0 0 0 0.2rem rgba(37, 99, 235, 0.38);
}

.architecture-viewport[data-panning="true"][b-06em22elv8] {
    cursor: grabbing;
}

.architecture-diagram[b-06em22elv8] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    max-width: none;
    height: auto;
    pointer-events: none;
    transform-origin: 0 0;
    will-change: transform;
    filter: drop-shadow(0 1rem 1.5rem rgba(15, 23, 42, 0.12));
}

.architecture-stage__tip[b-06em22elv8] {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: #526072;
    font-size: 0.72rem;
    font-weight: 700;
    box-shadow: 0 0.5rem 1.5rem rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(0.7rem);
}

.architecture-workspace__footer[b-06em22elv8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 1.25rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.72rem;
}

.architecture-workspace__footer span[b-06em22elv8] {
    gap: 0.4rem;
}

.architecture-workspace__footer kbd[b-06em22elv8] {
    min-width: 1.35rem;
    padding: 0.12rem 0.3rem;
    border: 1px solid #cbd5e1;
    border-bottom-width: 2px;
    border-radius: 0.3rem;
    background: #fff;
    color: #334155;
    font-family: inherit;
    font-size: 0.68rem;
    text-align: center;
}

.architecture-viewport:fullscreen[b-06em22elv8] {
    width: 100vw;
    height: 100vh;
    border: 0;
    border-radius: 0;
    background-color: #eef4fa;
}

.architecture-page[b-06em22elv8]  .rzi {
    font-size: 1.05rem;
}

@media (max-width: 900px) {
    .architecture-hero[b-06em22elv8] {
        grid-template-columns: 1fr;
    }

    .architecture-hero__summary[b-06em22elv8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .architecture-workspace__details[b-06em22elv8] {
        flex-direction: column;
    }

    .architecture-actions[b-06em22elv8] {
        align-self: stretch;
    }

    .architecture-action[b-06em22elv8] {
        flex: 1;
    }

    .architecture-toolbar__hint[b-06em22elv8] {
        width: 100%;
        margin-left: 0;
    }

    .architecture-workspace__footer[b-06em22elv8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .architecture-workspace__footer > span:first-child[b-06em22elv8] {
        display: none;
    }
}

@media (max-width: 640px) {
    .architecture-hero[b-06em22elv8] {
        min-height: auto;
        border-radius: 1.4rem;
    }

    .architecture-hero h1[b-06em22elv8] {
        font-size: clamp(2.15rem, 12vw, 3.35rem);
    }

    .architecture-hero__summary[b-06em22elv8],
    .architecture-tabs[b-06em22elv8] {
        grid-template-columns: 1fr;
    }

    .architecture-workspace__header[b-06em22elv8] {
        padding: 0.85rem;
    }

    .architecture-actions[b-06em22elv8],
    .architecture-toolbar[b-06em22elv8] {
        align-items: stretch;
        flex-direction: column;
    }

    .architecture-toolbar__group[b-06em22elv8] {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
    }

    .architecture-toolbar__group button[b-06em22elv8] {
        width: 100%;
    }

    .architecture-stage[b-06em22elv8] {
        padding: 0.6rem;
    }

    .architecture-viewport[b-06em22elv8] {
        height: 65vh;
        min-height: 25rem;
        border-radius: 0.75rem;
    }

    .architecture-stage__tip[b-06em22elv8] {
        right: 1.2rem;
        bottom: 1.2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .architecture-tab[b-06em22elv8],
    .architecture-action[b-06em22elv8],
    .architecture-toolbar button[b-06em22elv8] {
        transition: none;
    }
}

.architecture-subtabs[b-06em22elv8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.architecture-subtab[b-06em22elv8] {
    min-height: 2.75rem;
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    background: var(--playground-surface);
    color: var(--playground-text);
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

.architecture-subtab:hover[b-06em22elv8],
.architecture-subtab--active[b-06em22elv8] {
    border-color: var(--playground-primary);
    color: var(--playground-primary);
    background: var(--playground-surface-subtle);
}

.architecture-subtab:focus-visible[b-06em22elv8] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 2px;
}
/* /Components/LabStatus.razor.rz.scp.css */
.lab-status-badge[b-f8j2bqynsn] { position: fixed; z-index: 2147483647; inset: auto; top: 0.75rem; left: calc(50% + var(--lab-badge-offset, 0px)); transform: translateX(-50%); display: inline-flex; align-items: center; gap: 0.375rem; width: max-content; max-width: calc(100vw - 1rem); margin: 0; padding: 0.1875rem 0.75rem; border: 1.5px solid white; border-radius: 0.375rem; background: red; color: white; font-size: 0.9375rem; font-weight: 500; line-height: 1.5; white-space: nowrap; }
.lab-status-badge[hidden][b-f8j2bqynsn], .lab-status-badge:not(:popover-open)[b-f8j2bqynsn] { display: none; }
.lab-status-badge[b-f8j2bqynsn]::backdrop { background: transparent; pointer-events: none; }
.lab-status-badge:hover[b-f8j2bqynsn] { background: #c00000; color: white; }
.lab-status-badge a[b-f8j2bqynsn] { color: inherit; text-decoration: none; }
.lab-status-drag-handle[b-f8j2bqynsn] { display: grid; place-items: center; flex: none; width: 1.5rem; height: 1.5rem; padding: 0; border: 0; border-radius: 0.1875rem; background: transparent; color: inherit; cursor: ew-resize; touch-action: none; user-select: none; }
.lab-status-drag-handle svg[b-f8j2bqynsn] { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.lab-status-drag-handle[aria-grabbed="true"][b-f8j2bqynsn] { cursor: grabbing; }
.lab-status-badge :is(a, button):focus-visible[b-f8j2bqynsn] { outline: 2px solid white; outline-offset: 3px; }
.lab-status-error[b-f8j2bqynsn] { position: fixed; z-index: 1200; top: 0.75rem; left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100vw - 2rem); padding: 0.5rem 0.75rem; border: 1px solid var(--playground-status-error); border-radius: var(--playground-radius-sm); color: var(--playground-status-error); background: var(--playground-status-error-soft); font-size: 0.875rem; }
/* /Components/LabsWorkspace.razor.rz.scp.css */
.labs-workspace[b-jf7abo9710] { width: 100%; max-width: 100rem; min-width: 0; color: var(--playground-text); container: labs-workspace / inline-size; }
.labs-workspace[b-jf7abo9710]  .playground-page-header-main { width: 100%; max-width: none; margin-inline: 0 !important; }
.labs-layout[b-jf7abo9710] { display: grid; grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.labs-playgrounds[b-jf7abo9710] { padding-right: 1.5rem; border-right: 1px solid var(--playground-border); }
.labs-workspace :is(h2, h3)[b-jf7abo9710] { margin: 0 0 0.5rem; font-weight: 700; }
.labs-workspace h2[b-jf7abo9710] { font-size: 1rem; }
.labs-workspace h3[b-jf7abo9710] { font-size: 0.875rem; }
.labs-workspace p[b-jf7abo9710] { color: var(--playground-text-muted); font-size: 0.875rem; line-height: 1.6; }
.labs-playgrounds h2 span[b-jf7abo9710] { display: block; margin-top: 0.375rem; font-size: 0.75rem; color: var(--playground-text-muted); font-weight: 400; }
.labs-workspace fieldset[b-jf7abo9710] { border: 0; margin: 0; padding: 0; min-width: 0; }
.labs-playgrounds h3[b-jf7abo9710] { margin-top: 1.25rem; }
.labs-playground-choice[b-jf7abo9710] { display: flex; align-items: center; gap: 0.625rem; min-height: 2.75rem; padding: 0.375rem; border-radius: var(--playground-radius-sm); font-size: 0.875rem; cursor: pointer; }
.labs-playground-choice:has(input:checked)[b-jf7abo9710] { background: var(--playground-primary-soft); }
.labs-playground-choice input[b-jf7abo9710] { width: 1rem; height: 1rem; flex: none; accent-color: var(--playground-primary); }
.labs-playground-choice:focus-within[b-jf7abo9710] { outline: 2px solid var(--playground-primary); outline-offset: 2px; }
.labs-profile-fields[b-jf7abo9710] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(11rem, 0.4fr); gap: 1rem; }
.labs-expiration[b-jf7abo9710] { grid-column: 1 / -1; }
.labs-field[b-jf7abo9710] { display: grid; gap: 0.5rem; min-width: 0; }
.labs-field label[b-jf7abo9710] { font-size: 0.875rem; font-weight: 700; }
.labs-field :is(input, textarea)[b-jf7abo9710] { min-height: 2.75rem; }
.labs-field span[b-jf7abo9710] { font-size: 0.75rem; color: var(--playground-text-muted); }
.labs-description[b-jf7abo9710] { grid-column: 1 / -1; }
.labs-body > section[b-jf7abo9710] { margin-top: 1.5rem; }
.labs-configuration[b-jf7abo9710] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--playground-border); }
.labs-credentials[b-jf7abo9710] { border-left: 1px solid var(--playground-border); padding-left: 1.5rem; }
.labs-configuration > section > p[b-jf7abo9710] { margin-bottom: 0.75rem; }
.labs-import[b-jf7abo9710] { position: relative; overflow: hidden; cursor: pointer; margin: 0; }
.labs-import[b-jf7abo9710]  input { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }
.labs-import:has(input:disabled)[b-jf7abo9710] { opacity: 0.65; cursor: not-allowed; }
.labs-import:focus-within[b-jf7abo9710] { outline: 2px solid var(--playground-primary); outline-offset: 2px; }
.labs-workspace[b-jf7abo9710]  .labs-lifecycle { display: inline-flex; align-items: center; gap: 0.375rem; color: white; min-height: 2.75rem; }
.labs-workspace[b-jf7abo9710]  .labs-start { background-color: green; border-color: green; }
.labs-workspace[b-jf7abo9710]  .labs-stop { background-color: red; border-color: red; }
.labs-workspace[b-jf7abo9710]  .labs-lifecycle:hover:not(:disabled) { filter: brightness(0.85); }
.labs-workspace[b-jf7abo9710]  .labs-lifecycle:focus-visible { outline: 2px solid var(--playground-primary); outline-offset: 2px; }
.labs-active-window[b-jf7abo9710] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem 1.25rem; padding: 1rem; margin-bottom: 1.5rem; border: 1px solid var(--playground-border); border-radius: var(--playground-radius-sm); background: var(--playground-surface); font-size: 0.875rem; }
.labs-active-window span[b-jf7abo9710] { color: var(--playground-text-muted); }
.labs-active-window strong[b-jf7abo9710] { min-width: 0; overflow-wrap: anywhere; }
.labs-feedback[b-jf7abo9710] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem; }
.labs-draft-status[b-jf7abo9710] { padding-top: 1rem; margin-top: 1.5rem; border-top: 1px solid var(--playground-border); }
.labs-library[b-jf7abo9710] { margin-bottom: 1.5rem; border: 1px solid var(--playground-border); border-radius: var(--playground-radius-sm); background: var(--playground-surface); }
.labs-library summary[b-jf7abo9710] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem 1rem; padding: 1rem; cursor: pointer; }
.labs-library summary[b-jf7abo9710]::after { content: "+"; margin-left: auto; font-weight: 700; }
.labs-library[open] summary[b-jf7abo9710]::after { content: "-"; }
.labs-library-title[b-jf7abo9710], .labs-library-privacy[b-jf7abo9710] { display: inline-flex; align-items: center; gap: 0.5rem; }
.labs-library-title[b-jf7abo9710] { font-weight: 700; }
.labs-library-count[b-jf7abo9710], .labs-library-privacy[b-jf7abo9710] { color: var(--playground-text-muted); font-size: 0.75rem; }
.labs-library-tools[b-jf7abo9710] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; padding: 0 1rem 1rem; }
.labs-library-search[b-jf7abo9710] { flex: 1 1 16rem; min-width: 0; }
.labs-library-tools :is(input, select, button)[b-jf7abo9710] { min-height: 2.75rem; }
.labs-library-grid[b-jf7abo9710] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 0.5rem; max-height: 16rem; overflow-y: auto; overscroll-behavior: contain; padding: 0.25rem 1rem 1rem; }
.labs-library-card[b-jf7abo9710] { display: grid; align-content: start; gap: 0.5rem; min-width: 0; padding: 1rem; text-align: left; color: var(--playground-text); background: var(--playground-surface); border: 1px solid var(--playground-border); border-radius: var(--playground-radius-sm); }
.labs-library-card:hover:not(:disabled)[b-jf7abo9710] { border-color: var(--playground-primary); }
.labs-library-selected[b-jf7abo9710] { border-color: var(--playground-primary); background: var(--playground-primary-soft); }
.labs-library-card:disabled[b-jf7abo9710] { cursor: not-allowed; }
.labs-library-card-heading[b-jf7abo9710] { display: flex; align-items: baseline; justify-content: space-between; gap: 0.5rem; }
.labs-library-card strong[b-jf7abo9710], .labs-library-description[b-jf7abo9710] { overflow-wrap: anywhere; }
.labs-library-status[b-jf7abo9710] { flex: none; color: var(--playground-text-muted); font-size: 0.75rem; }
.labs-library-description[b-jf7abo9710] { font-size: 1rem; }
.labs-library-metadata[b-jf7abo9710], .labs-library-expiry[b-jf7abo9710] { font-size: 0.75rem; color: var(--playground-text-muted); }
.labs-library-empty[b-jf7abo9710], .labs-library-loading[b-jf7abo9710] { margin: 0; padding: 0.5rem 1rem 1rem; color: var(--playground-text-muted); }
.labs-library-loading[b-jf7abo9710] { display: flex; align-items: center; gap: 0.75rem; min-height: 4rem; }
.labs-spinner[b-jf7abo9710] { width: 1rem; height: 1rem; border: 2px solid var(--playground-border); border-top-color: var(--playground-primary); border-radius: 50%; animation: labs-spin-b-jf7abo9710 0.8s linear infinite; }
.labs-credentials-heading[b-jf7abo9710] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.5rem; }
.labs-credentials-heading h3[b-jf7abo9710] { margin: 0; }
.labs-credentials-heading button[b-jf7abo9710] { display: inline-flex; align-items: center; gap: 0.5rem; min-height: 2.75rem; }
.labs-name-dialog[b-jf7abo9710] { width: min(34rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow-y: auto; padding: 1.5rem; border: 1px solid var(--playground-border); border-radius: var(--playground-radius-sm); color: var(--playground-text); background: var(--playground-surface); }
.labs-name-dialog[b-jf7abo9710]::backdrop { background: rgb(15 23 42 / 0.45); }
.labs-name-dialog label[b-jf7abo9710] { display: block; margin-bottom: 0.5rem; font-weight: 700; }
.labs-name-dialog p[b-jf7abo9710] { overflow-wrap: anywhere; }
.labs-name-dialog input[b-jf7abo9710] { min-height: 2.75rem; }
.labs-name-dialog-actions[b-jf7abo9710] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.5rem; }
.labs-workspace :is(summary, .labs-library-card, .labs-name-dialog button):focus-visible[b-jf7abo9710] { outline: 2px solid var(--playground-primary); outline-offset: 2px; }
@keyframes labs-spin-b-jf7abo9710 { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .labs-spinner[b-jf7abo9710] { animation: none; } }
@container labs-workspace (max-width: 1100px) {
    .labs-layout[b-jf7abo9710] { grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr); gap: 1rem; }
    .labs-playgrounds[b-jf7abo9710] { padding-right: 1rem; }
    .labs-configuration[b-jf7abo9710] { grid-template-columns: minmax(0, 1fr); }
    .labs-credentials[b-jf7abo9710] { padding-left: 0; border-left: 0; padding-top: 1rem; border-top: 1px solid var(--playground-border); }
}
@container labs-workspace (max-width: 700px) {
    .labs-workspace[b-jf7abo9710]  .playground-page-header-main { grid-template-columns: minmax(0, 1fr); }
    .labs-workspace[b-jf7abo9710]  .playground-page-utilities { justify-content: flex-start; }
    .labs-layout[b-jf7abo9710], .labs-profile-fields[b-jf7abo9710] { grid-template-columns: minmax(0, 1fr); }
    .labs-playgrounds[b-jf7abo9710] { padding-right: 0; border-right: 0; border-bottom: 1px solid var(--playground-border); padding-bottom: 1rem; }
    .labs-playgrounds fieldset[b-jf7abo9710] { max-height: 20rem; overflow-y: auto; }
    .labs-description[b-jf7abo9710] { grid-column: auto; }
    .labs-library-privacy[b-jf7abo9710] { display: none; }
    .labs-library-grid[b-jf7abo9710] { max-height: 18rem; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-8geauxm9fs] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page.api-studio-layout[b-8geauxm9fs] {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
}

.page.workflow-composer-layout[b-8geauxm9fs] {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
}

.workflow-composer-layout main[b-8geauxm9fs],
.workflow-composer-layout article[b-8geauxm9fs] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.workflow-composer-layout article[b-8geauxm9fs] {
    padding: 0.75rem 0.875rem 0 !important;
}

.api-studio-layout main[b-8geauxm9fs] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.api-studio-layout article[b-8geauxm9fs] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

main[b-8geauxm9fs] {
    flex: 1;
}

main.standard-page[b-8geauxm9fs] {
    background-color: #f8f7f2;
}

.sidebar[b-8geauxm9fs] {
    background-image: linear-gradient(180deg, #0f172a 0%, #172554 100%);
    transition: width 0.2s ease;
}

@media (min-width: 641px) {
    .page[b-8geauxm9fs] {
        flex-direction: row;
    }

    .sidebar[b-8geauxm9fs] {
        width: 20.5rem;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .sidebar:has(.navbar-toggler:checked)[b-8geauxm9fs] {
        width: 5rem;
    }

    article[b-8geauxm9fs] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-8geauxm9fs] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-8geauxm9fs] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-spqqqqw2vg] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    left: 0.75rem;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-spqqqqw2vg] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-spqqqqw2vg] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.top-row .container-fluid[b-spqqqqw2vg] {
    padding-left: 4rem;
}

.navbar-brand[b-spqqqqw2vg] {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar-preview-badge[b-spqqqqw2vg] {
    background-color: lawngreen;
    color: #212529;
    font-size: 0.65rem;
}

.icon-defs[b-spqqqqw2vg] {
    display: none;
}

.bi[b-spqqqqw2vg],
.nav-icon[b-spqqqqw2vg] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
    flex-shrink: 0;
}

.cls-1[b-spqqqqw2vg] {
    fill: #4d6bfe;
    stroke-width: 0px;
}

.openai-logo[b-spqqqqw2vg],
.anthropic-logo[b-spqqqqw2vg],
.spacexai-logo[b-spqqqqw2vg],
.cohere-logo[b-spqqqqw2vg],
.bfl-logo[b-spqqqqw2vg],
.benchmark-icon[b-spqqqqw2vg],
.about-icon[b-spqqqqw2vg] {
    fill: currentColor;
    flex-shrink: 0;
}

.architecture-icon[b-spqqqqw2vg],
.flowchart-icon[b-spqqqqw2vg],
.faq-icon[b-spqqqqw2vg],
.provenance-icon[b-spqqqqw2vg],
.zdr-icon[b-spqqqqw2vg] {
    fill: none;
    flex-shrink: 0;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
}

.deepseek-logo[b-spqqqqw2vg] {
    flex-shrink: 0;
}

.kimi-logo[b-spqqqqw2vg] {
    fill: currentColor;
    flex: none;
    line-height: 1;
}

.microsoft-logo[b-spqqqqw2vg] {
    flex-shrink: 0;
}

.mistral-logo[b-spqqqqw2vg] {
    flex-shrink: 0;
}

.bi-house-door-fill[b-spqqqqw2vg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill[b-spqqqqw2vg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested[b-spqqqqw2vg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-image-fill[b-spqqqqw2vg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='green' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-separator[b-spqqqqw2vg] {
    border-color: rgba(255, 255, 255, 0.35);
    opacity: 1;
}

.nav-item[b-spqqqqw2vg] {
    font-size: 0.9rem;
    padding-bottom: 0.15rem;
}

    .nav-item:first-of-type[b-spqqqqw2vg] {
        padding-top: 0.75rem;
    }

    .nav-item:last-of-type[b-spqqqqw2vg] {
        padding-bottom: 1rem;
    }

    .nav-item[b-spqqqqw2vg]  a {
        color: #d7d7d7;
        border-radius: 0.5rem;
        min-height: 2.75rem;
        display: flex;
        align-items: center;
        line-height: 1.2;
        padding-block: 0.5rem;
    }

.nav-item[b-spqqqqw2vg]  a.active {
    background-color: rgba(255,255,255,0.2);
    color: white;
}

.nav-item[b-spqqqqw2vg]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-spqqqqw2vg] {
    display: none;
}

.nav-scrollable > .nav[b-spqqqqw2vg] {
    min-height: 100%;
}

.nav-footer[b-spqqqqw2vg] {
    margin-top: auto;
}

.nav-legal[b-spqqqqw2vg] {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.72rem;
    line-height: 1.45;
    padding-bottom: 1rem;
    text-align: center;
}

.nav-legal[b-spqqqqw2vg]  a {
    color: #c7d2fe;
    font-weight: 700;
    text-underline-offset: 0.15em;
}

.nav-legal[b-spqqqqw2vg]  a:hover,
.nav-legal[b-spqqqqw2vg]  a:focus-visible,
.nav-legal[b-spqqqqw2vg]  a.active {
    color: #fff;
}

.nav-footer[b-spqqqqw2vg]  .entra-account-controls {
    color: #d7d7d7;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 1rem 0.35rem;
}

.nav-footer[b-spqqqqw2vg]  .entra-account-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-footer[b-spqqqqw2vg]  .entra-account-controls .btn {
    width: 100%;
}

.nav-footer[b-spqqqqw2vg]  .entra-consent-warning {
    position: relative;
}

.nav-footer[b-spqqqqw2vg]  .entra-consent-warning-trigger {
    align-items: center;
    background: rgba(255, 193, 7, 0.12);
    border: 1px solid rgba(255, 193, 7, 0.45);
    border-radius: 0.5rem;
    color: #ffe69c;
    cursor: help;
    display: flex;
    font-size: 0.78rem;
    font-weight: 600;
    gap: 0.45rem;
    line-height: 1.3;
    padding: 0.45rem 0.55rem;
    text-align: left;
    width: 100%;
}

.nav-footer[b-spqqqqw2vg]  .entra-consent-warning-trigger:hover,
.nav-footer[b-spqqqqw2vg]  .entra-consent-warning-trigger:focus-visible {
    background: rgba(255, 193, 7, 0.2);
    border-color: rgba(255, 213, 79, 0.75);
}

.nav-footer[b-spqqqqw2vg]  .entra-consent-warning-trigger:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.nav-footer[b-spqqqqw2vg]  .entra-consent-warning-icon {
    fill: none;
    flex: 0 0 auto;
    height: 1rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 1rem;
}

.nav-footer[b-spqqqqw2vg]  .entra-consent-warning-tooltip {
    background: #111827;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.5rem;
    bottom: calc(100% + 0.55rem);
    box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.35);
    color: #f8f9fa;
    font-size: 0.78rem;
    left: 0;
    line-height: 1.4;
    opacity: 0;
    padding: 0.65rem 0.75rem;
    pointer-events: none;
    position: absolute;
    transform: translateY(0.25rem);
    transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
    visibility: hidden;
    width: 100%;
    z-index: 10;
}

.nav-footer[b-spqqqqw2vg]  .entra-consent-warning-tooltip::after {
    border-color: #111827 transparent transparent;
    border-style: solid;
    border-width: 0.4rem 0.4rem 0;
    content: "";
    left: 1rem;
    position: absolute;
    top: 100%;
}

.nav-footer[b-spqqqqw2vg]  .entra-consent-warning:hover .entra-consent-warning-tooltip,
.nav-footer[b-spqqqqw2vg]  .entra-consent-warning:focus-within .entra-consent-warning-tooltip {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.nav-search[b-spqqqqw2vg] {
    margin: 0.5rem 0 0.75rem;
}

.nav-search-control[b-spqqqqw2vg] {
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 0.625rem;
    color: rgba(255, 255, 255, 0.75);
    display: flex;
    gap: 0.4rem;
    min-height: 2.75rem;
    padding: 0 0.65rem;
}

.nav-search-control input[b-spqqqqw2vg] {
    background: transparent;
    border: 0;
    color: #fff;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.nav-search-control input[b-spqqqqw2vg]::placeholder {
    color: rgba(255, 255, 255, 0.62);
}

.nav-search-control:focus-within[b-spqqqqw2vg] {
    border-color: rgba(255, 255, 255, 0.65);
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.12);
}

.nav-group[b-spqqqqw2vg] {
    margin-bottom: 0.55rem;
}

.nav-grouping[b-spqqqqw2vg] {
    display: grid;
    gap: 0.35rem;
    margin-bottom: 0.9rem;
    font-size: 0.875rem;
    color: #d7d7d7;
}

.nav-grouping select[b-spqqqqw2vg] {
    min-height: 2.75rem;
    width: 100%;
    padding: 0.4rem 0.6rem;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 0.375rem;
    background: #172554;
    color: #fff;
}

.nav-grouping select:focus-visible[b-spqqqqw2vg] {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.nav-group-label[b-spqqqqw2vg] {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin: 0 0 0.2rem;
    text-transform: uppercase;
}

.nav-playground-item[b-spqqqqw2vg] {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.75rem;
}

.nav-favorite-button[b-spqqqqw2vg] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0.375rem;
    color: rgba(255, 255, 255, 0.35);
    display: inline-flex;
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    width: 2.75rem;
}

.nav-favorite-button:hover[b-spqqqqw2vg],
.nav-favorite-button:focus-visible[b-spqqqqw2vg],
.nav-favorite-button-selected[b-spqqqqw2vg] {
    color: #fbbf24;
}

.nav-favorite-button:focus-visible[b-spqqqqw2vg] {
    outline: 2px solid #fff;
    outline-offset: 1px;
}

.nav-empty[b-spqqqqw2vg] {
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.85rem;
}

.navbar-toggler:checked ~ .nav-scrollable[b-spqqqqw2vg] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-spqqqqw2vg] {
        display: block;
    }

    .nav-scrollable[b-spqqqqw2vg] {
        display: block;

        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }

    .navbar-toggler:checked ~ .top-row .container-fluid[b-spqqqqw2vg] {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-brand-text[b-spqqqqw2vg] {
        background: linear-gradient(90deg, #ff2800, #fff200);
        background-clip: text;
        color: transparent;
        font-size: 1.5rem;
        font-weight: 800;
    }

    .navbar-toggler:checked ~ .top-row .navbar-brand-text[b-spqqqqw2vg],
    .navbar-toggler:checked ~ .top-row .navbar-preview-badge[b-spqqqqw2vg],
    .navbar-toggler:checked ~ .nav-scrollable .nav-text[b-spqqqqw2vg],
    .navbar-toggler:checked ~ .nav-scrollable .nav-group-label[b-spqqqqw2vg] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .navbar-toggler:checked ~ .nav-scrollable .nav-search[b-spqqqqw2vg],
    .navbar-toggler:checked ~ .nav-scrollable .nav-grouping[b-spqqqqw2vg],
    .navbar-toggler:checked ~ .nav-scrollable .nav-favorite-button[b-spqqqqw2vg],
    .navbar-toggler:checked ~ .nav-scrollable .nav-empty[b-spqqqqw2vg],
    .navbar-toggler:checked ~ .nav-scrollable .nav-legal[b-spqqqqw2vg] {
        display: none;
    }

    .navbar-toggler:checked ~ .nav-scrollable .nav-footer[b-spqqqqw2vg]  .entra-account-controls {
        display: none;
    }

    .navbar-toggler:checked ~ .nav-scrollable .nav-item[b-spqqqqw2vg] {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .navbar-toggler:checked ~ .nav-scrollable .nav-item[b-spqqqqw2vg]  a {
        justify-content: center;
    }

    .navbar-toggler:checked ~ .nav-scrollable .nav-playground-item[b-spqqqqw2vg] {
        display: block;
    }

    .navbar-toggler:checked ~ .nav-scrollable .bi[b-spqqqqw2vg],
    .navbar-toggler:checked ~ .nav-scrollable .nav-icon[b-spqqqqw2vg] {
        margin-right: 0;
    }
}
/* /Components/Layout/TermsConsent.razor.rz.scp.css */
.terms-consent[b-bqgs1rvgin] {
    bottom: max(1rem, env(safe-area-inset-bottom));
    position: fixed;
    right: max(1rem, env(safe-area-inset-right));
    width: min(42rem, calc(100vw - 2rem));
    z-index: 950;
}

.terms-consent__surface[b-bqgs1rvgin] {
    background:
        radial-gradient(circle at 10% 0%, rgba(45, 212, 191, 0.16), transparent 13rem),
        linear-gradient(135deg, #071321 0%, #172554 60%, #312e81 100%);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 1.15rem;
    box-shadow: 0 1.25rem 3rem rgba(15, 23, 42, 0.3);
    color: #fff;
    overflow: hidden;
}

.terms-consent__accent[b-bqgs1rvgin] {
    background: linear-gradient(90deg, #2dd4bf, #60a5fa, #a78bfa);
    height: 0.25rem;
}

.terms-consent__content[b-bqgs1rvgin] {
    align-items: start;
    display: grid;
    gap: 0.95rem 1rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1.15rem;
}

.terms-consent__icon[b-bqgs1rvgin] {
    align-items: center;
    background: rgba(94, 234, 212, 0.12);
    border: 1px solid rgba(94, 234, 212, 0.28);
    border-radius: 0.85rem;
    color: #a7f3d0;
    display: inline-flex;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.terms-consent__icon svg[b-bqgs1rvgin] {
    fill: none;
    height: 1.55rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.75;
    width: 1.55rem;
}

.terms-consent__copy[b-bqgs1rvgin] {
    min-width: 0;
}

.terms-consent__copy h2[b-bqgs1rvgin] {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 750;
    letter-spacing: -0.015em;
    line-height: 1.25;
    margin: 0;
}

.terms-consent__copy p[b-bqgs1rvgin] {
    color: #d4e3f3;
    font-size: 0.86rem;
    line-height: 1.5;
    margin: 0.35rem 0 0;
}

.terms-consent__copy a[b-bqgs1rvgin] {
    color: #c4b5fd;
    font-weight: 750;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.15em;
}

.terms-consent__copy a:hover[b-bqgs1rvgin] {
    color: #fff;
}

.terms-consent__error[b-bqgs1rvgin] {
    color: #fef3c7 !important;
    font-weight: 700;
}

.terms-consent__actions[b-bqgs1rvgin] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    grid-column: 2;
    justify-content: flex-end;
}

.terms-consent__button[b-bqgs1rvgin] {
    border-radius: 0.625rem;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 800;
    min-height: 2.75rem;
    padding: 0.65rem 1rem;
    transition: background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.terms-consent__button--secondary[b-bqgs1rvgin] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.36);
    color: #fff;
}

.terms-consent__button--primary[b-bqgs1rvgin] {
    background: #fff;
    border: 1px solid #fff;
    color: #172554;
}

.terms-consent__copy a:focus-visible[b-bqgs1rvgin],
.terms-consent__button:focus-visible[b-bqgs1rvgin] {
    outline: 2px solid #a7f3d0;
    outline-offset: 0.2rem;
}

.terms-consent__button:hover:not(:disabled)[b-bqgs1rvgin] {
    box-shadow: 0 0.45rem 1rem rgba(3, 10, 25, 0.25);
    transform: translateY(-1px);
}

.terms-consent__button--secondary:hover:not(:disabled)[b-bqgs1rvgin] {
    background: rgba(255, 255, 255, 0.12);
}

.terms-consent__button--primary:hover:not(:disabled)[b-bqgs1rvgin] {
    background: #eff6ff;
}

.terms-consent__button:disabled[b-bqgs1rvgin] {
    cursor: wait;
    opacity: 0.72;
}

@media (max-width: 640px) {
    .terms-consent[b-bqgs1rvgin] {
        left: max(0.75rem, env(safe-area-inset-left));
        right: max(0.75rem, env(safe-area-inset-right));
        width: auto;
    }

    .terms-consent__content[b-bqgs1rvgin] {
        padding: 1rem;
    }

    .terms-consent__actions[b-bqgs1rvgin] {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
}

@media (max-width: 420px) {
    .terms-consent__content[b-bqgs1rvgin] {
        grid-template-columns: 1fr;
    }

    .terms-consent__icon[b-bqgs1rvgin] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .terms-consent__button[b-bqgs1rvgin] {
        transition: none;
    }
}
/* /Components/MaiCyberPreviewContent.razor.rz.scp.css */
.playground-unified-shell[b-8tf3dmntm9]  .mai-cyber-form {
    grid-template-columns: minmax(0, 1fr);
}

.playground-unified-shell[b-8tf3dmntm9]  .playground-scroll-region,
.playground-unified-shell[b-8tf3dmntm9]  .playground-composer-dock {
    min-width: 0;
}

.mai-cyber-scenario-picker[b-8tf3dmntm9] {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: var(--playground-space-sm);
}

.mai-cyber-scenario-picker > div[b-8tf3dmntm9] {
    flex: 1 1 16rem;
    min-width: 0;
}

.mai-cyber-guidance[b-8tf3dmntm9] {
    padding: var(--playground-space-md);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    background: var(--playground-surface-subtle);
}

.mai-cyber-guidance summary[b-8tf3dmntm9] {
    cursor: pointer;
    font-weight: 600;
    min-height: var(--playground-touch-target);
    align-content: center;
}

.mai-cyber-model-facts[b-8tf3dmntm9] {
    display: grid;
    grid-template-columns: minmax(8rem, 1fr) minmax(0, 3fr);
    gap: var(--playground-space-sm) var(--playground-space-md);
}

.mai-cyber-model-facts dd[b-8tf3dmntm9] {
    margin: 0;
}

.mai-cyber-sources a[b-8tf3dmntm9] {
    overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
    .mai-cyber-model-facts[b-8tf3dmntm9] {
        grid-template-columns: minmax(0, 1fr);
    }

    .mai-cyber-model-facts dd[b-8tf3dmntm9] {
        margin-bottom: var(--playground-space-sm);
    }

    .playground-unified-shell[b-8tf3dmntm9]  .playground-action-buttons {
        flex-wrap: wrap;
    }
}
/* /Components/MuseImagePlaygroundContent.razor.rz.scp.css */
/* EditForm owns its form element; scope through this component's HTML shell. */
.playground-unified-shell[b-5amehwqkph]  .muse-image-form {
    grid-template-columns: minmax(0, 1fr);
}

.playground-unified-shell[b-5amehwqkph]  .playground-scroll-region,
.playground-unified-shell[b-5amehwqkph]  .playground-composer-dock {
    min-width: 0;
}

@media (max-width: 767.98px) {
    .playground-unified-shell[b-5amehwqkph]  .playground-action-buttons {
        flex-wrap: wrap;
    }

    .playground-unified-shell[b-5amehwqkph]  .playground-primary-action {
        flex: 0 1 10rem;
        max-width: 100%;
        min-width: 0;
        white-space: normal;
    }
}
/* /Components/MuseSparkPlaygroundContent.razor.rz.scp.css */
.playground-unified-shell[b-86jqpffpoe],
.playground-unified-shell[b-86jqpffpoe]  .playground-unified-form,
.playground-unified-shell[b-86jqpffpoe]  .playground-composer-dock {
    grid-template-columns: minmax(0, 1fr);
}

.muse-settings[b-86jqpffpoe] {
    min-width: 0;
    padding: 0;
    border: 0;
}

.muse-settings[b-86jqpffpoe]  .form-label {
    font-weight: 600;
}

.muse-settings[b-86jqpffpoe]  textarea {
    min-height: 8rem;
    resize: vertical;
    unicode-bidi: plaintext;
}

.muse-json-input[b-86jqpffpoe],
.muse-settings[b-86jqpffpoe]  .muse-json-input {
    background: #101827;
    color: #d9e2ec;
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    font-family: 'Cascadia Code', 'SFMono-Regular', Consolas, Monaco, monospace;
    font-size: 0.85rem;
    line-height: 1.6;
    max-width: 100%;
    overflow: auto;
}

.muse-json-input:focus-visible[b-86jqpffpoe],
.muse-settings[b-86jqpffpoe]  .muse-json-input:focus-visible {
    outline: 2px solid var(--playground-primary);
    outline-offset: 2px;
}

.muse-markdown[b-86jqpffpoe] {
    padding: var(--playground-space-md);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    max-height: 50rem;
    overflow: auto;
    overflow-wrap: anywhere;
    unicode-bidi: plaintext;
}

th[scope="row"][b-86jqpffpoe] {
    font-weight: 500;
}

@media (max-width: 640px) {
    .playground-unified-shell[b-86jqpffpoe]  .playground-composer-dock {
        margin-inline: 0;
        min-width: 0;
    }

    .playground-unified-shell[b-86jqpffpoe]  .playground-action-buttons {
        flex-wrap: wrap;
    }
}
/* /Components/OpenAiAdvancedSettings.razor.rz.scp.css */
fieldset[b-hxp3l6irv4] {
    min-width: 0;
}

fieldset[b-hxp3l6irv4]  .validation-message {
    color: var(--playground-status-error);
    margin-top: var(--playground-space-xs);
}

fieldset[b-hxp3l6irv4]  .openai-schema-editor {
    background: var(--playground-code-surface);
    color: var(--playground-code-text);
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, monospace;
    font-size: var(--playground-font-code);
    line-height: 1.6;
    min-height: 12rem;
    resize: vertical;
}

.form-text[b-hxp3l6irv4] {
    color: var(--playground-text-muted);
}
/* /Components/Pages/Architecture.razor.rz.scp.css */
.architecture-symbols[b-xbuphxpt39] {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.architecture-symbols symbol[b-xbuphxpt39],
.architecture-shell svg[b-xbuphxpt39] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

.architecture-shell[b-xbuphxpt39] {
    --architecture-accent: #1aa7ec;
    --architecture-border: #dce5ef;
    --architecture-ink: #14243a;
    --architecture-muted: #61738a;
    --architecture-surface: #ffffff;
    margin: 1.5rem auto 3rem;
    max-width: 1520px;
    width: 100%;
}

.architecture-hero[b-xbuphxpt39] {
    align-items: stretch;
    background:
        radial-gradient(circle at 88% 12%, rgba(69, 195, 255, .25), transparent 28rem),
        linear-gradient(125deg, #071527 0%, #0c2d4b 48%, #123b61 100%);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 1.5rem;
    box-shadow: 0 1.5rem 3.75rem rgba(8, 28, 50, .2);
    color: #fff;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(25rem, .75fr);
    min-height: 19rem;
    overflow: hidden;
    padding: clamp(2rem, 5vw, 4rem);
    position: relative;
}

.architecture-hero[b-xbuphxpt39]::before {
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 32px 32px;
    content: "";
    inset: 0;
    mask-image: linear-gradient(90deg, transparent 8%, #000 62%);
    pointer-events: none;
    position: absolute;
}

.architecture-hero__content[b-xbuphxpt39],
.architecture-hero__map[b-xbuphxpt39] {
    position: relative;
    z-index: 1;
}

.architecture-hero__content[b-xbuphxpt39] {
    align-self: center;
    max-width: 46rem;
}

.architecture-eyebrow[b-xbuphxpt39] {
    align-items: center;
    color: #90dcff;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 700;
    gap: .55rem;
    letter-spacing: .12em;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.architecture-eyebrow svg[b-xbuphxpt39] {
    height: 1.1rem;
    width: 1.1rem;
}

.architecture-hero h1[b-xbuphxpt39] {
    color: #fff;
    font-size: clamp(2.25rem, 5vw, 4.25rem);
    font-weight: 700;
    letter-spacing: -.045em;
    line-height: 1.02;
    margin: 0;
}

.architecture-hero__content > p[b-xbuphxpt39] {
    color: #c9d9e9;
    font-size: clamp(1rem, 1.7vw, 1.2rem);
    line-height: 1.7;
    margin: 1.35rem 0 1.65rem;
    max-width: 42rem;
}

.architecture-tags[b-xbuphxpt39] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.architecture-tags span[b-xbuphxpt39] {
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: #e4f4ff;
    font-size: .78rem;
    font-weight: 600;
    padding: .42rem .78rem;
}

.architecture-hero__map[b-xbuphxpt39] {
    align-self: center;
    height: 14rem;
    min-width: 24rem;
}

.hero-map__mesh[b-xbuphxpt39] {
    border: 1px solid rgba(114, 211, 255, .16);
    border-radius: 50%;
    height: 18rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18rem;
}

.hero-map__mesh[b-xbuphxpt39]::before,
.hero-map__mesh[b-xbuphxpt39]::after {
    border: 1px solid rgba(114, 211, 255, .1);
    border-radius: inherit;
    content: "";
    inset: 2.1rem;
    position: absolute;
}

.hero-map__mesh[b-xbuphxpt39]::after {
    inset: 4.4rem;
}

.hero-map__node[b-xbuphxpt39] {
    backdrop-filter: blur(14px);
    background: rgba(6, 26, 45, .72);
    border: 1px solid rgba(122, 215, 255, .35);
    border-radius: 1rem;
    box-shadow: 0 .75rem 2rem rgba(0, 0, 0, .2);
    display: grid;
    min-width: 7.5rem;
    padding: .85rem 1rem;
    position: absolute;
}

.hero-map__node span[b-xbuphxpt39] {
    color: #fff;
    font-size: .84rem;
    font-weight: 700;
}

.hero-map__node small[b-xbuphxpt39] {
    color: #8eccea;
    font-size: .68rem;
    margin-top: .15rem;
}

.hero-map__node--client[b-xbuphxpt39] {
    left: 0;
    top: 4.7rem;
}

.hero-map__node--app[b-xbuphxpt39] {
    background: linear-gradient(145deg, rgba(11, 88, 132, .92), rgba(10, 51, 84, .94));
    border-color: rgba(137, 226, 255, .72);
    left: 50%;
    top: 4.7rem;
    transform: translateX(-50%);
}

.hero-map__node--cloud[b-xbuphxpt39] {
    right: 0;
    top: 4.7rem;
}

.hero-map__line[b-xbuphxpt39] {
    background: linear-gradient(90deg, rgba(101, 212, 255, .15), #63d7ff, rgba(101, 212, 255, .15));
    height: 1px;
    position: absolute;
    top: 6.75rem;
    width: 4.3rem;
}

.hero-map__line[b-xbuphxpt39]::after {
    animation: architecture-flow-b-xbuphxpt39 2.6s ease-in-out infinite;
    background: #d8f7ff;
    border-radius: 50%;
    box-shadow: 0 0 .65rem #50ccff;
    content: "";
    height: .38rem;
    left: 0;
    position: absolute;
    top: -.18rem;
    width: .38rem;
}

.hero-map__line--one[b-xbuphxpt39] {
    left: 7.8rem;
}

.hero-map__line--two[b-xbuphxpt39] {
    right: 7.8rem;
}

.hero-map__line--two[b-xbuphxpt39]::after {
    animation-delay: 1.3s;
}

@keyframes architecture-flow-b-xbuphxpt39 {
    0%, 15% {
        opacity: 0;
        transform: translateX(0);
    }

    25%, 75% {
        opacity: 1;
    }

    85%, 100% {
        opacity: 0;
        transform: translateX(4.1rem);
    }
}

.architecture-explorer[b-xbuphxpt39] {
    margin-top: clamp(2rem, 4vw, 3.5rem);
}

.explorer-heading[b-xbuphxpt39] {
    align-items: end;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.section-kicker[b-xbuphxpt39] {
    color: #0879b8;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.explorer-heading h2[b-xbuphxpt39] {
    color: var(--architecture-ink);
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    letter-spacing: -.03em;
    margin: .3rem 0 0;
}

.explorer-heading > p[b-xbuphxpt39] {
    color: var(--architecture-muted);
    line-height: 1.55;
    margin: 0;
    max-width: 32rem;
    text-align: right;
}

.architecture-tabs[b-xbuphxpt39] {
    background: #edf3f8;
    border: 1px solid #e1e9f1;
    border-radius: 1.1rem;
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: .85rem;
    padding: .45rem;
}

.architecture-tab[b-xbuphxpt39] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: .8rem;
    color: #586b80;
    display: flex;
    gap: .85rem;
    min-height: 4.25rem;
    padding: .7rem .85rem;
    text-align: left;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease;
}

.architecture-tab:hover[b-xbuphxpt39] {
    background: rgba(255, 255, 255, .65);
    color: #1b4163;
}

.architecture-tab:focus-visible[b-xbuphxpt39] {
    outline: 3px solid rgba(26, 167, 236, .32);
    outline-offset: 2px;
}

.architecture-tab.is-active[b-xbuphxpt39] {
    background: #fff;
    border-color: #d6e2ed;
    box-shadow: 0 .35rem 1.2rem rgba(25, 66, 96, .09);
    color: #0d4168;
}

.architecture-tab__index[b-xbuphxpt39] {
    align-items: center;
    background: rgba(23, 135, 196, .1);
    border-radius: .65rem;
    color: #167bad;
    display: inline-flex;
    flex: 0 0 2.6rem;
    font-size: .7rem;
    font-weight: 800;
    height: 2.6rem;
    justify-content: center;
    letter-spacing: .08em;
}

.architecture-tab.is-active .architecture-tab__index[b-xbuphxpt39] {
    background: linear-gradient(145deg, #008bd2, #1a65a4);
    color: #fff;
}

.architecture-tab strong[b-xbuphxpt39],
.architecture-tab small[b-xbuphxpt39] {
    display: block;
}

.architecture-tab strong[b-xbuphxpt39] {
    font-size: .9rem;
    line-height: 1.25;
}

.architecture-tab small[b-xbuphxpt39] {
    color: #7a8da1;
    font-size: .73rem;
    margin-top: .2rem;
}

.diagram-shell[b-xbuphxpt39] {
    background: var(--architecture-surface);
    border: 1px solid var(--architecture-border);
    border-radius: 1.35rem;
    box-shadow: 0 1.1rem 3rem rgba(29, 57, 85, .11);
    overflow: hidden;
}

.diagram-header[b-xbuphxpt39] {
    align-items: center;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid var(--architecture-border);
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

.diagram-heading[b-xbuphxpt39] {
    align-items: center;
    display: flex;
    gap: .9rem;
    min-width: 0;
}

.diagram-heading__icon[b-xbuphxpt39] {
    align-items: center;
    background: linear-gradient(145deg, #e8f6ff, #dceeff);
    border: 1px solid #c9e4f5;
    border-radius: .85rem;
    color: #087fbe;
    display: flex;
    flex: 0 0 2.85rem;
    height: 2.85rem;
    justify-content: center;
}

.diagram-heading__icon svg[b-xbuphxpt39] {
    height: 1.35rem;
    width: 1.35rem;
}

.diagram-heading__meta[b-xbuphxpt39] {
    align-items: center;
    color: #7790a5;
    display: flex;
    font-size: .67rem;
    font-weight: 750;
    gap: .4rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.diagram-heading__dot[b-xbuphxpt39] {
    background: #24a5df;
    border-radius: 50%;
    height: .27rem;
    width: .27rem;
}

.diagram-heading h3[b-xbuphxpt39] {
    color: var(--architecture-ink);
    font-size: 1rem;
    margin: .12rem 0 0;
}

.diagram-heading p[b-xbuphxpt39] {
    color: var(--architecture-muted);
    font-size: .75rem;
    line-height: 1.35;
    margin: .2rem 0 0;
    max-width: 38rem;
}

.viewer-toolbar[b-xbuphxpt39],
.viewer-toolbar__group[b-xbuphxpt39] {
    align-items: center;
    display: flex;
}

.viewer-toolbar[b-xbuphxpt39] {
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: .5rem;
    min-width: 0;
}

.viewer-toolbar__group[b-xbuphxpt39] {
    background: #f4f7fa;
    border: 1px solid #e0e8ef;
    border-radius: .72rem;
    gap: .15rem;
    padding: .18rem;
}

.viewer-action[b-xbuphxpt39] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .52rem;
    color: #334e68;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 700;
    gap: .36rem;
    height: 2.15rem;
    justify-content: center;
    padding: 0 .58rem;
    text-decoration: none;
    transition: background-color .14s ease, color .14s ease, box-shadow .14s ease;
}

.viewer-action:hover[b-xbuphxpt39] {
    background: #fff;
    box-shadow: 0 .2rem .65rem rgba(34, 68, 97, .12);
    color: #0879b8;
}

.viewer-action:disabled[b-xbuphxpt39] {
    box-shadow: none;
    cursor: wait;
    opacity: .45;
}

.viewer-action:focus-visible[b-xbuphxpt39] {
    outline: 3px solid rgba(26, 167, 236, .32);
    outline-offset: 1px;
}

.viewer-action svg[b-xbuphxpt39] {
    height: 1rem;
    width: 1rem;
}

.viewer-action--icon[b-xbuphxpt39] {
    padding: 0;
    width: 2.15rem;
}

.viewer-action--primary[b-xbuphxpt39] {
    background: linear-gradient(145deg, #087fbf, #1767a5);
    color: #fff;
    padding-inline: .75rem;
}

.viewer-action--primary:hover[b-xbuphxpt39] {
    background: linear-gradient(145deg, #0674ae, #135b92);
    color: #fff;
}

.viewer-toolbar__group--links[b-xbuphxpt39] {
    background: transparent;
}

.zoom-readout[b-xbuphxpt39] {
    color: #5a7085;
    font-size: .7rem;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    min-width: 3.1rem;
    text-align: center;
}

.diagram-viewport[b-xbuphxpt39] {
    background: #e7edf3;
    cursor: grab;
    height: clamp(35rem, calc(100vh - 16rem), 56rem);
    min-height: 30rem;
    overflow: hidden;
    position: relative;
    touch-action: none;
    user-select: none;
}

.diagram-viewport:focus-visible[b-xbuphxpt39] {
    box-shadow: inset 0 0 0 3px rgba(22, 140, 201, .55);
    outline: 0;
}

.diagram-viewport.is-dragging[b-xbuphxpt39] {
    cursor: grabbing;
}

.diagram-grid[b-xbuphxpt39] {
    background-image:
        linear-gradient(rgba(70, 94, 119, .075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(70, 94, 119, .075) 1px, transparent 1px);
    background-position: center;
    background-size: 24px 24px;
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.diagram-image[b-xbuphxpt39] {
    background: #fff;
    border: 1px solid rgba(54, 75, 96, .13);
    border-radius: .8rem;
    box-shadow: 0 1.5rem 3rem rgba(28, 50, 72, .19);
    height: auto;
    left: 50%;
    max-height: calc(100% - 4rem);
    max-width: calc(100% - 4rem);
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    width: auto;
    will-change: transform;
}

.diagram-viewport.is-ready .diagram-image[b-xbuphxpt39] {
    max-height: none;
    max-width: none;
}

.diagram-gesture-hint[b-xbuphxpt39] {
    align-items: center;
    backdrop-filter: blur(10px);
    background: rgba(18, 38, 57, .78);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    bottom: 1rem;
    color: #e7f4ff;
    display: flex;
    font-size: .7rem;
    gap: .4rem;
    left: 50%;
    padding: .45rem .72rem;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
}

.diagram-gesture-hint svg[b-xbuphxpt39] {
    height: .9rem;
    width: .9rem;
}

.diagram-footer[b-xbuphxpt39] {
    align-items: center;
    background: #f8fafc;
    border-top: 1px solid var(--architecture-border);
    color: #62758a;
    display: flex;
    flex-wrap: wrap;
    font-size: .7rem;
    gap: .75rem 1.4rem;
    justify-content: space-between;
    padding: .72rem 1.15rem;
}

.diagram-footer > div[b-xbuphxpt39] {
    align-items: center;
    display: flex;
    gap: .42rem;
}

.diagram-footer__label[b-xbuphxpt39] {
    color: #263f59;
    font-weight: 750;
}

.diagram-footer code[b-xbuphxpt39] {
    background: #e9f0f6;
    border-radius: .3rem;
    color: #34526d;
    font-size: .67rem;
    padding: .16rem .35rem;
}

.diagram-footer__shortcut[b-xbuphxpt39] {
    color: #8192a4;
    margin-left: auto;
}

.diagram-shell:fullscreen[b-xbuphxpt39] {
    background: #fff;
    border: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.diagram-shell:fullscreen .diagram-header[b-xbuphxpt39] {
    flex: 0 0 auto;
}

.diagram-shell:fullscreen .diagram-viewport[b-xbuphxpt39] {
    flex: 1 1 auto;
    height: auto;
}

.diagram-shell:fullscreen .diagram-footer[b-xbuphxpt39] {
    flex: 0 0 auto;
}

@media (max-width: 1200px) {
    .architecture-hero[b-xbuphxpt39] {
        grid-template-columns: 1fr;
    }

    .architecture-hero__map[b-xbuphxpt39] {
        display: none;
    }
}

@media (max-width: 1100px) {
    .architecture-tabs[b-xbuphxpt39] {
        grid-template-columns: 1fr;
    }

    .diagram-header[b-xbuphxpt39] {
        align-items: stretch;
        flex-direction: column;
    }

    .viewer-toolbar[b-xbuphxpt39] {
        justify-content: space-between;
        width: 100%;
    }
}

@media (max-width: 820px) {
    .architecture-shell[b-xbuphxpt39] {
        margin-top: 1rem;
    }

    .architecture-hero[b-xbuphxpt39] {
        min-height: 0;
    }

    .explorer-heading[b-xbuphxpt39] {
        align-items: start;
        flex-direction: column;
        gap: .5rem;
    }

    .explorer-heading > p[b-xbuphxpt39] {
        text-align: left;
    }

    .diagram-viewport[b-xbuphxpt39] {
        height: clamp(30rem, 72vh, 44rem);
    }

    .diagram-footer__shortcut[b-xbuphxpt39] {
        display: none;
    }
}

@media (max-width: 620px) {
    .architecture-hero[b-xbuphxpt39] {
        border-radius: 1.1rem;
        padding: 1.65rem 1.3rem;
    }

    .architecture-hero h1[b-xbuphxpt39] {
        font-size: 2.25rem;
    }

    .architecture-tabs[b-xbuphxpt39] {
        grid-template-columns: 1fr;
    }

    .diagram-shell[b-xbuphxpt39] {
        border-radius: 1rem;
    }

    .diagram-heading p[b-xbuphxpt39] {
        display: none;
    }

    .viewer-toolbar[b-xbuphxpt39] {
        align-items: stretch;
    }

    .viewer-toolbar__group[b-xbuphxpt39] {
        justify-content: center;
    }

    .viewer-toolbar__group--links[b-xbuphxpt39] {
        margin-left: auto;
    }

    .viewer-action span[b-xbuphxpt39] {
        display: none;
    }

    .viewer-action--primary[b-xbuphxpt39] {
        padding: 0;
        width: 2.15rem;
    }

    .diagram-viewport[b-xbuphxpt39] {
        height: 32rem;
        min-height: 25rem;
    }

    .diagram-footer[b-xbuphxpt39] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-map__line[b-xbuphxpt39]::after {
        animation: none;
        opacity: 1;
    }

    .architecture-tab[b-xbuphxpt39],
    .viewer-action[b-xbuphxpt39] {
        transition: none;
    }
}
/* /Components/Pages/Benchmark.razor.rz.scp.css */
.benchmark-shell[b-ektjrh1wru] {
    color: var(--playground-text);
    container-name: benchmark;
    container-type: inline-size;
    margin: 0 auto var(--playground-space-xl);
    max-width: var(--playground-content-max);
    width: 100%;
}

.benchmark-workspace[b-ektjrh1wru] {
    container-name: benchmark;
    container-type: inline-size;
}

.benchmark-controls[b-ektjrh1wru],
.benchmark-prompt-section[b-ektjrh1wru] {
    width: 100%;
}

.benchmark-controls[b-ektjrh1wru] {
    display: grid;
    gap: var(--playground-space-md);
    margin-top: var(--playground-space-md);
}

.benchmark-mode-row[b-ektjrh1wru] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.benchmark-evaluation-toggle[b-ektjrh1wru] {
    align-items: center;
    background: var(--playground-surface);
    border: 1px solid var(--playground-border-strong);
    border-radius: var(--playground-radius-md);
    color: var(--playground-text);
    display: inline-flex;
    flex-wrap: wrap;
    font-weight: 700;
    gap: var(--playground-space-sm);
    max-width: 100%;
    min-height: var(--playground-touch-target);
    padding: 0.55rem 0.75rem;
}

.benchmark-evaluation-toggle:hover[b-ektjrh1wru],
.benchmark-evaluation-toggle:focus-visible[b-ektjrh1wru] {
    background: var(--playground-primary-soft);
    border-color: var(--playground-primary);
    color: var(--playground-primary-hover);
}

.benchmark-evaluation-toggle.is-active[b-ektjrh1wru] {
    background: var(--playground-primary);
    border-color: var(--playground-primary);
    color: #fff;
}

.benchmark-evaluation-toggle .rzi[b-ektjrh1wru] {
    font-size: 1rem;
}

.benchmark-experimental-badge[b-ektjrh1wru] {
    background: var(--playground-chrome);
    border-radius: var(--playground-radius-pill);
    color: #fff;
    font-size: var(--playground-font-label);
    font-weight: 800;
    letter-spacing: 0.04em;
    padding: 0.28rem 0.5rem;
    text-transform: uppercase;
}

.benchmark-evaluation-toggle.is-active .benchmark-experimental-badge[b-ektjrh1wru] {
    background: rgb(255 255 255 / 0.16);
}

.benchmark-config-card[b-ektjrh1wru] {
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    box-shadow: var(--playground-shadow-sm);
    margin: 0;
    overflow: hidden;
}

.benchmark-section-header[b-ektjrh1wru] {
    align-items: center;
    background: var(--playground-surface-subtle);
    border-radius: var(--playground-radius-lg) var(--playground-radius-lg) 0 0;
    color: var(--playground-text);
    display: flex;
    gap: var(--playground-space-md);
    justify-content: space-between;
    min-height: 3.25rem;
    padding: 0.75rem var(--playground-space-md);
    transition: background-color 0.15s ease, color 0.15s ease;
}

.benchmark-section-header:hover[b-ektjrh1wru] {
    background: #eef2f7;
}

.benchmark-section-header[aria-expanded="true"][b-ektjrh1wru] {
    background: var(--playground-primary-soft);
    color: var(--playground-primary-hover);
}

.benchmark-section-header:focus-visible[b-ektjrh1wru] {
    box-shadow: inset 0 0 0 2px var(--playground-primary);
    outline: 0;
}

.benchmark-section-title[b-ektjrh1wru] {
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: -0.01em;
    min-width: 0;
}

.benchmark-section-chevron[b-ektjrh1wru] {
    color: var(--playground-text-muted);
    flex: 0 0 auto;
    font-size: 1rem;
    transition: transform 0.18s ease-out;
}

.benchmark-section-chevron-expanded[b-ektjrh1wru] {
    color: var(--playground-primary);
    transform: rotate(180deg);
}

.benchmark-config-card > .card-body[b-ektjrh1wru] {
    padding: var(--playground-space-lg);
}

#benchmark-selection-instructions[b-ektjrh1wru] {
    line-height: 1.6;
    /*max-width: 75ch;*/
}

.benchmark-selector-grid[b-ektjrh1wru] {
    border: 0;
    display: grid;
    gap: var(--playground-space-md);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    min-width: 0;
    padding: 0;
}

.benchmark-select-row[b-ektjrh1wru] {
    margin: 0;
    min-width: 0;
    width: 100%;
}

.benchmark-select-row .form-label[b-ektjrh1wru] {
    color: var(--playground-text);
    font-size: var(--playground-font-label);
    font-weight: 750;
    letter-spacing: 0.04em;
    margin-bottom: var(--playground-space-sm);
    text-transform: uppercase;
}

.benchmark-playground-select[b-ektjrh1wru] {
    min-height: var(--playground-touch-target);
}

.benchmark-playground-option[b-ektjrh1wru] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    min-width: 0;
}

.benchmark-playground-option-icon[b-ektjrh1wru] {
    color: var(--playground-primary);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1rem;
    line-height: 1;
}

.benchmark-uploaded-file-thumbnail[b-ektjrh1wru],
.benchmark-uploaded-file-icon[b-ektjrh1wru] {
    border-radius: var(--playground-radius-md);
    flex: 0 0 3.75rem;
    height: 3.75rem;
    width: 3.75rem;
}

.benchmark-uploaded-file-thumbnail[b-ektjrh1wru] {
    object-fit: cover;
}

.benchmark-uploaded-file-icon[b-ektjrh1wru] {
    align-items: center;
    background: var(--playground-primary-soft);
    color: var(--playground-primary);
    display: flex;
    font-size: var(--playground-font-title);
    justify-content: center;
}

.benchmark-evaluation-prompt[b-ektjrh1wru],
.benchmark-user-prompt[b-ektjrh1wru] {
    unicode-bidi: plaintext;
    width: 100%;
}

.benchmark-evaluation-prompt[b-ektjrh1wru] {
    max-height: 36rem;
}

.benchmark-system-prompt[b-ektjrh1wru] {
    background: var(--playground-surface-subtle);
    max-height: 36rem;
    unicode-bidi: plaintext;
    width: 100%;
}

.benchmark-user-prompt[b-ektjrh1wru] {
    height: 6.5rem;
    max-height: 24rem;
}

.benchmark-actions[b-ektjrh1wru] {
    align-items: center;
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    bottom: var(--playground-space-sm);
    box-shadow: 0 0.75rem 2rem rgb(15 23 42 / 0.1);
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-sm);
    justify-content: flex-end;
    padding: var(--playground-space-sm);
    position: sticky;
    z-index: 25;
}

.benchmark-action-buttons[b-ektjrh1wru] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-sm);
    justify-content: flex-end;
    min-width: 0;
}

.benchmark-action[b-ektjrh1wru] {
    align-items: center;
    border-radius: var(--playground-radius-md);
    display: inline-flex;
    font-weight: 700;
    gap: var(--playground-space-sm);
    justify-content: center;
    min-height: var(--playground-touch-target);
    min-width: 12rem;
}

.benchmark-results[b-ektjrh1wru] {
    margin-top: var(--playground-space-lg);
}

.benchmark-status-row[b-ektjrh1wru] {
    align-items: center;
    display: flex;
    flex: 1 1 20rem;
    flex-wrap: wrap;
    gap: var(--playground-space-sm) var(--playground-space-lg);
    margin-inline-end: auto;
    min-width: 0;
    text-align: left;
}

.benchmark-status-panel[b-ektjrh1wru] {
    flex: 1 1 28rem;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: var(--playground-space-sm) var(--playground-space-md);
}

.benchmark-results-summary-link[b-ektjrh1wru] {
    background: none;
    border: 0;
    border-radius: var(--playground-radius-sm);
    color: var(--playground-primary);
    font: inherit;
    font-weight: 700;
    min-height: var(--playground-touch-target);
    padding: var(--playground-space-sm);
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.benchmark-results-summary-link:hover[b-ektjrh1wru] {
    color: var(--playground-primary-hover);
    text-decoration-thickness: 0.12em;
}

.benchmark-results-summary-link:focus-visible[b-ektjrh1wru],
.benchmark-evaluation-details-link:focus-visible[b-ektjrh1wru] {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.benchmark-evaluation-progress[b-ektjrh1wru],
.benchmark-evaluation-result[b-ektjrh1wru],
.benchmark-evaluation-error[b-ektjrh1wru] {
    font-size: 1rem;
    font-weight: 600;
    padding: 0.7rem 1rem;
}

.benchmark-evaluation-progress[b-ektjrh1wru] {
    align-items: baseline;
    background: var(--playground-surface-subtle);
    color: var(--playground-text-muted);
    display: flex;
    gap: 0.5rem;
    min-width: 0;
}

.benchmark-evaluation-reasoning-preview[b-ektjrh1wru] {
    color: var(--playground-text-muted);
    flex: 1 1 auto;
    font-size: var(--playground-font-label);
    font-weight: 400;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.benchmark-evaluation-result[b-ektjrh1wru] {
    background: var(--playground-primary);
    color: #fff;
}

.benchmark-evaluation-details-link[b-ektjrh1wru] {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    margin-left: 0.35rem;
    padding: 0;
    text-decoration: underline;
}

.benchmark-evaluation-details-link:hover[b-ektjrh1wru],
.benchmark-evaluation-details-link:focus-visible[b-ektjrh1wru] {
    color: inherit;
    text-decoration-thickness: 0.12em;
}

.benchmark-evaluation-error[b-ektjrh1wru] {
    background: #fff1f2;
    color: #9f1239;
}

.benchmark-evaluation-details-backdrop[b-ektjrh1wru] {
    align-items: center;
    background: rgb(2 6 23 / 0.72);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: var(--playground-space-md);
    position: fixed;
    z-index: 2200;
}

.benchmark-evaluation-details-dialog[b-ektjrh1wru] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    box-shadow: var(--playground-shadow-md);
    color: var(--playground-text);
    max-height: calc(100dvh - 2rem);
    max-width: 46rem;
    overflow-y: auto;
    width: 100%;
}

.benchmark-evaluation-details-header[b-ektjrh1wru] {
    align-items: flex-start;
    background: var(--playground-surface-subtle);
    border-bottom: 1px solid var(--playground-border);
    display: flex;
    gap: var(--playground-space-md);
    justify-content: space-between;
    padding: var(--playground-space-lg);
}

.benchmark-evaluation-details-body[b-ektjrh1wru] {
    padding: var(--playground-space-lg);
}

.benchmark-results-summary-dialog[b-ektjrh1wru] {
    display: flex;
    flex-direction: column;
    max-width: 62rem;
    overflow: hidden;
}

.benchmark-results-summary-dialog .benchmark-evaluation-details-header[b-ektjrh1wru] {
    flex: 0 0 auto;
}

.benchmark-results-summary-dialog .benchmark-evaluation-details-header > div[b-ektjrh1wru] {
    min-width: 0;
}

.benchmark-results-summary-dialog .playground-icon-button[b-ektjrh1wru] {
    flex: 0 0 auto;
}

.benchmark-summary-description[b-ektjrh1wru] {
    color: var(--playground-text-muted);
    margin: 0;
    max-width: 65ch;
}

.benchmark-results-summary-body[b-ektjrh1wru] {
    min-height: 0;
    overflow-y: auto;
}

.benchmark-summary-models[b-ektjrh1wru] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.benchmark-summary-model[b-ektjrh1wru] {
    border-bottom: 1px solid var(--playground-border);
    padding-block: var(--playground-space-lg);
}

.benchmark-summary-model:first-child[b-ektjrh1wru] {
    padding-top: 0;
}

.benchmark-summary-model:last-child[b-ektjrh1wru] {
    border-bottom: 0;
    padding-bottom: 0;
}

.benchmark-summary-model-header[b-ektjrh1wru] {
    display: grid;
    gap: var(--playground-space-sm) var(--playground-space-lg);
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: var(--playground-space-md);
}

.benchmark-summary-model-identity[b-ektjrh1wru],
.benchmark-summary-assessment[b-ektjrh1wru] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.benchmark-summary-model-name[b-ektjrh1wru],
.benchmark-summary-score-scale[b-ektjrh1wru] {
    color: var(--playground-text-muted);
    font-weight: 400;
}

.benchmark-summary-assessment[b-ektjrh1wru] {
    text-align: right;
}

.benchmark-summary-score[b-ektjrh1wru] {
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.benchmark-summary-explanation[b-ektjrh1wru] {
    line-height: 1.6;
    max-width: 75ch;
    overflow-wrap: anywhere;
    overflow-x: auto;
}

.benchmark-summary-explanation > p[b-ektjrh1wru] {
    margin: 0;
}

.benchmark-summary-explanation[b-ektjrh1wru]  img {
    height: auto;
    max-width: 100%;
}

.benchmark-results-summary-footer[b-ektjrh1wru] {
    border-top: 1px solid var(--playground-border);
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    padding: var(--playground-space-md) var(--playground-space-lg);
}

.benchmark-results-summary-footer .btn[b-ektjrh1wru] {
    min-height: var(--playground-touch-target);
}

.benchmark-frame-grid[b-ektjrh1wru] {
    display: grid;
    gap: var(--playground-space-md);
    min-width: 0;
    width: 100%;
}

.benchmark-frame-grid-two[b-ektjrh1wru] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.benchmark-frame-grid-three[b-ektjrh1wru] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.benchmark-frame-card[b-ektjrh1wru] {
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    box-shadow: var(--playground-shadow-sm);
    min-width: 0;
    overflow: hidden;
}

.benchmark-frame-header[b-ektjrh1wru] {
    align-items: center;
    background: var(--playground-surface-subtle);
    border-bottom: 1px solid var(--playground-border);
    display: flex;
    gap: var(--playground-space-sm);
    justify-content: space-between;
    min-height: 3.25rem;
    padding: 0.75rem var(--playground-space-md);
}

.benchmark-frame[b-ektjrh1wru] {
    background: var(--playground-surface);
    border: 0;
    display: block;
    height: 1px;
    min-height: calc(100dvh - 2rem);
    width: 100%;
}

@container benchmark (max-width: 44rem) {
    .benchmark-shell[b-ektjrh1wru]  .playground-page-header-main {
        grid-template-columns: minmax(0, 1fr);
    }
}

@container benchmark (max-width: 61rem) {
    .benchmark-shell:has(.playground-history-sidebar[data-expanded="true"])[b-ektjrh1wru]  .playground-page-header-main {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 1099.98px) {
    .benchmark-frame-grid[b-ektjrh1wru] {
        grid-auto-columns: minmax(24rem, 82vw);
        grid-auto-flow: column;
        grid-template-columns: none;
        overflow-x: auto;
        padding-bottom: var(--playground-space-sm);
        scroll-snap-type: x mandatory;
    }

    .benchmark-frame-card[b-ektjrh1wru] {
        scroll-snap-align: start;
    }
}

@media (max-width: 767.98px) {
    .benchmark-shell[b-ektjrh1wru] {
        margin-bottom: var(--playground-space-lg);
    }

    .benchmark-controls[b-ektjrh1wru] {
        margin-top: var(--playground-space-sm);
    }

    .benchmark-evaluation-toggle[b-ektjrh1wru] {
        justify-content: center;
    }

    .benchmark-config-card > .card-body[b-ektjrh1wru] {
        padding: var(--playground-space-md);
    }

    .benchmark-selector-grid[b-ektjrh1wru] {
        grid-template-columns: minmax(0, 1fr);
    }

    .benchmark-actions[b-ektjrh1wru] {
        align-items: stretch;
        bottom: auto;
        flex-direction: column;
        position: static;
    }

    .benchmark-status-row[b-ektjrh1wru] {
        flex-basis: auto;
        margin-inline-end: 0;
    }

    .benchmark-action-buttons[b-ektjrh1wru] {
        align-items: stretch;
        flex-direction: column;
    }

    .benchmark-action[b-ektjrh1wru] {
        width: 100%;
    }

    .benchmark-frame-grid[b-ektjrh1wru] {
        grid-auto-columns: minmax(20rem, calc(100vw - 3rem));
    }

    .benchmark-results-summary-dialog .benchmark-evaluation-details-header[b-ektjrh1wru],
    .benchmark-results-summary-body[b-ektjrh1wru],
    .benchmark-results-summary-footer[b-ektjrh1wru] {
        padding: var(--playground-space-md);
    }

    .benchmark-summary-model-header[b-ektjrh1wru] {
        grid-template-columns: minmax(0, 1fr);
    }

    .benchmark-summary-assessment[b-ektjrh1wru] {
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .benchmark-section-chevron[b-ektjrh1wru],
    .benchmark-section-header[b-ektjrh1wru],
    .benchmark-evaluation-toggle[b-ektjrh1wru] {
        transition: none;
    }
}
/* /Components/Pages/FAQ.razor.rz.scp.css */
.faq-symbols[b-hn9k32y37a] {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.faq-symbols symbol[b-hn9k32y37a],
.faq-shell svg[b-hn9k32y37a] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.75;
}

.faq-shell[b-hn9k32y37a] {
    --faq-accent: #6d5dfc;
    --faq-accent-strong: #4f46e5;
    --faq-aqua: #5eead4;
    --faq-border: #dfe5ee;
    --faq-ink: #172033;
    --faq-muted: #607089;
    margin: 1.5rem auto 4rem;
    max-width: 1320px;
    width: 100%;
}

.faq-hero[b-hn9k32y37a] {
    background:
        radial-gradient(circle at 85% 18%, rgba(94, 234, 212, .3), transparent 23rem),
        radial-gradient(circle at 14% 110%, rgba(129, 140, 248, .38), transparent 28rem),
        linear-gradient(132deg, #071321 0%, #172554 52%, #312e81 100%);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 1.75rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .2);
    color: #fff;
    display: grid;
    gap: clamp(2rem, 5vw, 4.5rem);
    grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .7fr);
    overflow: hidden;
    padding: clamp(2rem, 5vw, 4rem);
    position: relative;
}

.faq-hero[b-hn9k32y37a]::before {
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 2.75rem 2.75rem;
    content: "";
    inset: 0;
    mask-image: linear-gradient(90deg, #000, transparent 72%);
    pointer-events: none;
    position: absolute;
}

.faq-hero[b-hn9k32y37a]::after {
    color: rgba(255, 255, 255, .035);
    content: "?";
    font-size: 31rem;
    font-weight: 900;
    line-height: .75;
    pointer-events: none;
    position: absolute;
    right: -1rem;
    top: -2rem;
}

.faq-hero > *[b-hn9k32y37a] {
    position: relative;
    z-index: 1;
}

.faq-hero__copy[b-hn9k32y37a] {
    align-self: center;
    max-width: 48rem;
}

.faq-eyebrow[b-hn9k32y37a] {
    align-items: center;
    color: #a7f3d0;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    gap: .55rem;
    letter-spacing: .12em;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.faq-eyebrow svg[b-hn9k32y37a] {
    height: 1.15rem;
    width: 1.15rem;
}

.faq-hero h1[b-hn9k32y37a] {
    color: #fff;
    font-size: clamp(2.5rem, 6vw, 5.15rem);
    font-weight: 800;
    letter-spacing: -.055em;
    line-height: .96;
    margin: 0;
    max-width: 10ch;
}

.faq-hero__copy > p[b-hn9k32y37a] {
    color: #d4e3f3;
    font-size: clamp(1.02rem, 1.8vw, 1.2rem);
    line-height: 1.7;
    margin: 1.35rem 0 1.6rem;
    max-width: 43rem;
}

.faq-hero__links[b-hn9k32y37a] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.faq-hero__links a[b-hn9k32y37a] {
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    color: #eef8ff;
    font-size: .82rem;
    font-weight: 700;
    padding: .5rem .8rem;
    text-decoration: none;
    transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.faq-hero__links a:hover[b-hn9k32y37a] {
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .3);
    color: #fff;
    transform: translateY(-1px);
}

.quick-start-card[b-hn9k32y37a] {
    align-self: center;
    backdrop-filter: blur(18px);
    background: rgba(5, 18, 36, .58);
    border: 1px solid rgba(167, 243, 208, .23);
    border-radius: 1.4rem;
    box-shadow: 0 1.25rem 2.5rem rgba(3, 10, 25, .25);
    padding: 1.35rem;
}

.quick-start-card__heading[b-hn9k32y37a] {
    align-items: center;
    display: flex;
    gap: .85rem;
}

.quick-start-card__icon[b-hn9k32y37a],
.faq-group__icon[b-hn9k32y37a],
.security-spotlight__icon[b-hn9k32y37a] {
    align-items: center;
    border-radius: .85rem;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.quick-start-card__icon[b-hn9k32y37a] {
    background: rgba(94, 234, 212, .13);
    color: var(--faq-aqua);
    height: 2.8rem;
    width: 2.8rem;
}

.quick-start-card__icon svg[b-hn9k32y37a] {
    height: 1.45rem;
    width: 1.45rem;
}

.quick-start-card__heading span:not(.quick-start-card__icon)[b-hn9k32y37a] {
    color: #92aeca;
    display: block;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.quick-start-card h2[b-hn9k32y37a] {
    color: #fff;
    font-size: 1.35rem;
    font-weight: 800;
    margin: .1rem 0 0;
}

.quick-start-card ol[b-hn9k32y37a] {
    display: grid;
    gap: .25rem;
    list-style: none;
    margin: 1.15rem 0;
    padding: 0;
}

.quick-start-card li[b-hn9k32y37a] {
    align-items: flex-start;
    border-top: 1px solid rgba(255, 255, 255, .1);
    display: grid;
    gap: .75rem;
    grid-template-columns: 1.8rem minmax(0, 1fr);
    padding: .85rem 0 .6rem;
}

.quick-start-card li > span[b-hn9k32y37a] {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    color: #312e81;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 900;
    height: 1.8rem;
    justify-content: center;
    width: 1.8rem;
}

.quick-start-card li strong[b-hn9k32y37a],
.quick-start-card li small[b-hn9k32y37a] {
    display: block;
}

.quick-start-card li strong[b-hn9k32y37a] {
    color: #fff;
    font-size: .92rem;
}

.quick-start-card li small[b-hn9k32y37a] {
    color: #abc0d5;
    line-height: 1.45;
    margin-top: .18rem;
}

.quick-start-card__action[b-hn9k32y37a] {
    align-items: center;
    background: var(--faq-aqua);
    border-radius: .7rem;
    color: #0b2b36;
    display: flex;
    font-size: .86rem;
    font-weight: 850;
    justify-content: space-between;
    min-height: 2.8rem;
    padding: .7rem .9rem;
    text-decoration: none;
    transition: background-color 150ms ease, transform 150ms ease;
}

.quick-start-card__action:hover[b-hn9k32y37a] {
    background: #99f6e4;
    color: #0b2b36;
    transform: translateY(-1px);
}

.quick-start-card__action svg[b-hn9k32y37a] {
    height: 1.15rem;
    width: 1.15rem;
}

.security-spotlight[b-hn9k32y37a] {
    background:
        radial-gradient(circle at top left, rgba(109, 93, 252, .1), transparent 23rem),
        #fff;
    border: 1px solid rgba(79, 70, 229, .14);
    border-radius: 1.5rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .07);
    margin: clamp(2rem, 4vw, 3.5rem) 0;
    padding: clamp(1.4rem, 3vw, 2.2rem);
}

.security-spotlight > header[b-hn9k32y37a] {
    align-items: end;
    display: grid;
    gap: .35rem 2rem;
    grid-template-columns: minmax(0, .8fr) minmax(20rem, 1.2fr);
    margin-bottom: 1.4rem;
}

.security-spotlight > header > span[b-hn9k32y37a] {
    color: var(--faq-accent-strong);
    font-size: .75rem;
    font-weight: 900;
    grid-column: 1;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.security-spotlight h2[b-hn9k32y37a] {
    color: var(--faq-ink);
    font-size: clamp(1.65rem, 3vw, 2.4rem);
    font-weight: 820;
    grid-column: 1;
    letter-spacing: -.035em;
    margin: 0;
}

.security-spotlight > header p[b-hn9k32y37a] {
    color: var(--faq-muted);
    grid-column: 2;
    grid-row: 1 / span 2;
    line-height: 1.65;
    margin: 0;
}

.security-spotlight__grid[b-hn9k32y37a] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.security-spotlight__grid article[b-hn9k32y37a] {
    align-items: flex-start;
    background: #f8f9ff;
    border: 1px solid #e5e7ff;
    border-radius: 1rem;
    display: flex;
    gap: .85rem;
    padding: 1rem;
}

.security-spotlight__icon[b-hn9k32y37a] {
    background: #ebe9ff;
    color: var(--faq-accent-strong);
    height: 2.5rem;
    width: 2.5rem;
}

.security-spotlight__icon svg[b-hn9k32y37a] {
    height: 1.35rem;
    width: 1.35rem;
}

.security-spotlight h3[b-hn9k32y37a] {
    color: var(--faq-ink);
    font-size: 1rem;
    font-weight: 800;
    margin: .05rem 0 0;
}

.security-spotlight__grid p[b-hn9k32y37a] {
    color: var(--faq-muted);
    font-size: .88rem;
    line-height: 1.55;
    margin: .35rem 0 0;
}

.faq-layout[b-hn9k32y37a] {
    align-items: start;
    display: grid;
    gap: clamp(1.5rem, 4vw, 3.25rem);
    grid-template-columns: 14rem minmax(0, 1fr);
}

.faq-index[b-hn9k32y37a] {
    background: #fff;
    border: 1px solid var(--faq-border);
    border-radius: 1rem;
    box-shadow: 0 .75rem 2rem rgba(15, 23, 42, .06);
    display: grid;
    gap: .25rem;
    padding: .8rem;
    position: sticky;
    top: 1.5rem;
}

.faq-index > span[b-hn9k32y37a] {
    color: #8a97a8;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .11em;
    padding: .45rem .55rem .65rem;
    text-transform: uppercase;
}

.faq-index a[b-hn9k32y37a] {
    align-items: center;
    border-radius: .65rem;
    color: #46556a;
    display: flex;
    font-size: .86rem;
    font-weight: 700;
    gap: .65rem;
    min-height: 2.65rem;
    padding: .55rem;
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease;
}

.faq-index a:hover[b-hn9k32y37a] {
    background: #f0efff;
    color: var(--faq-accent-strong);
}

.faq-index svg[b-hn9k32y37a] {
    color: var(--faq-accent);
    height: 1.1rem;
    width: 1.1rem;
}

.faq-groups[b-hn9k32y37a] {
    display: grid;
    gap: clamp(2.5rem, 5vw, 4rem);
    min-width: 0;
}

.faq-group[b-hn9k32y37a] {
    scroll-margin-top: 1.5rem;
}

.faq-group__heading[b-hn9k32y37a] {
    align-items: center;
    display: flex;
    gap: .9rem;
    margin-bottom: 1rem;
}

.faq-group__icon[b-hn9k32y37a] {
    background: linear-gradient(145deg, #eeecff, #e1f7f5);
    color: var(--faq-accent-strong);
    height: 3rem;
    width: 3rem;
}

.faq-group__icon svg[b-hn9k32y37a] {
    height: 1.45rem;
    width: 1.45rem;
}

.faq-group__heading span:not(.faq-group__icon)[b-hn9k32y37a] {
    color: var(--faq-accent-strong);
    display: block;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.faq-group__heading h2[b-hn9k32y37a] {
    color: var(--faq-ink);
    font-size: clamp(1.55rem, 3vw, 2.1rem);
    font-weight: 820;
    letter-spacing: -.03em;
    margin: .05rem 0 0;
}

.faq-item[b-hn9k32y37a] {
    background: #fff;
    border: 1px solid var(--faq-border);
    border-radius: .9rem;
    box-shadow: 0 .4rem 1.25rem rgba(15, 23, 42, .045);
    margin-top: .75rem;
    overflow: hidden;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.faq-item:hover[b-hn9k32y37a],
.faq-item[open][b-hn9k32y37a] {
    border-color: #c7c3ff;
    box-shadow: 0 .7rem 1.7rem rgba(67, 56, 202, .08);
}

.faq-item summary[b-hn9k32y37a] {
    align-items: center;
    color: var(--faq-ink);
    cursor: pointer;
    display: flex;
    font-size: clamp(.98rem, 1.6vw, 1.08rem);
    font-weight: 780;
    gap: 1rem;
    justify-content: space-between;
    line-height: 1.4;
    list-style: none;
    min-height: 4.25rem;
    padding: 1rem 1.15rem;
}

.faq-item summary[b-hn9k32y37a]::-webkit-details-marker {
    display: none;
}

.faq-item summary[b-hn9k32y37a]::after {
    align-items: center;
    background: #f0efff;
    border-radius: 50%;
    color: var(--faq-accent-strong);
    content: "+";
    display: inline-flex;
    flex: 0 0 1.8rem;
    font-size: 1.2rem;
    font-weight: 500;
    height: 1.8rem;
    justify-content: center;
    transition: background-color 150ms ease, color 150ms ease, transform 150ms ease;
    width: 1.8rem;
}

.faq-item[open] summary[b-hn9k32y37a]::after {
    background: var(--faq-accent-strong);
    color: #fff;
    transform: rotate(45deg);
}

.faq-item summary:focus-visible[b-hn9k32y37a],
.faq-index a:focus-visible[b-hn9k32y37a],
.faq-hero__links a:focus-visible[b-hn9k32y37a],
.quick-start-card__action:focus-visible[b-hn9k32y37a] {
    outline: 3px solid rgba(109, 93, 252, .35);
    outline-offset: 3px;
}

.faq-answer[b-hn9k32y37a] {
    border-top: 1px solid #edf0f4;
    color: var(--faq-muted);
    line-height: 1.75;
    padding: 1rem 1.15rem 1.2rem;
}

.faq-answer p[b-hn9k32y37a] {
    margin: 0;
}

.faq-answer p + p[b-hn9k32y37a],
.faq-answer ul + p[b-hn9k32y37a] {
    margin-top: .85rem;
}

.faq-answer strong[b-hn9k32y37a] {
    color: #344258;
}

.faq-answer code[b-hn9k32y37a] {
    background: #efefff;
    border: 1px solid #dcdbff;
    border-radius: .35rem;
    color: #4338ca;
    font-size: .86em;
    padding: .12rem .35rem;
}

.faq-answer ul[b-hn9k32y37a] {
    display: grid;
    gap: .4rem;
    margin: .7rem 0;
    padding-left: 1.25rem;
}

.faq-note[b-hn9k32y37a] {
    background: #f2f7ff;
    border-left: 3px solid #60a5fa;
    border-radius: 0 .55rem .55rem 0;
    color: #53657a;
    padding: .75rem .9rem;
}

@media (max-width: 960px) {
    .faq-hero[b-hn9k32y37a] {
        grid-template-columns: 1fr;
    }

    .faq-hero h1[b-hn9k32y37a] {
        max-width: 12ch;
    }

    .quick-start-card[b-hn9k32y37a] {
        max-width: 36rem;
    }

    .security-spotlight__grid[b-hn9k32y37a] {
        grid-template-columns: 1fr;
    }

    .faq-layout[b-hn9k32y37a] {
        grid-template-columns: 1fr;
    }

    .faq-index[b-hn9k32y37a] {
        display: flex;
        flex-wrap: wrap;
        position: static;
    }

    .faq-index > span[b-hn9k32y37a] {
        flex: 0 0 100%;
    }
}

@media (max-width: 640px) {
    .faq-shell[b-hn9k32y37a] {
        margin-top: .75rem;
    }

    .faq-hero[b-hn9k32y37a] {
        border-radius: 1.25rem;
        padding: 1.5rem;
    }

    .faq-hero[b-hn9k32y37a]::after {
        display: none;
    }

    .faq-hero h1[b-hn9k32y37a] {
        font-size: clamp(2.35rem, 14vw, 3.7rem);
    }

    .quick-start-card[b-hn9k32y37a] {
        padding: 1rem;
    }

    .security-spotlight > header[b-hn9k32y37a] {
        display: block;
    }

    .security-spotlight > header h2[b-hn9k32y37a] {
        margin-top: .3rem;
    }

    .security-spotlight > header p[b-hn9k32y37a] {
        margin-top: .75rem;
    }

    .faq-index a[b-hn9k32y37a] {
        flex: 1 1 11rem;
    }

    .faq-item summary[b-hn9k32y37a] {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .faq-shell *[b-hn9k32y37a],
    .faq-shell *[b-hn9k32y37a]::before,
    .faq-shell *[b-hn9k32y37a]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
/* /Components/Pages/Terms.razor.rz.scp.css */
.terms-shell[b-snmojpsbog] {
    --terms-accent: #7c3aed;
    --terms-accent-soft: #f3e8ff;
    --terms-border: #dfe5ee;
    --terms-ink: #172033;
    --terms-muted: #607089;
    color: var(--terms-ink);
    margin: 1.5rem auto 4rem;
    max-width: 1120px;
    width: 100%;
}

.terms-hero[b-snmojpsbog] {
    align-items: center;
    background:
        radial-gradient(circle at 78% 18%, rgba(167, 139, 250, 0.35), transparent 23rem),
        radial-gradient(circle at 12% 110%, rgba(45, 212, 191, 0.25), transparent 25rem),
        linear-gradient(132deg, #071321 0%, #172554 52%, #312e81 100%);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 1.75rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.2);
    color: #fff;
    display: grid;
    gap: clamp(2rem, 5vw, 4rem);
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
    overflow: hidden;
    padding: clamp(2rem, 5vw, 4rem);
    position: relative;
}

.terms-hero[b-snmojpsbog]::before {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 2.75rem 2.75rem;
    content: "";
    inset: 0;
    mask-image: linear-gradient(90deg, #000, transparent 80%);
    pointer-events: none;
    position: absolute;
}

.terms-hero > *[b-snmojpsbog] {
    position: relative;
    z-index: 1;
}

.terms-eyebrow[b-snmojpsbog] {
    color: #a7f3d0;
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.terms-hero h1[b-snmojpsbog] {
    color: #fff;
    font-size: clamp(2.7rem, 6vw, 5rem);
    font-weight: 800;
    letter-spacing: -0.055em;
    line-height: 0.96;
    margin: 0;
}

.terms-hero__copy > p[b-snmojpsbog] {
    color: #d4e3f3;
    font-size: clamp(1.02rem, 1.8vw, 1.2rem);
    line-height: 1.7;
    margin: 1.35rem 0 1.25rem;
    max-width: 45rem;
}

.terms-updated[b-snmojpsbog] {
    color: #aabed4;
    font-size: 0.82rem;
    font-weight: 700;
}

.terms-summary[b-snmojpsbog] {
    backdrop-filter: blur(18px);
    background: rgba(5, 18, 36, 0.58);
    border: 1px solid rgba(167, 243, 208, 0.23);
    border-radius: 1.4rem;
    box-shadow: 0 1.25rem 2.5rem rgba(3, 10, 25, 0.25);
    padding: 1.4rem;
}

.terms-summary strong[b-snmojpsbog] {
    display: block;
    font-size: 1.05rem;
    margin-bottom: 0.9rem;
}

.terms-summary ul[b-snmojpsbog] {
    display: grid;
    gap: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.terms-summary li[b-snmojpsbog] {
    color: #dce9f7;
    display: grid;
    font-size: 0.9rem;
    gap: 0.65rem;
    grid-template-columns: auto 1fr;
    line-height: 1.5;
}

.terms-summary li[b-snmojpsbog]::before {
    align-items: center;
    background: rgba(94, 234, 212, 0.13);
    border: 1px solid rgba(94, 234, 212, 0.28);
    border-radius: 999px;
    color: #a7f3d0;
    content: "\2713";
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 900;
    height: 1.35rem;
    justify-content: center;
    margin-top: 0.05rem;
    width: 1.35rem;
}

.terms-content[b-snmojpsbog] {
    background: #fff;
    border: 1px solid var(--terms-border);
    border-radius: 1.5rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.07);
    margin-top: 1.5rem;
    padding: clamp(1.5rem, 4vw, 3rem);
}

.terms-section[b-snmojpsbog] {
    scroll-margin-top: 1rem;
}

.terms-section + .terms-section[b-snmojpsbog] {
    border-top: 1px solid var(--terms-border);
    margin-top: 2rem;
    padding-top: 2rem;
}

.terms-section h2[b-snmojpsbog] {
    align-items: center;
    display: flex;
    font-size: clamp(1.25rem, 2.4vw, 1.65rem);
    gap: 0.75rem;
    letter-spacing: -0.02em;
    margin: 0 0 1rem;
}

.terms-section h2 span[b-snmojpsbog] {
    align-items: center;
    background: var(--terms-accent-soft);
    border-radius: 0.75rem;
    color: var(--terms-accent);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.85rem;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.terms-section p[b-snmojpsbog],
.terms-section li[b-snmojpsbog] {
    color: var(--terms-muted);
    line-height: 1.75;
}

.terms-section p[b-snmojpsbog] {
    margin: 0;
}

.terms-section p + p[b-snmojpsbog] {
    margin-top: 0.9rem;
}

.terms-prohibited-list[b-snmojpsbog] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0 0;
    padding-left: 1.25rem;
}

.terms-prohibited-list li[b-snmojpsbog] {
    padding-left: 0.3rem;
}

.terms-prohibited-list li[b-snmojpsbog]::marker {
    color: var(--terms-accent);
}

.terms-callout[b-snmojpsbog] {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-left: 0.3rem solid #f97316;
    border-radius: 0.8rem;
    color: #9a3412;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 1.5rem;
    padding: 1rem 1.1rem;
}

@media (max-width: 800px) {
    .terms-hero[b-snmojpsbog] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .terms-shell[b-snmojpsbog] {
        margin-top: 0.5rem;
    }

    .terms-hero[b-snmojpsbog],
    .terms-content[b-snmojpsbog] {
        border-radius: 1.1rem;
    }

    .terms-hero[b-snmojpsbog] {
        padding: 1.5rem;
    }

    .terms-content[b-snmojpsbog] {
        padding: 1.35rem;
    }
}
/* /Components/Pages/Zdr.razor.rz.scp.css */
.zdr-shell[b-esj1x77dlx] {
    --zdr-accent: #0f766e;
    --zdr-accent-bright: #2dd4bf;
    --zdr-border: #d9e4e7;
    --zdr-ink: #142433;
    --zdr-muted: #5b6b7c;
    margin: 1.5rem auto 4rem;
    max-width: 1320px;
    width: 100%;
}

.zdr-hero[b-esj1x77dlx] {
    align-items: center;
    background:
        radial-gradient(circle at 88% 8%, rgba(45, 212, 191, .2), transparent 24rem),
        linear-gradient(135deg, #071b25, #0d3441 58%, #0f4c4b);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 1.75rem;
    box-shadow: 0 1.5rem 4rem rgba(8, 35, 44, .2);
    color: #fff;
    display: grid;
    gap: clamp(2rem, 5vw, 4.5rem);
    grid-template-columns: minmax(0, 1fr) minmax(27rem, .9fr);
    overflow: hidden;
    padding: clamp(2rem, 5vw, 4.5rem);
    position: relative;
}

.zdr-hero[b-esj1x77dlx]::before {
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 2.5rem 2.5rem;
    content: "";
    inset: 0;
    mask-image: linear-gradient(90deg, #000, transparent 70%);
    pointer-events: none;
    position: absolute;
}

.zdr-hero > *[b-esj1x77dlx] {
    position: relative;
    z-index: 1;
}

.zdr-eyebrow[b-esj1x77dlx],
.zdr-section-kicker[b-esj1x77dlx] {
    color: var(--zdr-accent);
    display: block;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.zdr-eyebrow[b-esj1x77dlx] {
    color: #99f6e4;
    margin-bottom: 1rem;
}

.zdr-hero h1[b-esj1x77dlx] {
    color: #fff;
    font-size: clamp(2.6rem, 6vw, 5.25rem);
    font-weight: 800;
    letter-spacing: -.06em;
    line-height: .96;
    margin: 0;
    max-width: 10ch;
}

.zdr-hero__copy > p[b-esj1x77dlx] {
    color: #d4e9e9;
    font-size: clamp(1rem, 1.7vw, 1.18rem);
    line-height: 1.7;
    margin: 1.4rem 0 1.6rem;
    max-width: 43rem;
}

.zdr-tags[b-esj1x77dlx] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.zdr-tags span[b-esj1x77dlx] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    color: #e6fffb;
    font-size: .78rem;
    font-weight: 700;
    padding: .45rem .8rem;
}

.zdr-diagram[b-esj1x77dlx] {
    backdrop-filter: blur(16px);
    background: rgba(3, 21, 29, .58);
    border: 1px solid rgba(153, 246, 228, .18);
    border-radius: 1.4rem;
    box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, .22);
    padding: clamp(1rem, 2vw, 1.4rem);
}

.zdr-diagram__lane[b-esj1x77dlx] {
    align-items: center;
    display: grid;
    gap: .9rem;
    grid-template-columns: minmax(0, 1fr) 5.5rem minmax(0, 1fr);
}

.zdr-diagram__node[b-esj1x77dlx] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 1rem;
    display: grid;
    min-height: 8.5rem;
    padding: 1rem;
    position: relative;
}

.zdr-diagram__node--provider[b-esj1x77dlx] {
    background: linear-gradient(145deg, rgba(15, 118, 110, .78), rgba(8, 55, 62, .82));
    border-color: rgba(94, 234, 212, .35);
}

.zdr-diagram__step[b-esj1x77dlx] {
    align-items: center;
    background: #ccfbf1;
    border-radius: 50%;
    color: #115e59;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 900;
    height: 1.75rem;
    justify-content: center;
    margin-bottom: .9rem;
    width: 1.75rem;
}

.zdr-diagram__node strong[b-esj1x77dlx],
.zdr-diagram__node small[b-esj1x77dlx] {
    display: block;
}

.zdr-diagram__node strong[b-esj1x77dlx] {
    align-self: end;
    color: #fff;
    font-size: .92rem;
}

.zdr-diagram__node small[b-esj1x77dlx] {
    color: #b8d4d7;
    line-height: 1.4;
    margin-top: .2rem;
}

.zdr-diagram__connector[b-esj1x77dlx] {
    color: #9dc4c7;
    display: grid;
    font-size: .62rem;
    font-weight: 700;
    gap: .4rem;
    letter-spacing: .07em;
    text-align: center;
    text-transform: uppercase;
}

.zdr-diagram__connector div[b-esj1x77dlx] {
    background: rgba(94, 234, 212, .35);
    height: 1px;
    position: relative;
}

.zdr-diagram__connector div[b-esj1x77dlx]::after {
    border-bottom: .28rem solid transparent;
    border-left: .45rem solid #5eead4;
    border-top: .28rem solid transparent;
    content: "";
    position: absolute;
    right: -.05rem;
    top: -.25rem;
}

.zdr-diagram__connector i[b-esj1x77dlx] {
    animation: zdr-flow-b-esj1x77dlx 2.3s ease-in-out infinite;
    background: #ccfbf1;
    border-radius: 50%;
    box-shadow: 0 0 .65rem #5eead4;
    height: .38rem;
    left: 0;
    position: absolute;
    top: -.18rem;
    width: .38rem;
}

@keyframes zdr-flow-b-esj1x77dlx {
    0%, 15% { opacity: 0; transform: translateX(0); }
    25%, 75% { opacity: 1; }
    85%, 100% { opacity: 0; transform: translateX(5rem); }
}

.zdr-diagram__outcome[b-esj1x77dlx] {
    align-items: center;
    background: rgba(153, 246, 228, .09);
    border: 1px solid rgba(153, 246, 228, .2);
    border-radius: .9rem;
    display: flex;
    gap: .8rem;
    margin-top: 1rem;
    padding: .85rem;
}

.zdr-diagram__outcome svg[b-esj1x77dlx] {
    fill: none;
    flex: 0 0 2rem;
    height: 2rem;
    stroke: #5eead4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 2rem;
}

.zdr-diagram__outcome strong[b-esj1x77dlx],
.zdr-diagram__outcome small[b-esj1x77dlx] {
    display: block;
}

.zdr-diagram__outcome strong[b-esj1x77dlx] {
    color: #ecfdf5;
    font-size: .85rem;
}

.zdr-diagram__outcome small[b-esj1x77dlx] {
    color: #a7c9ca;
    line-height: 1.35;
    margin-top: .15rem;
}

.zdr-basics[b-esj1x77dlx],
.zdr-providers[b-esj1x77dlx],
.zdr-checklist[b-esj1x77dlx] {
    margin-top: clamp(2rem, 5vw, 4rem);
}

.zdr-basics > header[b-esj1x77dlx],
.zdr-section-heading[b-esj1x77dlx] {
    margin-bottom: 1.25rem;
}

.zdr-basics h2[b-esj1x77dlx],
.zdr-section-heading h2[b-esj1x77dlx],
.zdr-checklist h2[b-esj1x77dlx] {
    color: var(--zdr-ink);
    font-size: clamp(1.8rem, 3.5vw, 2.65rem);
    letter-spacing: -.035em;
    line-height: 1.08;
    margin: .4rem 0 0;
}

.zdr-basics__grid[b-esj1x77dlx] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.zdr-basics__grid article[b-esj1x77dlx] {
    background: #fff;
    border: 1px solid var(--zdr-border);
    border-radius: 1.2rem;
    box-shadow: 0 .8rem 2rem rgba(15, 42, 51, .06);
    padding: 1.35rem;
}

.zdr-basics__grid article > span[b-esj1x77dlx] {
    color: var(--zdr-accent);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.zdr-basics__grid h3[b-esj1x77dlx] {
    color: var(--zdr-ink);
    font-size: 1.12rem;
    margin: .65rem 0 .45rem;
}

.zdr-basics__grid p[b-esj1x77dlx],
.zdr-section-heading > p[b-esj1x77dlx],
.zdr-checklist p[b-esj1x77dlx] {
    color: var(--zdr-muted);
    line-height: 1.65;
    margin: 0;
}

.zdr-section-heading[b-esj1x77dlx] {
    align-items: end;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}

.zdr-section-heading > p[b-esj1x77dlx] {
    max-width: 31rem;
    text-align: right;
}

.zdr-provider-grid[b-esj1x77dlx] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.zdr-provider-card[b-esj1x77dlx] {
    background: #fff;
    border: 1px solid var(--zdr-border);
    border-radius: 1.35rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 42, 51, .07);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: clamp(1.35rem, 3vw, 2rem);
    position: relative;
}

.zdr-provider-card[b-esj1x77dlx]::before {
    background: var(--provider-accent);
    content: "";
    height: .3rem;
    inset: 0 0 auto;
    position: absolute;
}

.zdr-provider-card--openai[b-esj1x77dlx] {
    --provider-accent: #10a37f;
    --provider-soft: #e9faf5;
}

.zdr-provider-card--xai[b-esj1x77dlx] {
    --provider-accent: #111827;
    --provider-soft: #f1f5f9;
}

.zdr-provider-card > header[b-esj1x77dlx] {
    align-items: center;
    display: flex;
    gap: .9rem;
}

.zdr-provider-mark[b-esj1x77dlx] {
    align-items: center;
    background: var(--provider-soft);
    border-radius: .85rem;
    color: var(--provider-accent);
    display: inline-flex;
    flex: 0 0 3rem;
    font-size: 1.3rem;
    font-weight: 900;
    height: 3rem;
    justify-content: center;
}

.zdr-provider-card header span:not(.zdr-provider-mark)[b-esj1x77dlx] {
    color: var(--zdr-muted);
    display: block;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.zdr-provider-card h3[b-esj1x77dlx] {
    color: var(--zdr-ink);
    font-size: 1.35rem;
    margin: .15rem 0 0;
}

.zdr-provider-summary[b-esj1x77dlx] {
    color: var(--zdr-muted);
    line-height: 1.65;
    margin: 1.2rem 0;
}

.zdr-provider-card dl[b-esj1x77dlx] {
    display: grid;
    gap: 0;
    margin: 0 0 1.25rem;
}

.zdr-provider-card dl > div[b-esj1x77dlx] {
    border-top: 1px solid #e8eef1;
    display: grid;
    gap: .85rem;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    padding: .9rem 0;
}

.zdr-provider-card dt[b-esj1x77dlx] {
    color: var(--provider-accent);
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.zdr-provider-card dd[b-esj1x77dlx] {
    color: #4f6172;
    line-height: 1.55;
    margin: 0;
}

.zdr-provider-card code[b-esj1x77dlx] {
    background: var(--provider-soft);
    border-radius: .3rem;
    color: var(--zdr-ink);
    padding: .08rem .28rem;
}

.zdr-provider-card > a[b-esj1x77dlx] {
    align-items: center;
    border-top: 1px solid #e8eef1;
    color: var(--provider-accent);
    display: flex;
    font-size: .85rem;
    font-weight: 800;
    gap: .45rem;
    margin-top: auto;
    padding-top: 1rem;
    text-decoration: none;
}

.zdr-provider-card > a:hover[b-esj1x77dlx] {
    text-decoration: underline;
    text-underline-offset: .2em;
}

.zdr-checklist[b-esj1x77dlx] {
    align-items: start;
    background:
        radial-gradient(circle at 8% 12%, rgba(45, 212, 191, .11), transparent 22rem),
        #f5faf9;
    border: 1px solid #d8e9e6;
    border-radius: 1.4rem;
    display: grid;
    gap: clamp(2rem, 5vw, 4rem);
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    padding: clamp(1.5rem, 4vw, 3rem);
}

.zdr-checklist p[b-esj1x77dlx] {
    margin-top: 1rem;
}

.zdr-checklist ol[b-esj1x77dlx] {
    display: grid;
    gap: .75rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.zdr-checklist li[b-esj1x77dlx] {
    align-items: start;
    background: #fff;
    border: 1px solid #dbe8e6;
    border-radius: .9rem;
    display: grid;
    gap: .8rem;
    grid-template-columns: 2rem minmax(0, 1fr);
    padding: .9rem;
}

.zdr-checklist li > span[b-esj1x77dlx] {
    align-items: center;
    background: #ccfbf1;
    border-radius: 50%;
    color: #115e59;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 900;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.zdr-checklist strong[b-esj1x77dlx],
.zdr-checklist small[b-esj1x77dlx] {
    display: block;
}

.zdr-checklist strong[b-esj1x77dlx] {
    color: var(--zdr-ink);
    font-size: .92rem;
}

.zdr-checklist small[b-esj1x77dlx] {
    color: var(--zdr-muted);
    line-height: 1.5;
    margin-top: .15rem;
}

.zdr-note[b-esj1x77dlx] {
    color: var(--zdr-muted);
    font-size: .8rem;
    line-height: 1.55;
    margin: 1.25rem auto 0;
    max-width: 60rem;
    text-align: center;
}

@media (max-width: 980px) {
    .zdr-hero[b-esj1x77dlx],
    .zdr-checklist[b-esj1x77dlx] {
        grid-template-columns: 1fr;
    }

    .zdr-hero h1[b-esj1x77dlx] {
        max-width: 12ch;
    }

    .zdr-provider-grid[b-esj1x77dlx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .zdr-shell[b-esj1x77dlx] {
        margin-top: .5rem;
    }

    .zdr-hero[b-esj1x77dlx] {
        border-radius: 1.15rem;
        padding: 1.5rem;
    }

    .zdr-diagram__lane[b-esj1x77dlx] {
        grid-template-columns: 1fr;
    }

    .zdr-diagram__connector[b-esj1x77dlx] {
        grid-template-columns: 1fr auto 1fr;
    }

    .zdr-diagram__connector div[b-esj1x77dlx] {
        height: 2.5rem;
        margin: 0 auto;
        width: 1px;
    }

    .zdr-diagram__connector div[b-esj1x77dlx]::after {
        border-left: .28rem solid transparent;
        border-right: .28rem solid transparent;
        border-top: .45rem solid #5eead4;
        bottom: -.05rem;
        left: -.25rem;
        right: auto;
        top: auto;
    }

    .zdr-diagram__connector i[b-esj1x77dlx] {
        animation: zdr-flow-mobile-b-esj1x77dlx 2.3s ease-in-out infinite;
        left: -.18rem;
        top: 0;
    }

    .zdr-basics__grid[b-esj1x77dlx] {
        grid-template-columns: 1fr;
    }

    .zdr-section-heading[b-esj1x77dlx] {
        align-items: start;
        flex-direction: column;
        gap: .75rem;
    }

    .zdr-section-heading > p[b-esj1x77dlx] {
        text-align: left;
    }

    .zdr-provider-card dl > div[b-esj1x77dlx] {
        gap: .35rem;
        grid-template-columns: 1fr;
    }
}

@keyframes zdr-flow-mobile-b-esj1x77dlx {
    0%, 15% { opacity: 0; transform: translateY(0); }
    25%, 75% { opacity: 1; }
    85%, 100% { opacity: 0; transform: translateY(2.25rem); }
}

@media (prefers-reduced-motion: reduce) {
    .zdr-diagram__connector i[b-esj1x77dlx] {
        animation: none;
        opacity: 1;
    }
}

.zdr-tool-symbols[b-esj1x77dlx] {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.zdr-tools[b-esj1x77dlx] {
    margin-top: clamp(2rem, 5vw, 4rem);
}

.zdr-tools-intro[b-esj1x77dlx] {
    background:
        radial-gradient(circle at 100% 0, rgba(0, 120, 212, .12), transparent 24rem),
        #f7fbff;
    border: 1px solid #cfe3f3;
    border-radius: 1.2rem;
    color: #40556b;
    display: grid;
    gap: .75rem;
    line-height: 1.7;
    margin-bottom: 1rem;
    padding: clamp(1.2rem, 3vw, 1.8rem);
}

.zdr-tools-intro p[b-esj1x77dlx] {
    margin: 0;
}

.zdr-tools-intro code[b-esj1x77dlx],
.zdr-deploy code[b-esj1x77dlx] {
    background: #e5f1fb;
    border-radius: .3rem;
    color: #064d81;
    padding: .08rem .3rem;
}

.zdr-tool-tabs[b-esj1x77dlx] {
    background: #eaf1f6;
    border: 1px solid #dce6ed;
    border-radius: 1rem;
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: .85rem;
    padding: .45rem;
}

.zdr-tool-tab[b-esj1x77dlx] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: .75rem;
    color: #536a7f;
    display: flex;
    gap: .8rem;
    min-height: 4rem;
    padding: .7rem .85rem;
    text-align: left;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.zdr-tool-tab:hover[b-esj1x77dlx] {
    background: rgba(255, 255, 255, .65);
}

.zdr-tool-tab:focus-visible[b-esj1x77dlx],
.zdr-source-tab:focus-visible[b-esj1x77dlx],
.zdr-tool-viewer-action:focus-visible[b-esj1x77dlx],
.zdr-deploy-button:focus-visible[b-esj1x77dlx] {
    outline: 3px solid rgba(0, 120, 212, .3);
    outline-offset: 2px;
}

.zdr-tool-tab.is-active[b-esj1x77dlx] {
    background: #fff;
    border-color: #ccdce7;
    box-shadow: 0 .35rem 1rem rgba(25, 66, 96, .08);
    color: #123d5d;
}

.zdr-tool-tab > span:first-child[b-esj1x77dlx] {
    align-items: center;
    background: rgba(0, 120, 212, .1);
    border-radius: .6rem;
    color: #0078d4;
    display: inline-flex;
    flex: 0 0 2.5rem;
    font-size: .7rem;
    font-weight: 850;
    height: 2.5rem;
    justify-content: center;
    letter-spacing: .08em;
}

.zdr-tool-tab.is-active > span:first-child[b-esj1x77dlx] {
    background: #0078d4;
    color: #fff;
}

.zdr-tool-tab strong[b-esj1x77dlx],
.zdr-tool-tab small[b-esj1x77dlx] {
    display: block;
}

.zdr-tool-tab strong[b-esj1x77dlx] {
    font-size: .92rem;
}

.zdr-tool-tab small[b-esj1x77dlx] {
    color: #73879a;
    font-size: .73rem;
    margin-top: .15rem;
}

.zdr-tool-viewer-shell[b-esj1x77dlx],
.zdr-source-shell[b-esj1x77dlx] {
    background: #fff;
    border: 1px solid #d7e2eb;
    border-radius: 1.2rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 42, 51, .08);
    overflow: hidden;
}

.zdr-tool-viewer-header[b-esj1x77dlx] {
    align-items: center;
    background: rgba(255, 255, 255, .97);
    border-bottom: 1px solid #d7e2eb;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

.zdr-tool-viewer-header > div:first-child[b-esj1x77dlx] {
    min-width: 0;
}

.zdr-tool-viewer-header > div:first-child > span[b-esj1x77dlx] {
    color: #0078d4;
    display: block;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.zdr-tool-viewer-header h3[b-esj1x77dlx] {
    color: var(--zdr-ink);
    font-size: 1rem;
    margin: .18rem 0 0;
}

.zdr-tool-viewer-header p[b-esj1x77dlx] {
    color: var(--zdr-muted);
    font-size: .75rem;
    line-height: 1.4;
    margin: .2rem 0 0;
    max-width: 42rem;
}

.zdr-tool-viewer-toolbar[b-esj1x77dlx],
.zdr-tool-viewer-toolbar__group[b-esj1x77dlx] {
    align-items: center;
    display: flex;
}

.zdr-tool-viewer-toolbar[b-esj1x77dlx] {
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: .5rem;
}

.zdr-tool-viewer-toolbar__group[b-esj1x77dlx] {
    background: #f2f6f9;
    border: 1px solid #dce6ed;
    border-radius: .7rem;
    gap: .15rem;
    padding: .18rem;
}

.zdr-tool-viewer-action[b-esj1x77dlx] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .5rem;
    color: #314d65;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 750;
    gap: .35rem;
    height: 2.15rem;
    justify-content: center;
    padding: 0 .55rem;
    text-decoration: none;
}

.zdr-tool-viewer-action:hover[b-esj1x77dlx] {
    background: #fff;
    box-shadow: 0 .2rem .65rem rgba(34, 68, 97, .12);
    color: #0078d4;
}

.zdr-tool-viewer-action:disabled[b-esj1x77dlx] {
    box-shadow: none;
    cursor: wait;
    opacity: .45;
}

.zdr-tool-viewer-action svg[b-esj1x77dlx],
.zdr-tool-viewer-hint svg[b-esj1x77dlx] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

.zdr-tool-viewer-action svg[b-esj1x77dlx] {
    height: 1rem;
    width: 1rem;
}

.zdr-tool-viewer-action--icon[b-esj1x77dlx] {
    padding: 0;
    width: 2.15rem;
}

.zdr-tool-zoom-readout[b-esj1x77dlx] {
    color: #5a7085;
    font-size: .7rem;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    min-width: 3.1rem;
    text-align: center;
}

.zdr-tool-viewer-viewport[b-esj1x77dlx] {
    background: #e7edf3;
    cursor: grab;
    height: clamp(30rem, 68vh, 48rem);
    min-height: 28rem;
    overflow: hidden;
    position: relative;
    touch-action: none;
    user-select: none;
}

.zdr-tool-viewer-viewport:focus-visible[b-esj1x77dlx] {
    box-shadow: inset 0 0 0 3px rgba(0, 120, 212, .5);
    outline: 0;
}

.zdr-tool-viewer-viewport.is-dragging[b-esj1x77dlx] {
    cursor: grabbing;
}

.zdr-tool-viewer-grid[b-esj1x77dlx] {
    background-image:
        linear-gradient(rgba(70, 94, 119, .075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(70, 94, 119, .075) 1px, transparent 1px);
    background-position: center;
    background-size: 24px 24px;
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.zdr-tool-viewer-image[b-esj1x77dlx] {
    background: #fff;
    border: 1px solid rgba(54, 75, 96, .13);
    border-radius: .75rem;
    box-shadow: 0 1.5rem 3rem rgba(28, 50, 72, .18);
    height: auto;
    left: 50%;
    max-height: calc(100% - 4rem);
    max-width: calc(100% - 4rem);
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    width: auto;
    will-change: transform;
}

.zdr-tool-viewer-viewport.is-ready .zdr-tool-viewer-image[b-esj1x77dlx] {
    max-height: none;
    max-width: none;
}

.zdr-tool-viewer-hint[b-esj1x77dlx] {
    align-items: center;
    backdrop-filter: blur(10px);
    background: rgba(18, 38, 57, .8);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    bottom: 1rem;
    color: #edf7ff;
    display: flex;
    font-size: .7rem;
    gap: .4rem;
    left: 50%;
    padding: .45rem .72rem;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
}

.zdr-tool-viewer-hint svg[b-esj1x77dlx] {
    height: .9rem;
    width: .9rem;
}

.zdr-tool-viewer-footer[b-esj1x77dlx] {
    align-items: center;
    background: #f8fafc;
    border-top: 1px solid #d7e2eb;
    color: #65778a;
    display: flex;
    flex-wrap: wrap;
    font-size: .7rem;
    gap: .75rem 1.4rem;
    justify-content: space-between;
    padding: .72rem 1.15rem;
}

.zdr-tool-viewer-footer strong[b-esj1x77dlx] {
    color: #2d465c;
    margin-right: .35rem;
}

.zdr-tool-viewer-shell:fullscreen[b-esj1x77dlx] {
    background: #fff;
    border: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.zdr-tool-viewer-shell:fullscreen .zdr-tool-viewer-header[b-esj1x77dlx],
.zdr-tool-viewer-shell:fullscreen .zdr-tool-viewer-footer[b-esj1x77dlx] {
    flex: 0 0 auto;
}

.zdr-tool-viewer-shell:fullscreen .zdr-tool-viewer-viewport[b-esj1x77dlx] {
    flex: 1 1 auto;
    height: auto;
}

.zdr-source-tabs[b-esj1x77dlx] {
    background: #eff4f7;
    border-bottom: 1px solid #d7e2eb;
    display: flex;
    gap: .35rem;
    overflow-x: auto;
    padding: .55rem .6rem 0;
}

.zdr-source-tab[b-esj1x77dlx] {
    background: transparent;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: .65rem .65rem 0 0;
    color: #5d7082;
    flex: 0 0 auto;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    font-size: .78rem;
    font-weight: 700;
    min-height: 2.55rem;
    padding: .55rem .85rem;
}

.zdr-source-tab:hover[b-esj1x77dlx] {
    background: rgba(255, 255, 255, .65);
}

.zdr-source-tab.is-active[b-esj1x77dlx] {
    background: #101827;
    border-color: #101827;
    color: #e6edf5;
}

.zdr-source-panel[b-esj1x77dlx] {
    background: #101827;
}

.zdr-source-panel.is-error[b-esj1x77dlx] {
    box-shadow: inset 0 0 0 2px #f87171;
}

.zdr-source-panel pre[b-esj1x77dlx] {
    color: #d9e2ec;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    font-size: .78rem;
    line-height: 1.65;
    margin: 0;
    max-height: 46rem;
    min-height: 30rem;
    overflow: auto;
    padding: 1.2rem 1.35rem;
    tab-size: 4;
    white-space: pre;
}

.zdr-source-panel pre:focus-visible[b-esj1x77dlx] {
    box-shadow: inset 0 0 0 3px rgba(56, 189, 248, .55);
    outline: 0;
}

.zdr-source-panel code[b-esj1x77dlx] {
    color: inherit;
    font: inherit;
}

.zdr-source-panel.is-error code[b-esj1x77dlx] {
    color: #fecaca;
}

.zdr-source-shell[b-esj1x77dlx]  .syntax-keyword {
    color: #ff7b72;
}

.zdr-source-shell[b-esj1x77dlx]  .syntax-string {
    color: #a5d6ff;
}

.zdr-source-shell[b-esj1x77dlx]  .syntax-comment {
    color: #8b949e;
    font-style: italic;
}

.zdr-source-shell[b-esj1x77dlx]  .syntax-decorator {
    color: #d2a8ff;
}

.zdr-source-shell[b-esj1x77dlx]  .syntax-number {
    color: #79c0ff;
}

.zdr-source-shell[b-esj1x77dlx]  .syntax-property {
    color: #7ee787;
}

.zdr-source-shell[b-esj1x77dlx]  .syntax-literal {
    color: #ffa657;
}

.zdr-deploy[b-esj1x77dlx] {
    align-items: center;
    background: #fff;
    border: 1px solid #d7e2eb;
    border-radius: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr);
    margin-top: 1rem;
    padding: clamp(1rem, 3vw, 1.5rem);
}

.zdr-deploy-button[b-esj1x77dlx] {
    align-items: center;
    background: #0078d4;
    border: 1px solid #0078d4;
    border-radius: .65rem;
    box-shadow: 0 .5rem 1.2rem rgba(0, 120, 212, .2);
    color: #fff;
    display: inline-flex;
    font-weight: 800;
    gap: .65rem;
    min-height: 3rem;
    padding: .7rem 1rem;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}

.zdr-deploy-button:hover[b-esj1x77dlx] {
    background: #106ebe;
    border-color: #106ebe;
    color: #fff;
    transform: translateY(-1px);
}

.zdr-deploy-button svg[b-esj1x77dlx] {
    fill: currentColor;
    height: 1.35rem;
    width: 1.35rem;
}

.zdr-deploy p[b-esj1x77dlx] {
    color: var(--zdr-muted);
    line-height: 1.65;
    margin: 0;
}

@media (max-width: 900px) {
    .zdr-tool-viewer-header[b-esj1x77dlx] {
        align-items: stretch;
        flex-direction: column;
    }

    .zdr-tool-viewer-toolbar[b-esj1x77dlx] {
        justify-content: space-between;
        width: 100%;
    }

    .zdr-deploy[b-esj1x77dlx] {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .zdr-deploy-button[b-esj1x77dlx] {
        justify-self: start;
    }
}

@media (max-width: 650px) {
    .zdr-tool-tabs[b-esj1x77dlx] {
        grid-template-columns: 1fr;
    }

    .zdr-tool-viewer-action span[b-esj1x77dlx] {
        display: none;
    }

    .zdr-tool-viewer-action:not(.zdr-tool-viewer-action--icon)[b-esj1x77dlx] {
        padding: 0;
        width: 2.15rem;
    }

    .zdr-tool-viewer-viewport[b-esj1x77dlx] {
        height: 30rem;
        min-height: 24rem;
    }

    .zdr-tool-viewer-footer[b-esj1x77dlx] {
        align-items: flex-start;
        flex-direction: column;
    }

    .zdr-source-panel pre[b-esj1x77dlx] {
        min-height: 24rem;
        padding: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zdr-tool-tab[b-esj1x77dlx],
    .zdr-tool-viewer-action[b-esj1x77dlx],
    .zdr-deploy-button[b-esj1x77dlx] {
        transition: none;
    }
}
/* /Components/PlaygroundActionBar.razor.rz.scp.css */
.playground-action-bar[b-gciywrysab] {
    align-items: center;
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    bottom: var(--playground-space-sm);
    box-shadow: var(--playground-shadow-sm);
    display: flex;
    gap: var(--playground-space-md);
    justify-content: space-between;
    margin: var(--playground-space-sm) 0;
    padding: var(--playground-space-sm);
    position: sticky;
    z-index: 30;
}

.playground-composer-dock .playground-action-bar[b-gciywrysab] {
    border: 0;
    border-radius: 0;
    bottom: auto;
    box-shadow: none;
    margin: 0;
    padding: var(--playground-space-sm) 0 0;
    position: static;
}

.playground-action-status[b-gciywrysab] {
    color: var(--playground-text-muted);
    flex: 1 1 12rem;
    min-width: 0;
}

.playground-action-buttons[b-gciywrysab] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-sm);
    justify-content: flex-end;
    min-width: 0;
}

.playground-primary-action[b-gciywrysab] {
    align-items: center;
    background: var(--playground-primary) !important;
    border-color: var(--playground-primary) !important;
    border-radius: var(--playground-radius-md);
    color: #fff !important;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 700;
    gap: var(--playground-space-sm);
    justify-content: center;
    min-height: var(--playground-touch-target);
    min-width: 9.5rem;
    padding: 0.55rem 1rem;
    white-space: nowrap;
}

.playground-primary-action.playground-primary-action-icon-only[b-gciywrysab] {
    border-radius: 50%;
    flex: 0 0 var(--playground-touch-target);
    height: var(--playground-touch-target);
    min-width: var(--playground-touch-target);
    padding: 0;
    width: var(--playground-touch-target);
}

.playground-primary-action:hover[b-gciywrysab],
.playground-primary-action:active[b-gciywrysab] {
    background: var(--playground-primary-hover) !important;
    border-color: var(--playground-primary-hover) !important;
}

.playground-primary-action.btn-outline-danger[b-gciywrysab] {
    background: var(--playground-status-error) !important;
    border-color: var(--playground-status-error) !important;
}

.playground-primary-action.btn-outline-danger:hover[b-gciywrysab],
.playground-primary-action.btn-outline-danger:active[b-gciywrysab] {
    background: color-mix(in srgb, var(--playground-status-error) 82%, var(--playground-code-surface)) !important;
    border-color: color-mix(in srgb, var(--playground-status-error) 82%, var(--playground-code-surface)) !important;
}

.playground-primary-action .rzi[b-gciywrysab] {
    font-size: 1rem;
}

.playground-primary-action:disabled[b-gciywrysab] {
    filter: saturate(0.55);
}

@media (max-width: 767.98px) {
    .playground-action-bar[b-gciywrysab] {
        align-items: stretch;
        bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        flex-direction: column;
        margin-inline: 0;
        max-width: 100%;
        padding-bottom: max(var(--playground-space-sm), env(safe-area-inset-bottom));
        width: 100%;
    }

    .playground-action-status[b-gciywrysab] {
        flex: 0 1 auto;
    }

    .playground-action-status:empty[b-gciywrysab] {
        display: none;
    }

    .playground-action-buttons[b-gciywrysab] {
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        width: 100%;
    }

    .playground-primary-action[b-gciywrysab] {
        flex: 0 1 auto;
        min-width: 8rem;
    }
}
/* /Components/PlaygroundAdvancedSection.razor.rz.scp.css */
.playground-advanced-section[b-mcm0d0ka0b] {
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    margin-bottom: var(--playground-space-md);
    overflow: hidden;
}

.playground-advanced-section summary[b-mcm0d0ka0b] {
    align-items: center;
    background: var(--playground-surface-subtle);
    cursor: pointer;
    display: flex;
    gap: var(--playground-space-md);
    justify-content: space-between;
    list-style: none;
    min-height: var(--playground-touch-target);
    padding: 0.7rem var(--playground-space-md);
}

.playground-advanced-section summary[b-mcm0d0ka0b]::-webkit-details-marker {
    display: none;
}

.playground-advanced-section summary:focus-visible[b-mcm0d0ka0b] {
    box-shadow: inset 0 0 0 2px var(--playground-primary);
    outline: 0;
}

.playground-advanced-section-title[b-mcm0d0ka0b] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    min-width: 0;
}

.playground-advanced-section-title[b-mcm0d0ka0b] >  .rzi {
    color: var(--playground-primary);
    flex: 0 0 auto;
    font-size: 1rem;
}

.playground-advanced-section summary small[b-mcm0d0ka0b] {
    color: var(--playground-text-muted);
    display: block;
    font-weight: 400;
    margin-top: 0.15rem;
}

.playground-advanced-section > summary[b-mcm0d0ka0b]  .playground-advanced-section-chevron {
    color: var(--playground-text-muted);
    flex: 0 0 auto;
    transition: transform 0.18s ease-out;
}

.playground-advanced-section[open] > summary[b-mcm0d0ka0b] {
    border-bottom: 1px solid var(--playground-border);
}

.playground-advanced-section[open] > summary[b-mcm0d0ka0b]  .playground-advanced-section-chevron {
    transform: rotate(180deg);
}

.playground-advanced-section-body[b-mcm0d0ka0b] {
    padding: var(--playground-space-md);
}

@media (prefers-reduced-motion: reduce) {
    .playground-advanced-section > summary[b-mcm0d0ka0b]  .playground-advanced-section-chevron {
        transition: none;
    }
}
/* /Components/PlaygroundChatOutput.razor.rz.scp.css */
.playground-chat-output[b-i43h2nou2w] {
    min-width: 0;
    overflow-anchor: none;
}

.playground-chat-output-group[b-i43h2nou2w] {
    min-width: 0;
}

.playground-chat-output[data-transitioning] > .playground-chat-output-group[b-i43h2nou2w] {
    position: relative;
}

.playground-chat-output[data-transitioning] > [data-chat-output-section="results"][b-i43h2nou2w] {
    z-index: 1;
}
/* /Components/PlaygroundConversation.razor.rz.scp.css */
.playground-conversation[b-znhufio0jw] {
    color: var(--playground-text);
    margin-block: var(--playground-space-lg);
    min-width: 0;
}

.playground-conversation[hidden][b-znhufio0jw],
.conversation-current-output[hidden][b-znhufio0jw] {
    display: none;
}

.conversation-trail-heading[b-znhufio0jw],
.conversation-current-heading[b-znhufio0jw],
.conversation-bubble-heading[b-znhufio0jw] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-sm) var(--playground-space-md);
    justify-content: space-between;
}

.conversation-trail-heading[b-znhufio0jw] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
    margin-bottom: var(--playground-space-lg);
}

.conversation-trail-heading h2[b-znhufio0jw],
.conversation-current-heading h2[b-znhufio0jw] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

.conversation-turn-list[b-znhufio0jw] {
    display: grid;
    gap: var(--playground-space-md);
    list-style: none;
    margin: 0;
    padding: 0;
}

.conversation-turn[b-znhufio0jw],
.conversation-current-turn[b-znhufio0jw] {
    align-items: end;
    display: flex;
    gap: var(--playground-space-sm);
    justify-content: flex-end;
    min-width: 0;
}

.conversation-bubble[b-znhufio0jw] {
    background: var(--playground-primary);
    border: 1px solid var(--playground-primary-hover);
    border-radius: var(--playground-radius-lg) var(--playground-radius-lg) var(--playground-radius-sm) var(--playground-radius-lg);
    color: var(--playground-surface);
    max-width: min(76%, 68rem);
    min-width: 0;
    padding: 0.875rem 1.125rem;
}

.conversation-bubble-heading[b-znhufio0jw] {
    color: var(--playground-primary-soft);
    font-size: 0.875rem;
    margin-bottom: var(--playground-space-sm);
}

.conversation-bubble-heading > span:first-child[b-znhufio0jw] {
    color: var(--playground-surface);
    font-weight: 600;
}

.conversation-turn-number[b-znhufio0jw],
.conversation-turn-note[b-znhufio0jw] {
    color: var(--playground-primary-soft);
    font-weight: 400;
}

.conversation-prompt[b-znhufio0jw] {
    line-height: 1.6;
    margin: 0;
    overflow-wrap: anywhere;
    unicode-bidi: plaintext;
    white-space: pre-wrap;
}

.conversation-bubble .conversation-prompt[b-znhufio0jw] {
    max-height: 5lh;
    overflow-y: auto;
}

.conversation-open[b-znhufio0jw],
.conversation-icon-button[b-znhufio0jw],
.conversation-back[b-znhufio0jw] {
    align-items: center;
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    color: var(--playground-text);
    display: inline-flex;
    flex-shrink: 0;
    gap: var(--playground-space-sm);
    justify-content: center;
    min-height: var(--playground-touch-target);
    min-width: var(--playground-touch-target);
    padding: var(--playground-space-sm);
    transition: background-color 150ms ease, border-color 150ms ease;
}

.conversation-open[b-znhufio0jw] {
    border-radius: var(--playground-radius-md) var(--playground-radius-md) var(--playground-radius-md) var(--playground-radius-sm);
    color: var(--playground-primary-hover);
}

.conversation-open:hover[b-znhufio0jw],
.conversation-icon-button:not(:disabled):hover[b-znhufio0jw],
.conversation-back:hover[b-znhufio0jw],
.conversation-attachment:not(:disabled):hover[b-znhufio0jw] {
    background: var(--playground-primary-soft);
    border-color: var(--playground-primary);
}

button:focus-visible[b-znhufio0jw],
summary:focus-visible[b-znhufio0jw],
.conversation-bubble .conversation-prompt:focus-visible[b-znhufio0jw] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 3px;
}

.conversation-bubble .conversation-attachment:focus-visible[b-znhufio0jw],
.conversation-bubble .conversation-prompt:focus-visible[b-znhufio0jw] {
    outline-color: var(--playground-surface);
}

button:disabled[b-znhufio0jw] {
    cursor: not-allowed;
    opacity: 0.5;
}

.conversation-current[b-znhufio0jw] {
    border-top: 1px solid var(--playground-border);
    margin-top: var(--playground-space-xl);
    padding-top: var(--playground-space-lg);
    scroll-margin-block: var(--playground-space-md);
}

.conversation-current:first-child[b-znhufio0jw] {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.conversation-current-heading[b-znhufio0jw] {
    margin-bottom: var(--playground-space-md);
}

.conversation-current-status[b-znhufio0jw] {
    align-items: center;
    color: var(--playground-text-muted);
    display: inline-flex;
    font-size: 0.875rem;
    gap: var(--playground-space-xs);
}

.conversation-current-actions[b-znhufio0jw] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-md);
}

.conversation-history-link[b-znhufio0jw] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--playground-radius-sm);
    color: var(--playground-primary-hover);
    display: inline-flex;
    font-size: 0.875rem;
    gap: var(--playground-space-xs);
    min-height: var(--playground-touch-target);
    padding: var(--playground-space-xs) var(--playground-space-sm);
}

.conversation-history-link:hover[b-znhufio0jw] {
    background: var(--playground-primary-soft);
}

.conversation-current-status[b-znhufio0jw]  .rzi {
    font-size: 1.125rem;
}

.conversation-bubble--current[b-znhufio0jw] {
    margin-left: auto;
    max-width: min(85%, 72rem);
    padding: 1.125rem 1.375rem;
}

.conversation-model[b-znhufio0jw] {
    overflow-wrap: anywhere;
}

.conversation-attachments[b-znhufio0jw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-sm);
    list-style: none;
    margin: var(--playground-space-md) 0 0;
    padding: 0;
}

.conversation-attachments li[b-znhufio0jw] {
    max-width: 100%;
    min-width: 0;
}

.conversation-attachment[b-znhufio0jw] {
    align-items: center;
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    color: var(--playground-text);
    display: flex;
    gap: var(--playground-space-sm);
    max-width: 100%;
    min-height: var(--playground-touch-target);
    padding: 0.375rem 0.625rem;
    text-align: start;
}

.conversation-attachment > span[b-znhufio0jw] {
    min-width: 0;
}

.conversation-attachment img[b-znhufio0jw] {
    border-radius: var(--playground-radius-sm);
    object-fit: cover;
}

.conversation-attachment img[b-znhufio0jw],
.conversation-attachment[b-znhufio0jw]  .rzi {
    flex-shrink: 0;
}

.conversation-attachment-name[b-znhufio0jw],
.conversation-attachment-size[b-znhufio0jw] {
    display: block;
    font-size: 0.875rem;
    overflow-wrap: anywhere;
}

.conversation-attachment-size[b-znhufio0jw] {
    color: var(--playground-text-muted);
    font-size: 0.75rem;
}

.conversation-attachment[b-znhufio0jw]  .conversation-attachment-download {
    color: var(--playground-text-muted);
    font-size: 1rem;
    margin-left: auto;
}

.conversation-reader[b-znhufio0jw] {
    --rz-primary: var(--playground-primary);
    background: var(--playground-surface);
    border: 0;
    color: var(--playground-text);
    height: 100dvh;
    inset: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.conversation-reader[open][b-znhufio0jw] {
    animation: unfold-reader-b-znhufio0jw 220ms cubic-bezier(0.16, 1, 0.3, 1);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.conversation-reader[b-znhufio0jw]::backdrop {
    background: rgb(15 23 42 / 0.5);
}

.conversation-reader-header[b-znhufio0jw] {
    align-items: center;
    border-bottom: 1px solid var(--playground-border);
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-md);
    justify-content: space-between;
    padding: 1rem clamp(1rem, 3vw, 2.5rem);
}

.conversation-back[b-znhufio0jw] {
    border-color: transparent;
    font-size: 0.875rem;
    font-weight: 600;
}

.conversation-reader-header h2[b-znhufio0jw] {
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    font-weight: 650;
    margin: 0;
}

.conversation-reader-header h2 span[b-znhufio0jw] {
    color: var(--playground-text-muted);
    font-weight: 400;
}

.conversation-reader-pagination[b-znhufio0jw] {
    align-items: center;
    display: flex;
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
    gap: var(--playground-space-sm);
}

.conversation-reader-pagination > span[b-znhufio0jw] {
    color: var(--playground-text-muted);
    margin-right: var(--playground-space-sm);
}

.conversation-reader-body[b-znhufio0jw] {
    display: grid;
    grid-template-columns: minmax(15rem, 22rem) minmax(0, 1fr);
    min-height: 0;
}

.conversation-reader-context[b-znhufio0jw] {
    background: var(--playground-surface-subtle);
    border-right: 1px solid var(--playground-border);
    min-width: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: clamp(1.25rem, 2.5vw, 2rem);
}

.conversation-prompt-details summary[b-znhufio0jw] {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    min-height: var(--playground-touch-target);
}

.conversation-prompt-details .conversation-prompt[b-znhufio0jw] {
    font-size: 1rem;
}

.conversation-turn-facts[b-znhufio0jw] {
    border-top: 1px solid var(--playground-border);
    display: grid;
    font-size: 0.875rem;
    gap: 0.875rem;
    margin: var(--playground-space-xl) 0 0;
    padding-top: var(--playground-space-lg);
}

.conversation-turn-facts > div[b-znhufio0jw] {
    display: grid;
    gap: var(--playground-space-sm);
    grid-template-columns: 5.5rem minmax(0, 1fr);
}

.conversation-turn-facts dt[b-znhufio0jw] {
    color: var(--playground-text-muted);
    font-weight: 400;
}

.conversation-turn-facts dd[b-znhufio0jw] {
    font-variant-numeric: tabular-nums;
    margin: 0;
    overflow-wrap: anywhere;
}

.conversation-reader-workspace[b-znhufio0jw] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 0 clamp(0.75rem, 2vw, 2rem);
}

.conversation-reader-workspace[b-znhufio0jw]  .conversation-reader-tabs {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.conversation-reader-workspace[b-znhufio0jw]  .conversation-reader-tabs > .rz-tabview-nav {
    flex-shrink: 0;
    overflow-x: auto;
}

.conversation-reader-workspace[b-znhufio0jw]  .conversation-reader-tabs > .rz-tabview-panels {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: var(--playground-space-lg) 0;
    scrollbar-gutter: stable;
}

.conversation-reader-workspace[b-znhufio0jw]  .rz-tabview-panel {
    min-width: 0;
}

.conversation-reader-prose[b-znhufio0jw] {
    line-height: 1.7;
    margin: 0 auto;
    max-width: 75ch;
    overflow-wrap: anywhere;
}

.conversation-reader-prose[b-znhufio0jw]  :is(h1, h2, h3, h4, h5, h6) {
    color: var(--playground-text);
    font-family: inherit;
    font-weight: 650;
    letter-spacing: -0.015em;
    line-height: 1.3;
    margin-block: 1.5em 0.625em;
    text-wrap: balance;
}

.conversation-reader-prose[b-znhufio0jw]  h1 {
    font-size: 1.75rem;
}

.conversation-reader-prose[b-znhufio0jw]  h2 {
    font-size: 1.5rem;
}

.conversation-reader-prose[b-znhufio0jw]  h3 {
    font-size: 1.125rem;
}

.conversation-reader-prose[b-znhufio0jw]  :is(h4, h5, h6) {
    font-size: 1rem;
}

.conversation-reader-prose[b-znhufio0jw]  .rz-markdown > :first-child {
    margin-top: 0;
}

.conversation-reader-prose[b-znhufio0jw]  pre {
    background: var(--playground-code-surface);
    color: var(--playground-code-text);
    overflow: auto;
    padding: var(--playground-space-md);
}

.conversation-reader-prose[b-znhufio0jw]  img {
    height: auto;
    max-width: 100%;
}

.conversation-reader-prose[b-znhufio0jw]  table {
    display: block;
    max-width: 100%;
    overflow: auto;
}

.conversation-reader-workspace[b-znhufio0jw]  .virtualized-text-area__input,
.conversation-reader-workspace[b-znhufio0jw]  textarea[readonly] {
    background: var(--playground-code-surface) !important;
    border: 1px solid var(--playground-border-strong) !important;
    border-radius: var(--playground-radius-md) !important;
    color: var(--playground-code-text);
    font-family: 'Cascadia Code', 'SFMono-Regular', Consolas, Monaco, 'Courier New', monospace;
    font-size: var(--playground-font-code);
    line-height: 1.6;
}

.conversation-reader-metadata[b-znhufio0jw] {
    display: grid;
    gap: var(--playground-space-xl);
}

.conversation-metadata-breakdown[b-znhufio0jw] {
    border-top: 1px solid var(--playground-border);
    padding-top: var(--playground-space-md);
}

.conversation-metadata-breakdown > summary[b-znhufio0jw] {
    cursor: pointer;
    font-weight: 600;
    min-height: var(--playground-touch-target);
    padding-block: var(--playground-space-sm);
}

.conversation-metadata-breakdown[open] > summary[b-znhufio0jw] {
    margin-bottom: var(--playground-space-md);
}

.conversation-reader-metadata h3[b-znhufio0jw],
.conversation-reader-empty h3[b-znhufio0jw] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 var(--playground-space-md);
}

.conversation-reader-metadata[b-znhufio0jw]  td {
    overflow-wrap: anywhere;
}

.conversation-reader-empty[b-znhufio0jw] {
    margin: clamp(1rem, 5vh, 4rem) auto;
    max-width: 48ch;
}

.conversation-reader-empty p[b-znhufio0jw],
.conversation-reader-notice[b-znhufio0jw] {
    color: var(--playground-text-muted);
    line-height: 1.6;
}

.conversation-reader-notice[b-znhufio0jw],
.conversation-error[b-znhufio0jw] {
    font-size: 0.875rem;
    margin: var(--playground-space-md) 0;
    overflow-wrap: anywhere;
}

.conversation-error[b-znhufio0jw] {
    background: var(--playground-status-error-soft);
    border-radius: var(--playground-radius-sm);
    color: var(--playground-status-error);
    max-height: 20dvh;
    overflow: auto;
    padding: var(--playground-space-md);
    white-space: pre-wrap;
}

.conversation-reader-footer[b-znhufio0jw] {
    align-items: center;
    background: var(--playground-surface-subtle);
    border-top: 1px solid var(--playground-border);
    color: var(--playground-text-muted);
    display: flex;
    font-size: 0.875rem;
    gap: var(--playground-space-md);
    justify-content: space-between;
    padding: 0.75rem clamp(1rem, 3vw, 2.5rem);
}

.conversation-reader-shortcut[b-znhufio0jw] {
    flex-shrink: 0;
}

.conversation-reader-shortcut kbd[b-znhufio0jw] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border-strong);
    color: var(--playground-text-muted);
    margin-right: var(--playground-space-xs);
}

@keyframes unfold-reader-b-znhufio0jw {
    from { clip-path: inset(1.5% 1% 0 round 0.875rem); }
    to { clip-path: inset(0); }
}

@media (max-width: 767.98px) {
    .conversation-bubble[b-znhufio0jw] {
        max-width: calc(100% - 3.25rem);
        padding: 0.875rem;
    }

    .conversation-bubble--current[b-znhufio0jw] {
        max-width: 100%;
    }

    .conversation-reader-header[b-znhufio0jw] {
        gap: var(--playground-space-sm);
        padding: max(0.5rem, env(safe-area-inset-top)) 0.75rem 0.5rem;
    }

    .conversation-reader-header h2[b-znhufio0jw] {
        flex: 1;
        font-size: 1.125rem;
        text-align: end;
    }

    .conversation-reader-pagination[b-znhufio0jw] {
        flex-basis: 100%;
        justify-content: flex-end;
    }

    .conversation-reader-pagination > span[b-znhufio0jw] {
        margin-right: auto;
    }

    .conversation-reader-body[b-znhufio0jw] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
    }

    .conversation-reader-context[b-znhufio0jw] {
        border-bottom: 1px solid var(--playground-border);
        border-right: 0;
        max-height: 24dvh;
        padding: 0.75rem 1rem;
    }

    .conversation-turn-facts[b-znhufio0jw] {
        gap: var(--playground-space-sm);
        margin-top: var(--playground-space-md);
        padding-top: var(--playground-space-md);
    }

    .conversation-reader-workspace[b-znhufio0jw]  .rz-tabview-nav li {
        flex: 1 1 0;
        min-width: 0;
    }

    .conversation-reader-workspace[b-znhufio0jw]  .rz-tabview-nav li button {
        font-size: 0.875rem;
        min-height: var(--playground-touch-target);
        padding-inline: 0.25rem;
        text-transform: none;
    }

    .conversation-reader-workspace[b-znhufio0jw]  .conversation-reader-tabs > .rz-tabview-nav {
        column-gap: var(--playground-space-xs);
    }

    .conversation-reader-workspace[b-znhufio0jw]  .conversation-reader-tabs > .rz-tabview-nav > li {
        flex: 1 0 auto;
    }

    .conversation-reader-workspace[b-znhufio0jw]  .conversation-reader-tabs > .rz-tabview-nav > li button {
        letter-spacing: normal;
        padding-inline: 0.375rem;
    }

    .conversation-reader-footer[b-znhufio0jw] {
        padding: 0.625rem 1rem max(0.625rem, env(safe-area-inset-bottom));
    }

    .conversation-reader-shortcut[b-znhufio0jw] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .conversation-reader[open][b-znhufio0jw] {
        animation: none;
    }

    button[b-znhufio0jw] {
        transition: none;
    }
}
/* /Components/PlaygroundEmptyState.razor.rz.scp.css */
.playground-empty-state[b-uefxpgm50e] {
    align-items: center;
    background: var(--playground-surface-subtle);
    border: 1px dashed var(--playground-border-strong);
    border-radius: var(--playground-radius-lg);
    color: var(--playground-text-muted);
    display: flex;
    gap: var(--playground-space-md);
    margin-block: var(--playground-space-md);
    min-height: 6.5rem;
    padding: var(--playground-space-lg);
}

.playground-empty-state strong[b-uefxpgm50e] {
    color: var(--playground-text);
    display: block;
    margin-bottom: var(--playground-space-xs);
}

.playground-empty-state p[b-uefxpgm50e] {
    margin: 0;
}

.playground-empty-state-icon[b-uefxpgm50e] {
    align-items: center;
    background: var(--playground-primary-soft);
    border-radius: 999px;
    color: var(--playground-primary);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}
/* /Components/PlaygroundHelpMenu.razor.rz.scp.css */
.playground-help-menu[b-f2qp2zcw4r] {
    position: relative;
}

.playground-help-button[b-f2qp2zcw4r] {
    background: #e0f2fe;
    border-color: #7dd3fc;
    color: #0369a1;
}

.playground-help-button:hover[b-f2qp2zcw4r],
.playground-help-button:focus-visible[b-f2qp2zcw4r] {
    background: #bae6fd;
    border-color: #38bdf8;
    color: #075985;
}

.playground-help-menu-panel[b-f2qp2zcw4r] {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.16);
    border-radius: 0.75rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.18);
    min-width: 16rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    z-index: 1080;
}

.playground-help-menu-header[b-f2qp2zcw4r] {
    align-items: center;
    background: #f8f9fa;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0.85rem;
}

.playground-help-menu-links[b-f2qp2zcw4r] {
    display: grid;
    padding: 0.35rem 0;
}

.playground-help-menu-links a[b-f2qp2zcw4r] {
    color: #172033;
    font-weight: 600;
    padding: 0.55rem 0.85rem;
    text-decoration: none;
    white-space: nowrap;
}

.playground-help-menu-links a:hover[b-f2qp2zcw4r],
.playground-help-menu-links a:focus[b-f2qp2zcw4r] {
    background: #f1f5f9;
    color: #0d6efd;
}

@media (max-width: 767.98px) {
    .playground-help-menu[b-f2qp2zcw4r] {
        position: static;
    }

    .playground-help-menu-panel[b-f2qp2zcw4r] {
        max-width: 100%;
        min-width: min(16rem, 100%);
    }

    .playground-help-menu-links a[b-f2qp2zcw4r] {
        overflow-wrap: anywhere;
        white-space: normal;
    }
}
/* /Components/PlaygroundImageLightbox.razor.rz.scp.css */
.playground-image-lightbox-trigger[b-ujs309mlkw] {
    background: transparent;
    border: 0;
    border-radius: var(--playground-radius-md);
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.playground-image-lightbox-trigger img[b-ujs309mlkw] {
    aspect-ratio: 1 / 1;
    display: block;
    object-fit: contain;
    width: 100%;
}

.playground-image-lightbox-trigger > span[b-ujs309mlkw] {
    align-items: center;
    background: rgba(15, 23, 42, 0.72);
    border-radius: 999px;
    bottom: var(--playground-space-sm);
    color: #fff;
    display: inline-flex;
    height: var(--playground-touch-target);
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: var(--playground-space-sm);
    transition: opacity 0.15s ease;
    width: var(--playground-touch-target);
}

.playground-image-lightbox-trigger:hover > span[b-ujs309mlkw],
.playground-image-lightbox-trigger:focus-visible > span[b-ujs309mlkw] {
    opacity: 1;
}

.playground-image-result-actions[b-ujs309mlkw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-sm);
    margin-top: var(--playground-space-sm);
}

.playground-image-result-actions .btn[b-ujs309mlkw] {
    align-items: center;
    display: inline-flex;
    gap: var(--playground-space-xs);
    min-height: var(--playground-touch-target);
}

.playground-lightbox-backdrop[b-ujs309mlkw] {
    align-items: center;
    background: rgba(2, 6, 23, 0.88);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: var(--playground-space-lg);
    position: fixed;
    z-index: 2200;
}

.playground-lightbox-dialog[b-ujs309mlkw] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: var(--playground-space-sm);
    max-height: 100%;
    max-width: min(96vw, 90rem);
    position: relative;
}

.playground-lightbox-dialog img[b-ujs309mlkw] {
    background: #fff;
    border-radius: var(--playground-radius-lg);
    max-height: calc(100vh - 8rem);
    max-width: 100%;
    object-fit: contain;
}

.playground-lightbox-close[b-ujs309mlkw] {
    min-height: var(--playground-touch-target);
    min-width: var(--playground-touch-target);
    position: absolute;
    right: var(--playground-space-sm);
    top: var(--playground-space-sm);
}
/* /Components/PlaygroundLastPrompt.razor.rz.scp.css */
.playground-last-prompt[b-lgy3y6ot8q] {
    color: var(--playground-text);
    margin-block: var(--playground-space-lg);
    min-width: 0;
}

.last-prompt-heading[b-lgy3y6ot8q] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-sm) var(--playground-space-md);
    justify-content: space-between;
    margin-bottom: var(--playground-space-md);
}

.last-prompt-heading h2[b-lgy3y6ot8q] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

.last-prompt-heading button[b-lgy3y6ot8q] {
    align-items: center;
    display: inline-flex;
    gap: var(--playground-space-sm);
    min-height: var(--playground-touch-target);
}

.last-prompt-heading button:focus-visible[b-lgy3y6ot8q] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 3px;
}

.last-prompt-bubble[b-lgy3y6ot8q] {
    background: var(--playground-primary);
    border: 1px solid var(--playground-primary-hover);
    border-radius: var(--playground-radius-lg) var(--playground-radius-lg) var(--playground-radius-sm) var(--playground-radius-lg);
    color: var(--playground-surface);
    margin-left: auto;
    max-width: min(76%, 68rem);
    padding: 0.875rem 1.125rem;
}

.last-prompt-speaker[b-lgy3y6ot8q] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: var(--playground-space-sm);
}

.last-prompt-bubble p[b-lgy3y6ot8q] {
    line-height: 1.6;
    margin: 0;
    max-height: 5lh;
    overflow-wrap: anywhere;
    overflow-y: auto;
    unicode-bidi: plaintext;
    white-space: pre-wrap;
}

.last-prompt-bubble p:focus-visible[b-lgy3y6ot8q] {
    outline: 2px solid var(--playground-surface);
    outline-offset: 3px;
}

@media (max-width: 700px) {
    .last-prompt-bubble[b-lgy3y6ot8q] {
        max-width: 100%;
    }
}
/* /Components/PlaygroundModelInput.razor.rz.scp.css */
.playground-model-input-anchor[b-pb23cfnrdg] {
    display: block;
    height: 0;
    position: relative;
    width: 100%;
    z-index: 90;
}

.playground-model-input-menu[b-pb23cfnrdg],
.playground-model-input-error[b-pb23cfnrdg] {
    background: var(--playground-surface, #fff);
    border: 1px solid var(--playground-border, #dbe2ea);
    border-radius: var(--playground-radius-md, 0.625rem);
    box-shadow: 0 12px 30px rgb(15 23 42 / 0.1);
    color: var(--playground-text, #172033);
    display: block;
    inset-inline: 0;
    overflow: hidden;
    position: absolute;
    top: 0.25rem;
}

.playground-model-input-menu[b-pb23cfnrdg] {
    display: flex;
    flex-direction: column;
    inset: auto;
    margin: 0;
    padding: 0;
    position: fixed;
}

.playground-model-input-menu:not(:popover-open)[b-pb23cfnrdg] {
    display: none;
}

.playground-model-input-caption[b-pb23cfnrdg],
.playground-model-input-help[b-pb23cfnrdg],
.playground-model-input-empty[b-pb23cfnrdg] {
    flex: 0 0 auto;
}

.playground-model-input-caption[b-pb23cfnrdg],
.playground-model-input-help[b-pb23cfnrdg],
.playground-model-input-empty[b-pb23cfnrdg],
.playground-model-input-error[b-pb23cfnrdg] {
    display: block;
    font-size: 0.85rem;
    line-height: 1.5;
    padding: 0.65rem 0.85rem;
}

.playground-model-input-caption[b-pb23cfnrdg] {
    font-weight: 700;
}

.playground-model-input-help[b-pb23cfnrdg] {
    background: var(--playground-surface-subtle, #f7f9fc);
    border-top: 1px solid var(--playground-border, #dbe2ea);
    color: var(--playground-text-muted, #596579);
}

.playground-model-input-options[b-pb23cfnrdg] {
    display: block;
    flex: 0 1 auto;
    max-height: 14rem;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.playground-model-input-options button[b-pb23cfnrdg] {
    background: transparent;
    border: 0;
    color: inherit;
    display: block;
    font-family: var(--playground-font-mono, 'Cascadia Code', Consolas, monospace);
    font-size: 0.85rem;
    min-height: 2.75rem;
    overflow-wrap: anywhere;
    padding: 0.7rem 0.85rem;
    text-align: start;
    width: 100%;
}

.playground-model-input-options button:hover[b-pb23cfnrdg],
.playground-model-input-options button[aria-selected="true"][b-pb23cfnrdg] {
    background: var(--playground-primary-soft, #eff6ff);
    color: var(--playground-primary-hover, #1d4ed8);
}

.playground-model-input-options button:focus-visible[b-pb23cfnrdg] {
    outline: 2px solid var(--playground-primary, #2563eb);
    outline-offset: -2px;
}
/* /Components/PlaygroundPageHeader.razor.rz.scp.css */
.playground-page-header[b-ajg1xphkb3] {
    display: contents;
}

.playground-page-header-main[b-ajg1xphkb3] {
    align-items: center;
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    box-shadow: var(--playground-shadow-sm);
    display: grid;
    gap: var(--playground-space-md);
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: var(--playground-space-sm);
    margin-inline: var(--playground-space-sm) !important;
    max-width: var(--playground-content-max);
    padding-block: 0.7rem;
    padding-inline: var(--playground-space-md);
    position: sticky;
    top: var(--playground-space-sm);
    width: auto;
    z-index: 50;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.playground-page-heading[b-ajg1xphkb3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-sm);
    min-width: 0;
}

.playground-page-heading h1[b-ajg1xphkb3] {
    color: var(--playground-text);
    font-size: var(--playground-font-title);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.05;
    margin: 0;
    text-wrap: balance;
}

.playground-history-error[b-ajg1xphkb3] {
    align-items: center;
    color: var(--playground-status-error);
    display: flex;
    font-size: 0.875rem;
    gap: var(--playground-space-sm);
    grid-column: 1 / -1;
    justify-content: space-between;
}

.playground-page-eyebrow[b-ajg1xphkb3] {
    align-items: center;
    background: var(--playground-primary-soft);
    border: 1px solid #bfdbfe;
    border-radius: var(--playground-radius-pill);
    color: var(--playground-primary-hover);
    display: inline-flex;
    font-size: var(--playground-font-label);
    font-weight: 800;
    gap: 0.35rem;
    letter-spacing: 0.06em;
    line-height: 1;
    padding: 0.38rem 0.55rem;
    text-transform: uppercase;
}

.playground-page-eyebrow[b-ajg1xphkb3]::before {
    background: var(--playground-primary);
    border-radius: var(--playground-radius-pill);
    content: "";
    height: 0.4rem;
    width: 0.4rem;
}

.playground-page-utilities[b-ajg1xphkb3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-sm);
    justify-content: flex-end;
}

.playground-page-utilities[b-ajg1xphkb3]  .btn,
.playground-page-utilities[b-ajg1xphkb3]  label.btn {
    align-items: center;
    border-radius: var(--playground-radius-md);
    display: inline-flex;
    justify-content: center;
    min-height: var(--playground-touch-target);
}

.playground-page-utilities[b-ajg1xphkb3]  .operation-duration-status-last {
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-pill);
    color: var(--playground-text);
    display: inline-flex;
    font-size: var(--playground-font-code);
    font-weight: 650;
    padding: var(--playground-space-xs) var(--playground-space-sm);
}

.playground-hydration-strip[b-ajg1xphkb3] {
    align-items: center;
    background: var(--playground-primary-soft);
    border-block-start: 1px solid #bfdbfe;
    border-radius: 0 0 var(--playground-radius-lg) var(--playground-radius-lg);
    display: grid;
    gap: var(--playground-space-sm);
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, auto) minmax(5rem, 1fr) auto;
    margin-block-end: -0.7rem;
    margin-inline: calc(var(--playground-space-md) * -1);
    margin-top: calc(var(--playground-space-sm) * -1);
    min-width: 0;
    padding: 0.35rem var(--playground-space-md) 0.45rem;
}

.playground-hydration-label[b-ajg1xphkb3] {
    color: var(--playground-primary-hover);
    font-size: var(--playground-font-label);
    font-weight: 700;
    line-height: 1.25;
    min-width: 0;
    overflow-wrap: anywhere;
}

.playground-hydration-cancel[b-ajg1xphkb3] {
    font-size: 0.75rem;
    min-height: 2rem;
    white-space: nowrap;
}

.playground-hydration-progress[b-ajg1xphkb3] {
    background: color-mix(in srgb, var(--playground-primary) 18%, transparent);
    border-radius: var(--playground-radius-pill);
    display: block;
    height: 0.2rem;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.playground-hydration-progress-indicator[b-ajg1xphkb3] {
    animation: playground-hydration-progress-b-ajg1xphkb3 1.1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    background: var(--playground-primary);
    border-radius: inherit;
    display: block;
    height: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    width: 38%;
    will-change: transform;
}

@keyframes playground-hydration-progress-b-ajg1xphkb3 {
    from {
        transform: translateX(-110%);
    }

    to {
        transform: translateX(310%);
    }
}

.playground-page-intro[b-ajg1xphkb3] {
    color: var(--playground-text-muted);
    margin-bottom: var(--playground-space-lg);
    padding-top: var(--playground-space-xs);
    width: 100%;
}

.playground-page-intro p[b-ajg1xphkb3] {
    line-height: 1.6;
}

.playground-page-intro p:last-child[b-ajg1xphkb3] {
    margin-bottom: 0;
}

.playground-page-intro:has(> .playground-page-intro-toggle)[b-ajg1xphkb3] {
    margin-bottom: var(--playground-space-sm);
}

.playground-page-intro-toggle[b-ajg1xphkb3] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--playground-radius-sm);
    color: var(--playground-text-muted);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-weight: 600;
    gap: var(--playground-space-sm);
    justify-content: space-between;
    min-height: var(--playground-touch-target);
    padding: var(--playground-space-xs) var(--playground-space-sm);
    text-align: start;
    width: 100%;
}

.playground-page-intro-toggle:hover[b-ajg1xphkb3] {
    background: var(--playground-surface-subtle);
}

.playground-page-intro-toggle:focus-visible[b-ajg1xphkb3] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 2px;
}

.playground-page-intro-content[b-ajg1xphkb3] {
    padding: var(--playground-space-xs) var(--playground-space-sm) var(--playground-space-sm);
}

@media (max-width: 767.98px) {
    .playground-page-header-main[b-ajg1xphkb3] {
        background: var(--bs-body-bg);
        grid-template-columns: minmax(0, 1fr);
        margin-inline: var(--playground-space-sm) !important;
        padding: 0.8rem;
        position: relative;
    }

    .playground-page-utilities[b-ajg1xphkb3] {
        justify-content: flex-start;
        width: 100%;
    }

    .playground-page-utilities[b-ajg1xphkb3]  .operation-duration-status {
        flex-basis: 100%;
        width: 100%;
    }

    .playground-page-intro[b-ajg1xphkb3] {
        margin-bottom: var(--playground-space-md);
        padding-inline: var(--playground-space-xs);
    }

    .playground-hydration-strip[b-ajg1xphkb3] {
        margin-block-end: -0.8rem;
        margin-inline: -0.8rem;
        padding-inline: 0.8rem;
    }
}

@media (max-width: 479.98px) {
    .playground-hydration-strip[b-ajg1xphkb3] {
        gap: 0.3rem;
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 420px) {
    .playground-page-heading[b-ajg1xphkb3] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
    }

    .playground-page-heading h1[b-ajg1xphkb3] {
        font-size: var(--playground-font-title);
    }
}

@media (prefers-reduced-motion: reduce) {
    .playground-hydration-progress-indicator[b-ajg1xphkb3] {
        animation: none;
        opacity: 0.72;
        transform: none;
        width: 100%;
    }
}

@media (forced-colors: active) {
    .playground-hydration-strip[b-ajg1xphkb3] {
        border-block-start: 1px solid CanvasText;
    }

    .playground-hydration-progress[b-ajg1xphkb3] {
        border: 1px solid CanvasText;
    }

    .playground-hydration-progress-indicator[b-ajg1xphkb3] {
        background: Highlight;
    }
}
/* /Components/PlaygroundPayloadsSection.razor.rz.scp.css */
.playground-request-label[b-3xv43o53wb] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border-strong);
    border-radius: var(--playground-radius-md);
    color: var(--playground-text);
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    overflow: hidden;
    width: 100%;
}

.playground-request-row[b-3xv43o53wb] {
    margin-bottom: var(--playground-space-sm);
    min-width: 0;
}

.playground-request-method[b-3xv43o53wb] {
    align-items: center;
    background: var(--playground-primary-soft);
    border-right: 1px solid var(--playground-border-strong);
    color: var(--playground-primary-hover);
    display: flex;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, 'Courier New', monospace;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 0.025em;
    padding: var(--playground-space-sm) var(--playground-space-md);
}

.playground-request-endpoint[b-3xv43o53wb] {
    align-items: center;
    display: flex;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, 'Courier New', monospace;
    min-width: 0;
    overflow: hidden;
    padding: var(--playground-space-sm) var(--playground-space-md);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.playground-open-api-studio[b-3xv43o53wb] {
    align-items: center;
    border: 0;
    border-left: 1px solid var(--playground-border-strong);
    border-radius: 0;
    display: inline-flex;
    gap: var(--playground-space-sm);
    justify-content: center;
    min-height: var(--playground-touch-target);
    white-space: nowrap;
}

.playground-response-status-label[b-3xv43o53wb] {
    align-items: stretch;
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border-strong);
    border-radius: var(--playground-radius-md);
    color: var(--playground-text);
    display: inline-grid;
    font-weight: 600;
    grid-template-columns: max-content max-content;
    margin-bottom: var(--playground-space-sm);
    overflow: hidden;
}

.playground-response-status-code[b-3xv43o53wb] {
    background: var(--playground-primary-soft);
    border-right: 1px solid var(--playground-border-strong);
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, 'Courier New', monospace;
    padding: var(--playground-space-xs) var(--playground-space-sm);
}

.playground-response-reason[b-3xv43o53wb] {
    padding: var(--playground-space-xs) var(--playground-space-sm);
}

.playground-response-toolbar[b-3xv43o53wb] {
    align-items: center;
    display: flex;
    gap: var(--playground-space-sm);
    justify-content: space-between;
    margin-bottom: var(--playground-space-sm);
    min-width: 0;
}

.playground-response-summary[b-3xv43o53wb] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-sm);
    min-width: 0;
}

.playground-response-size[b-3xv43o53wb] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
    white-space: nowrap;
}

.playground-response-actions[b-3xv43o53wb] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--playground-space-sm);
}

.playground-code-block[b-3xv43o53wb] {
    background: var(--playground-code-surface);
    border: 1px solid #263449;
    border-radius: var(--playground-radius-md);
    color: var(--playground-code-text);
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, 'Courier New', monospace;
    font-size: var(--playground-font-code);
    line-height: 1.65;
    margin: 0;
    max-height: 800px;
    min-height: 300px;
    overflow: auto;
    padding: 1.2rem 1.35rem;
    tab-size: 4;
    unicode-bidi: plaintext;
    white-space: pre;
}

.playground-code-block code[b-3xv43o53wb] {
    color: inherit;
    font: inherit;
}

.playground-code-block:focus-within[b-3xv43o53wb] {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--playground-primary) 45%, transparent);
}

.playground-code-block[b-3xv43o53wb]  .syntax-keyword {
    color: #ff7b72;
}

.playground-code-block[b-3xv43o53wb]  .syntax-string {
    color: #a5d6ff;
}

.playground-code-block[b-3xv43o53wb]  .syntax-comment {
    color: #8b949e;
    font-style: italic;
}

.playground-code-block[b-3xv43o53wb]  .syntax-decorator,
.playground-code-block[b-3xv43o53wb]  .syntax-command {
    color: #d2a8ff;
}

.playground-code-block[b-3xv43o53wb]  .syntax-number,
.playground-code-block[b-3xv43o53wb]  .syntax-option {
    color: #79c0ff;
}

.playground-code-block[b-3xv43o53wb]  .syntax-property {
    color: #7ee787;
}

.playground-code-block[b-3xv43o53wb]  .syntax-literal,
.playground-code-block[b-3xv43o53wb]  .syntax-variable {
    color: #ffa657;
}

@media (max-width: 767.98px) {
    .playground-request-label[b-3xv43o53wb] {
        grid-template-columns: max-content minmax(0, 1fr) var(--playground-touch-target);
    }

    .playground-open-api-studio[b-3xv43o53wb] {
        padding-inline: 0;
        width: var(--playground-touch-target);
    }

    .playground-open-api-studio span[b-3xv43o53wb] {
        display: none;
    }
}
/* /Components/PlaygroundProfileActions.razor.rz.scp.css */
.playground-profile-actions[b-w1ccj7mqbp] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    margin: 0;
    margin-inline-start: auto;
    max-width: 100%;
    min-width: 0;
    width: auto;
}

.playground-profile-actions > [role="status"][b-w1ccj7mqbp] {
    max-width: 22rem;
    overflow-wrap: anywhere;
}

.playground-session-menu-panel[b-w1ccj7mqbp] {
    --playground-control-scale: 1;
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    box-shadow: 0 12px 30px rgb(15 23 42 / 0.1);
    color: var(--playground-text);
    inset: auto;
    margin: 0;
    max-height: calc(100dvh - 1rem);
    overflow: auto;
    overscroll-behavior: contain;
    padding: var(--playground-space-sm);
    position: fixed;
    width: min(18rem, calc(100vw - 1rem));
}

.playground-session-controls[b-w1ccj7mqbp] {
    border: 0;
    display: grid;
    gap: var(--playground-space-sm);
    margin: 0;
    min-width: 0;
    padding: 0;
}

.playground-session-toggles[b-w1ccj7mqbp],
.playground-profile-buttons[b-w1ccj7mqbp],
.playground-profile-action-menu[b-w1ccj7mqbp] {
    display: grid;
    gap: var(--playground-space-sm);
    min-width: 0;
}

.playground-session-toggles + .playground-profile-buttons[b-w1ccj7mqbp] {
    border-top: 1px solid var(--playground-border);
    padding-top: var(--playground-space-sm);
}

.playground-session-toggles[b-w1ccj7mqbp]  .btn {
    gap: var(--playground-space-sm);
    justify-content: flex-start;
    min-width: 0;
    text-align: start;
    width: 100%;
}

.playground-profile-action-button[b-w1ccj7mqbp] {
    align-items: center;
    display: inline-flex;
    justify-content: flex-start;
    gap: 0.35rem;
    min-height: var(--playground-touch-target);
    min-width: var(--playground-touch-target);
    padding: 0.45rem 0.7rem;
    width: 100%;
}

.playground-profile-action-button[b-w1ccj7mqbp]::after {
    margin-inline-start: auto;
}

.playground-profile-menu-panel[b-w1ccj7mqbp] {
    background: var(--playground-surface-subtle);
    border-radius: var(--playground-radius-sm);
    min-width: 0;
    padding: var(--playground-space-xs) 0;
}

@media (max-width: 767.98px) {
    .playground-profile-actions[b-w1ccj7mqbp] {
        display: inline-flex;
        flex-wrap: nowrap;
        width: auto;
    }

    .playground-profile-actions > [role="status"][b-w1ccj7mqbp] {
        grid-column: 1 / -1;
        overflow-wrap: anywhere;
    }

}

.playground-profile-menu-item[b-w1ccj7mqbp] {
    background: transparent;
    border: 0;
    color: #172033;
    cursor: pointer;
    display: block;
    font-weight: 600;
    padding: 0.55rem 0.85rem;
    text-align: left;
    text-decoration: none;
    white-space: normal;
    width: 100%;
}

.playground-profile-menu-item:focus-visible[b-w1ccj7mqbp] {
    outline: 2px solid var(--playground-primary);
    outline-offset: -2px;
}

.playground-profile-menu-item:hover[b-w1ccj7mqbp],
.playground-profile-menu-item:focus[b-w1ccj7mqbp] {
    background: #f1f5f9;
    color: #0d6efd;
}

.playground-profile-menu-item:disabled[b-w1ccj7mqbp] {
    color: #6c757d;
    cursor: not-allowed;
    opacity: 0.65;
}

.playground-profile-file-input[b-w1ccj7mqbp] {
    display: none;
}

.playground-profile-dialog-backdrop[b-w1ccj7mqbp] {
    align-items: center;
    background: rgba(15, 23, 42, 0.5);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 2000;
}

.playground-profile-dialog[b-w1ccj7mqbp] {
    background: #fff;
    border-radius: 0.75rem;
    box-shadow: 0 1.5rem 3rem rgba(15, 23, 42, 0.3);
    max-width: 30rem;
    padding: 1.5rem;
    width: 100%;
}

.playground-profile-dialog-actions[b-w1ccj7mqbp] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.25rem;
}
/* /Components/PlaygroundSessionHistoryEntry.razor.rz.scp.css */
.playground-history-entry[b-faatd0rjfj] {
    align-items: center;
    border-radius: var(--playground-radius-sm);
    display: flex;
    height: 2.75rem;
    min-width: 0;
}

.playground-history-entry:hover[b-faatd0rjfj] {
    background: var(--playground-surface-subtle);
}

.playground-history-entry[data-active="true"][b-faatd0rjfj] {
    background: var(--playground-primary-soft);
    color: var(--playground-primary-hover);
}

.playground-history-entry-open[b-faatd0rjfj],
.playground-history-entry-menu[b-faatd0rjfj] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: inherit;
    color: inherit;
    display: flex;
    font: inherit;
    min-height: 2.75rem;
}

.playground-history-entry-open[b-faatd0rjfj] {
    flex: 1;
    gap: var(--playground-space-sm);
    min-width: 0;
    padding: var(--playground-space-sm);
    text-align: start;
}

.playground-history-entry-open span[b-faatd0rjfj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.playground-history-entry-open[b-faatd0rjfj]  .rzi {
    flex: 0 0 auto;
    font-size: 1rem;
}

.playground-history-entry-menu[b-faatd0rjfj] {
    flex: 0 0 2.75rem;
    justify-content: center;
}

.playground-history-entry-open:focus-visible[b-faatd0rjfj],
.playground-history-entry-menu:focus-visible[b-faatd0rjfj] {
    outline: 2px solid var(--playground-primary);
    outline-offset: -2px;
}

.playground-history-entry button:disabled[b-faatd0rjfj] {
    cursor: wait;
    opacity: 0.6;
}
/* /Components/PlaygroundSessionHistorySidebar.razor.rz.scp.css */
.playground-history-sidebar[b-cun634aigx] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    color: var(--playground-text);
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    gap: var(--playground-space-md);
    min-height: 0;
    min-width: 0;
    padding: var(--playground-space-sm);
}

.playground-history-sidebar [hidden][b-cun634aigx] {
    display: none;
}

.playground-history-sidebar[data-expanded="false"][b-cun634aigx] {
    gap: var(--playground-space-sm);
}

.playground-history-sidebar[data-expanded="false"] .playground-history-label[b-cun634aigx] {
    display: none;
}

.playground-history-sidebar[data-expanded="false"] :is(.playground-history-sidebar-toggle, .playground-history-new, .playground-history-recent-toggle)[b-cun634aigx] {
    justify-content: center;
    padding-inline: 0;
}

.playground-history-heading[b-cun634aigx],
.playground-history-dialog-heading[b-cun634aigx] {
    align-items: center;
    display: flex;
    gap: var(--playground-space-sm);
    justify-content: space-between;
}

.playground-history-heading h2[b-cun634aigx] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    width: 100%;
}

.playground-history-sidebar-toggle[b-cun634aigx],
.playground-history-recent-toggle[b-cun634aigx],
.playground-history-close[b-cun634aigx] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--playground-radius-sm);
    color: var(--playground-text-muted);
    display: flex;
    justify-content: center;
    min-height: var(--playground-touch-target);
    min-width: var(--playground-touch-target);
}

.playground-history-sidebar-toggle[b-cun634aigx],
.playground-history-recent-toggle[b-cun634aigx] {
    font: inherit;
    gap: var(--playground-space-sm);
    justify-content: flex-start;
    padding: var(--playground-space-sm);
    text-align: start;
    width: 100%;
}

.playground-history-sidebar-toggle[b-cun634aigx] {
    color: var(--playground-text);
}

.playground-history-sidebar-toggle svg[b-cun634aigx] {
    flex: 0 0 auto;
}

.playground-history-sidebar-toggle[b-cun634aigx]  .playground-history-collapse-icon {
    margin-inline-start: auto;
}

.playground-history-sidebar-toggle:hover[b-cun634aigx],
.playground-history-recent-toggle:hover[b-cun634aigx],
.playground-history-close:hover[b-cun634aigx] {
    background: var(--playground-surface-subtle);
}

.playground-history-new[b-cun634aigx] {
    align-items: center;
    display: flex;
    gap: var(--playground-space-sm);
    justify-content: flex-start;
    min-height: var(--playground-touch-target);
    width: 100%;
}

.playground-history-sidebar h3[b-cun634aigx] {
    color: var(--playground-text-muted);
    display: flex;
    font-size: 0.75rem;
    font-weight: 700;
    justify-content: space-between;
    margin: 0 0 var(--playground-space-xs);
    padding-inline: var(--playground-space-sm);
}

.playground-history-sidebar h3 span[b-cun634aigx] {
    font-weight: 400;
}

.playground-history-pinned-list[b-cun634aigx] {
    max-height: calc(5 * 2.75rem);
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.playground-history-recent[b-cun634aigx] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.playground-history-recent h3[b-cun634aigx] {
    padding-inline: 0;
}

.playground-history-recent-list[b-cun634aigx] {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.playground-history-empty[b-cun634aigx] {
    color: var(--playground-text-muted);
    line-height: 1.5;
    margin: var(--playground-space-sm);
}

.playground-history-see-all[b-cun634aigx] {
    align-self: flex-start;
    font-size: inherit;
    min-height: var(--playground-touch-target);
    padding-inline: var(--playground-space-sm);
}

.playground-history-context-menu[b-cun634aigx] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    box-shadow: var(--playground-shadow-md);
    color: var(--playground-text);
    font-size: 0.875rem;
    margin: 0;
    max-width: calc(100vw - 1rem);
    padding: var(--playground-space-sm);
    position: fixed;
    width: 19rem;
}

.playground-history-dates[b-cun634aigx] {
    color: var(--playground-text-muted);
    font-size: 0.75rem;
    line-height: 1.5;
    padding: var(--playground-space-xs) var(--playground-space-sm);
}

.playground-history-dates p[b-cun634aigx] {
    margin: 0;
}

.playground-history-context-menu hr[b-cun634aigx] {
    border-color: var(--playground-border);
    margin: var(--playground-space-xs) 0;
    opacity: 1;
}

.playground-history-context-menu button[b-cun634aigx] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--playground-radius-sm);
    color: inherit;
    display: flex;
    gap: var(--playground-space-sm);
    min-height: var(--playground-touch-target);
    padding: var(--playground-space-sm);
    text-align: start;
    width: 100%;
}

.playground-history-context-menu button:hover[b-cun634aigx] {
    background: var(--playground-surface-subtle);
}

.playground-history-context-menu button:disabled[b-cun634aigx] {
    opacity: 0.55;
}

.playground-history-context-menu .playground-history-delete[b-cun634aigx] {
    color: var(--playground-status-error);
}

.playground-history-dialog[b-cun634aigx] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    box-shadow: var(--playground-shadow-md);
    color: var(--playground-text);
    max-height: calc(100dvh - 2rem);
    max-width: calc(100vw - 2rem);
    padding: var(--playground-space-lg);
    width: 30rem;
}

.playground-history-dialog[b-cun634aigx]::backdrop {
    background: rgb(15 23 42 / 0.45);
}

.playground-history-dialog h2[b-cun634aigx] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 var(--playground-space-md);
}

.playground-history-dialog-heading h2[b-cun634aigx] {
    margin-bottom: 0;
}

.playground-history-all-dialog[b-cun634aigx] {
    width: 42rem;
}

.playground-history-virtual-list[b-cun634aigx] {
    height: min(65dvh, 36rem);
    margin-top: var(--playground-space-md);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.playground-history-placeholder[b-cun634aigx] {
    background: var(--playground-surface-subtle);
    border-radius: var(--playground-radius-sm);
    height: 2.75rem;
}

.playground-history-dialog-actions[b-cun634aigx] {
    display: flex;
    gap: var(--playground-space-sm);
    justify-content: flex-end;
    margin-top: var(--playground-space-lg);
}

.playground-history-sidebar-toggle:focus-visible[b-cun634aigx],
.playground-history-recent-toggle:focus-visible[b-cun634aigx],
.playground-history-close:focus-visible[b-cun634aigx],
.playground-history-context-menu button:focus-visible[b-cun634aigx],
.playground-history-pinned-list:focus-visible[b-cun634aigx],
.playground-history-virtual-list:focus-visible[b-cun634aigx] {
    outline: 2px solid var(--playground-primary);
    outline-offset: -2px;
}

@media (max-width: 991.98px) {
    .playground-history-sidebar > *[b-cun634aigx] {
        flex-shrink: 0;
    }

    .playground-history-recent[b-cun634aigx] {
        flex: 0 0 auto;
    }

    .playground-history-recent-list[b-cun634aigx] {
        max-height: 22rem;
    }
}
/* /Components/PlaygroundSettingsPanel.razor.rz.scp.css */
.playground-settings-toggle[b-s21ucljsv4] {
    align-items: center;
    background: var(--playground-surface);
    border: 1px solid var(--playground-border-strong);
    border-inline-end: 0;
    border-radius: var(--playground-radius-md) 0 0 var(--playground-radius-md);
    box-shadow: var(--playground-shadow-md);
    color: var(--playground-text);
    cursor: pointer;
    display: inline-flex;
    height: var(--playground-touch-target);
    inset-block-start: 50%;
    inset-inline-end: env(safe-area-inset-right, 0px);
    justify-content: center;
    padding: 0;
    position: fixed;
    touch-action: manipulation;
    transform: translateY(-50%);
    width: var(--playground-touch-target);
    z-index: 50;
}

.playground-settings-toggle:hover[b-s21ucljsv4],
.playground-settings-toggle[aria-expanded="true"][b-s21ucljsv4] {
    background: var(--playground-primary-soft);
    color: var(--playground-primary-hover);
}

.playground-settings-toggle:focus-visible[b-s21ucljsv4] {
    outline: 2px solid var(--playground-primary);
    outline-offset: -3px;
}

.playground-settings-animation[b-s21ucljsv4] {
    inset: 0;
    overflow: clip;
    pointer-events: none;
    position: fixed;
    z-index: 49;
}

.playground-settings-panel[b-s21ucljsv4] {
    --playground-settings-motion-duration: 420ms;
    display: grid;
    grid-template-rows: 1fr;
    min-width: 0;
    transition: grid-template-rows 220ms cubic-bezier(0.2, 0, 0, 1);
}

.playground-settings-content[b-s21ucljsv4] {
    min-height: 0;
    min-width: 0;
    opacity: 1;
    overflow: visible;
    transform: none;
    transform-origin: top right;
    visibility: visible;
    transition: opacity 180ms ease-out, transform 220ms ease-out, visibility 0s,
        overflow 0s linear 220ms allow-discrete;
}

.playground-settings-panel[data-expanded="false"][b-s21ucljsv4] {
    grid-template-rows: 0fr;
    transition-duration: var(--playground-settings-motion-duration);
}

.playground-settings-panel[data-expanded="false"] > .playground-settings-content[b-s21ucljsv4] {
    opacity: 0;
    overflow: clip;
    pointer-events: none;
    transform: translateX(var(--playground-space-lg)) scale(0.96);
    visibility: hidden;
    transition: opacity 160ms ease-in, transform 220ms ease-in, visibility 0s linear 220ms;
}

/* The opening snapshot needs a settled destination and an immediate handoff to live controls. */
.playground-settings-panel[data-expanding][b-s21ucljsv4],
.playground-settings-panel[data-motion-ready="true"][data-expanded="true"] > .playground-settings-content[b-s21ucljsv4] {
    transition: none;
}

.playground-settings-panel[data-collapsing] > .playground-settings-content[b-s21ucljsv4],
.playground-settings-panel[data-expanding] > .playground-settings-content[b-s21ucljsv4] {
    opacity: 0;
    visibility: hidden;
    transition: none;
}

@media (prefers-reduced-motion: reduce) {
    .playground-settings-panel[b-s21ucljsv4],
    .playground-settings-content[b-s21ucljsv4],
    .playground-settings-panel[data-expanded="false"] > .playground-settings-content[b-s21ucljsv4] {
        transition: none;
    }

    .playground-settings-panel[data-expanded="false"] > .playground-settings-content[b-s21ucljsv4] {
        transform: none;
    }
}
/* /Components/PlaygroundTools.razor.rz.scp.css */
.playground-tools[b-5snx6l5mmx] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border-strong);
    border-radius: var(--playground-radius-lg);
    color: var(--playground-text);
    margin-bottom: var(--playground-space-md);
}

.playground-tools > summary[b-5snx6l5mmx] {
    align-items: center;
    background: var(--playground-surface-subtle);
    border-radius: inherit;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    gap: var(--playground-space-md);
    justify-content: space-between;
    line-height: 1.5;
    list-style: none;
    min-height: var(--playground-touch-target);
    padding: 0.75rem var(--playground-space-md);
    transition: background-color 0.15s ease, color 0.15s ease;
}

.playground-tools > summary[b-5snx6l5mmx]::-webkit-details-marker {
    display: none;
}

.playground-tools > summary:hover[b-5snx6l5mmx],
.playground-tools[open] > summary[b-5snx6l5mmx] {
    background: var(--playground-primary-soft);
    color: var(--playground-primary-hover);
}

.playground-tools > summary:focus-visible[b-5snx6l5mmx] {
    box-shadow: inset 0 0 0 2px var(--playground-primary);
    outline: 0;
}

.playground-tools[open] > summary[b-5snx6l5mmx] {
    border-bottom: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg) var(--playground-radius-lg) 0 0;
}

.playground-tools-heading[b-5snx6l5mmx] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-sm);
    min-width: 0;
}

.playground-tools-heading strong[b-5snx6l5mmx] {
    font-weight: 700;
}

.playground-tools-status[b-5snx6l5mmx] {
    color: var(--playground-text-muted);
    font-size: var(--playground-font-label);
    font-weight: 400;
}

.playground-tools-chevron[b-5snx6l5mmx] {
    color: var(--playground-text-muted);
    flex: 0 0 1rem;
    height: 1rem;
    transition: transform 0.18s ease-out;
    width: 1rem;
}

.playground-tools[open] > summary > .playground-tools-chevron[b-5snx6l5mmx] {
    transform: rotate(180deg);
}

.playground-tools-body[b-5snx6l5mmx] {
    padding: var(--playground-space-md);
}

.playground-tools > .playground-tools-settings[b-5snx6l5mmx] {
    padding-top: 0;
}

.playground-tools-settings:not(:has(> :not([hidden])))[b-5snx6l5mmx] {
    display: none;
}

.playground-tools-settings[b-5snx6l5mmx]  .card {
    background: transparent;
    border: 0;
    border-top: 1px solid var(--playground-border);
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0 !important;
}

.playground-tools-settings[b-5snx6l5mmx]  .card > .card-header {
    background: transparent;
    border-radius: 0;
    font-size: 0.875rem;
    padding: 0.75rem 0;
}

.playground-tools-settings[b-5snx6l5mmx]  .card > .card-body {
    padding: var(--playground-space-sm) 0 var(--playground-space-md);
}

.playground-tools-controls[b-5snx6l5mmx] {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-md) var(--playground-space-xl);
}

.playground-tools-group[b-5snx6l5mmx] {
    border: 0;
    flex: 0 1 28rem;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.playground-tools-additional[b-5snx6l5mmx] {
    flex-basis: 25rem;
}

.playground-tools-group legend[b-5snx6l5mmx] {
    color: var(--playground-text-muted);
    float: none;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: var(--playground-space-xs);
    width: auto;
}

.playground-tools-options[b-5snx6l5mmx] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-xs);
}

.playground-tools-sources[b-5snx6l5mmx] {
    background: var(--playground-surface-subtle);
    border-radius: var(--playground-radius-md);
    flex-wrap: nowrap;
}

.playground-tool-option[b-5snx6l5mmx] {
    align-items: center;
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-sm);
    cursor: pointer;
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 600;
    gap: var(--playground-space-sm);
    line-height: 1.4;
    margin: 0;
    min-height: var(--playground-touch-target);
    padding: var(--playground-space-sm) 0.75rem;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.playground-tools-sources .playground-tool-option[b-5snx6l5mmx] {
    background: transparent;
    border-color: transparent;
    flex: 1 1 auto;
    justify-content: center;
}

.playground-tool-option input[b-5snx6l5mmx] {
    accent-color: var(--playground-primary);
    flex: 0 0 1rem;
    height: 1rem;
    margin: 0;
    width: 1rem;
}

.playground-tool-option:has(input:checked)[b-5snx6l5mmx] {
    background: var(--playground-primary-soft);
    border-color: var(--playground-primary);
    color: var(--playground-primary-hover);
}

.playground-tool-option:has(input:enabled):hover[b-5snx6l5mmx] {
    border-color: var(--playground-primary);
}

.playground-tool-option:has(input:focus-visible)[b-5snx6l5mmx] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 2px;
}

.playground-tool-option:has(input:disabled)[b-5snx6l5mmx] {
    background: var(--playground-surface-subtle);
    border-color: var(--playground-border);
    color: var(--playground-text-muted);
    cursor: not-allowed;
}

.playground-tools-help[b-5snx6l5mmx] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
    line-height: 1.5;
    margin: var(--playground-space-sm) 0 0;
    max-width: 72ch;
    overflow-wrap: anywhere;
}

.playground-tools-guidance[b-5snx6l5mmx] {
    display: block;
}

@media (max-width: 767.98px) {
    .playground-tools > summary[b-5snx6l5mmx] {
        padding-inline: var(--playground-space-sm);
    }

    .playground-tools-body[b-5snx6l5mmx] {
        padding: var(--playground-space-sm);
    }

    .playground-tools-group[b-5snx6l5mmx] {
        flex-basis: 100%;
    }

    .playground-tools-sources .playground-tool-option[b-5snx6l5mmx] {
        gap: var(--playground-space-xs);
        padding-inline: var(--playground-space-xs);
    }
}

@media (prefers-reduced-motion: reduce) {
    .playground-tools > summary[b-5snx6l5mmx],
    .playground-tools-chevron[b-5snx6l5mmx],
    .playground-tool-option[b-5snx6l5mmx] {
        transition: none;
    }
}
/* /Components/PromptDictationButton.razor.rz.scp.css */
.prompt-dictation[b-lq4fdodrfv] {
    align-items: center;
    display: inline-flex;
    gap: var(--playground-space-sm);
    min-width: 0;
}

.prompt-dictation-status[b-lq4fdodrfv] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
    max-width: 24rem;
    overflow-wrap: anywhere;
}

.prompt-dictation-button[b-lq4fdodrfv] {
    align-items: center;
    border-color: var(--playground-border);
    border-radius: 50%;
    color: var(--playground-text);
    display: inline-flex;
    flex: 0 0 var(--playground-touch-target);
    height: var(--playground-touch-target);
    justify-content: center;
    padding: 0;
    width: var(--playground-touch-target);
    zoom: var(--playground-control-scale, 1);
}

.prompt-dictation-button .rzi[b-lq4fdodrfv] {
    font-size: 1rem;
}

.prompt-dictation-button[aria-pressed="false"]:hover:not(:disabled)[b-lq4fdodrfv] {
    background: var(--playground-primary-soft);
    border-color: var(--playground-primary);
    color: var(--playground-primary);
}

.prompt-dictation-button:focus-visible[b-lq4fdodrfv] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 3px;
}

.prompt-dictation-button[aria-pressed="true"][b-lq4fdodrfv] {
    background: var(--playground-status-error);
    border-color: var(--playground-status-error);
    color: #fff;
}

.prompt-dictation-button:disabled[b-lq4fdodrfv] {
    opacity: 0.55;
}

@media (max-width: 575.98px) {
    .prompt-dictation[b-lq4fdodrfv] {
        flex: 1 1 0;
        justify-content: flex-end;
    }

    .prompt-dictation-status[b-lq4fdodrfv] {
        max-width: 12rem;
    }
}
/* /Components/PromptInputToolbar.razor.rz.scp.css */
.prompt-input-toolbar[b-3zxxw3u6tn] {
    align-items: center;
    display: flex;
    gap: var(--playground-space-sm);
    justify-content: flex-end;
    margin-bottom: var(--playground-space-sm);
    min-height: var(--playground-touch-target);
}

.prompt-template-picker[b-3zxxw3u6tn] {
    position: relative;
}

.prompt-template-picker-popover[b-3zxxw3u6tn] {
    background: var(--bs-body-bg);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    box-shadow: var(--playground-shadow-sm);
    min-width: 14rem;
    padding: var(--playground-space-sm);
    position: absolute;
    right: 0;
    top: calc(100% + var(--playground-space-xs));
    z-index: 60;
}
/* /Components/PromptTemplateSelect.razor.rz.scp.css */
.prompt-template-select[b-xzziff42de] {
    align-items: center;
    display: flex;
    gap: var(--playground-space-sm);
    min-width: 0;
}

.prompt-template-select label[b-xzziff42de] {
    flex: 0 0 auto;
    font-size: 0.875rem;
}

.prompt-template-select select[b-xzziff42de] {
    min-width: 0;
}
/* /Components/ProvenanceReviewContent.razor.rz.scp.css */
.provenance-review-shell[b-zxx77q25yi] {
    display: grid;
    gap: var(--playground-space-md);
    max-width: 76rem;
    width: 100%;
}

.provenance-review-tabs[b-zxx77q25yi] {
    width: 100%;
}

.provenance-review-tab[b-zxx77q25yi] {
    display: grid;
    gap: 1rem;
    padding: 1rem 0.25rem 0.25rem;
}

.provenance-review-tab > header h2[b-zxx77q25yi] {
    font-size: 1.35rem;
    margin-bottom: 0.25rem;
}

.provenance-review-tab > header p[b-zxx77q25yi] {
    color: var(--playground-text-muted);
    margin: 0;
}

.provenance-review-disclaimer[b-zxx77q25yi] {
    align-items: flex-start;
    display: flex;
    gap: 0.5rem;
    margin: 0;
}

.provenance-review-input[b-zxx77q25yi],
.provenance-review-upload[b-zxx77q25yi] {
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    padding: 0.75rem;
}

.provenance-review-sample-source[b-zxx77q25yi] {
    display: grid;
    gap: 0.25rem;
    overflow-wrap: anywhere;
}

.provenance-review-sample-source code[b-zxx77q25yi] {
    overflow-wrap: anywhere;
}

.provenance-review-loading[b-zxx77q25yi] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.provenance-review-file-summary[b-zxx77q25yi] {
    align-items: center;
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    padding: 0.75rem;
}

.provenance-review-file-summary > .rz-icon[b-zxx77q25yi] {
    font-size: 2rem;
}

.provenance-review-file-summary span[b-zxx77q25yi] {
    display: grid;
    min-width: 0;
}

.provenance-review-file-summary strong[b-zxx77q25yi],
.provenance-review-file-summary small[b-zxx77q25yi] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.provenance-review-file-summary small[b-zxx77q25yi] {
    color: var(--playground-text-muted);
}

.provenance-review-media-preview[b-zxx77q25yi] {
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    padding: 0.75rem;
}

.provenance-review-media-preview img[b-zxx77q25yi],
.provenance-review-media-preview video[b-zxx77q25yi] {
    border-radius: var(--playground-radius-sm);
    display: block;
    margin-inline: auto;
    max-height: 28rem;
    max-width: 100%;
}

.provenance-review-media-preview img[b-zxx77q25yi] {
    background: repeating-conic-gradient(#ddd 0 25%, #fff 0 50%) 50% / 1rem 1rem;
}

.provenance-review-video-context[b-zxx77q25yi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.provenance-review-video-context label[b-zxx77q25yi] {
    min-width: 0;
}

@media (max-width: 767.98px) {
    .provenance-review-video-context[b-zxx77q25yi] {
        grid-template-columns: 1fr;
    }
}
/* /Components/ProvenanceTextEditor.razor.rz.scp.css */
.provenance-text-editor[b-k2re1zbzqo] {
    display: grid;
    gap: 0.5rem;
}

.provenance-text-editor-toolbar[b-k2re1zbzqo],
.provenance-text-editor-line-summary[b-k2re1zbzqo],
.provenance-text-editor-navigation[b-k2re1zbzqo] {
    align-items: center;
    display: flex;
}

.provenance-text-editor-toolbar[b-k2re1zbzqo] {
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    justify-content: space-between;
}

.provenance-text-editor-line-summary[b-k2re1zbzqo] {
    color: var(--playground-text-muted);
    font-size: 0.75rem;
    gap: 0.375rem;
}

.provenance-text-editor-wrap[b-k2re1zbzqo] {
    align-items: center;
    color: var(--playground-text-muted);
    cursor: pointer;
    display: flex;
    font-size: 0.75rem;
    gap: 0.375rem;
    margin: 0;
    min-height: 2.75rem;
    white-space: nowrap;
}

.provenance-text-editor-wrap input[b-k2re1zbzqo] {
    cursor: pointer;
    margin: 0;
}

.provenance-text-editor-navigation[b-k2re1zbzqo] {
    gap: 0.375rem;
    margin-left: auto;
}

.provenance-text-editor-navigation label[b-k2re1zbzqo] {
    color: var(--playground-text-muted);
    font-size: 0.75rem;
    font-weight: 600;
}

.provenance-text-editor-navigation input[b-k2re1zbzqo] {
    font-family: Consolas, "Courier New", Courier, monospace;
    width: 5.25rem;
}

.provenance-text-editor-frame[b-k2re1zbzqo] {
    --provenance-editor-line-height: 1.5rem;
    --provenance-editor-gutter-width: max(3.25rem, calc(var(--provenance-line-number-digits) * 1ch + 1.5rem));
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-sm);
    display: grid;
    grid-template-columns: var(--provenance-editor-gutter-width) minmax(0, 1fr);
    overflow: hidden;
    transition:
        border-color 150ms ease,
        box-shadow 150ms ease;
}

.provenance-text-editor-frame:focus-within[b-k2re1zbzqo] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgb(37 99 235 / 0.18);
}

.provenance-text-editor-gutter[b-k2re1zbzqo] {
    background: var(--playground-surface-subtle);
    border-right: 1px solid var(--playground-border);
    min-height: 16rem;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    user-select: none;
}

.provenance-text-editor-line-numbers[b-k2re1zbzqo] {
    color: var(--playground-text-muted);
    font-family: Consolas, "Courier New", Courier, monospace;
    font-size: 0.875rem;
    inset: 0 0 auto;
    line-height: var(--provenance-editor-line-height);
    margin: 0;
    padding: 0.75rem 0;
    position: absolute;
    tab-size: 4;
    white-space: normal;
    will-change: transform;
}

.provenance-text-editor-line[b-k2re1zbzqo] {
    min-height: var(--provenance-editor-line-height);
    position: relative;
    width: var(--provenance-editor-content-width, 100%);
}

.provenance-text-editor-line-label[b-k2re1zbzqo] {
    inset: 0 auto auto 0;
    padding: 0 0.625rem;
    position: absolute;
    text-align: right;
    white-space: nowrap;
    width: calc(var(--provenance-editor-gutter-width) - 1px);
}

.provenance-text-editor-line-measure[b-k2re1zbzqo] {
    display: block;
    unicode-bidi: plaintext;
    visibility: hidden;
    white-space: pre;
}

.provenance-text-editor-surface[b-k2re1zbzqo] {
    min-width: 0;
    position: relative;
}

.provenance-text-editor-textarea[b-k2re1zbzqo] {
    background: var(--playground-surface);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    font-family: Consolas, "Courier New", Courier, monospace;
    font-size: 0.875rem;
    line-height: var(--provenance-editor-line-height);
    margin: 0;
    min-height: 16rem;
    overflow: auto;
    overflow-wrap: normal;
    padding: 0.75rem;
    resize: vertical;
    tab-size: 4;
    unicode-bidi: plaintext;
    white-space: pre;
    width: 100%;
}

.provenance-text-editor-textarea:focus[b-k2re1zbzqo] {
    box-shadow: none;
    outline: 0;
}

.provenance-text-editor-wrapped .provenance-text-editor-textarea[b-k2re1zbzqo],
.provenance-text-editor-wrapped .provenance-text-editor-line-measure[b-k2re1zbzqo] {
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

.provenance-text-editor-markers[b-k2re1zbzqo] {
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
}

.provenance-text-editor-marker[b-k2re1zbzqo] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--bs-primary);
    cursor: pointer;
    display: flex;
    filter: drop-shadow(0 1px 1px rgb(255 255 255 / 0.9));
    height: 1.5rem;
    justify-content: center;
    line-height: 1;
    padding: 0;
    pointer-events: auto;
    position: absolute;
    transform: translate(-50%, -100%);
    transition:
        color 150ms ease,
        filter 150ms ease;
    visibility: hidden;
    width: 1.5rem;
    z-index: 2;
}

.provenance-text-editor-marker:hover[b-k2re1zbzqo] {
    color: var(--bs-primary-text-emphasis);
    filter: drop-shadow(0 2px 2px rgb(15 23 42 / 0.22));
}

.provenance-text-editor-marker:focus-visible[b-k2re1zbzqo] {
    border-radius: 50%;
    box-shadow: 0 0 0 0.2rem rgb(37 99 235 / 0.18);
    outline: 0;
}

.provenance-text-editor-navigation-message[b-k2re1zbzqo] {
    color: var(--playground-text-muted);
    font-size: 0.75rem;
    margin: 0;
}

.provenance-text-editor-navigation-error[b-k2re1zbzqo] {
    color: var(--bs-danger-text-emphasis);
}

@media (max-width: 479.98px) {
    .provenance-text-editor-navigation[b-k2re1zbzqo] {
        margin-left: 0;
        width: 100%;
    }

    .provenance-text-editor-navigation input[b-k2re1zbzqo] {
        flex: 1;
        min-width: 0;
    }
}
/* /Components/ProviderPolicyDisclaimer.razor.rz.scp.css */
.provenance-review-disclaimer[b-rmisqxvd9s] {
    align-items: flex-start;
    display: flex;
    gap: 0.5rem;
    margin: 0;
}
/* /Components/ResponsibleAIWorkspace.razor.rz.scp.css */
.rai-shell[b-9uqtyfo1g0] {
    display: grid;
    gap: 1.5rem;
    min-width: 0;
    color: var(--playground-text);
}

.rai-heading[b-9uqtyfo1g0],
.rai-section-heading[b-9uqtyfo1g0],
.rai-list-tools[b-9uqtyfo1g0],
.rai-launch-actions[b-9uqtyfo1g0],
.rai-export-actions[b-9uqtyfo1g0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: space-between;
}

.rai-heading h1[b-9uqtyfo1g0] {
    font-size: var(--playground-font-title);
    font-weight: 700;
    letter-spacing: -.03em;
    margin: 0 0 .35rem;
}

.rai-heading p[b-9uqtyfo1g0],
.rai-section-heading p[b-9uqtyfo1g0],
.rai-evidence header p[b-9uqtyfo1g0] {
    color: var(--playground-text-muted);
    margin: 0;
    max-width: 70ch;
}

.rai-reference[b-9uqtyfo1g0] {
    white-space: nowrap;
}

.rai-shell a[b-9uqtyfo1g0],
.rai-list-tools button[b-9uqtyfo1g0],
.rai-results-table button[b-9uqtyfo1g0] {
    color: var(--playground-primary);
}

.rai-target-rail[b-9uqtyfo1g0] {
    align-items: end;
    background: var(--playground-surface);
    border-block: 1px solid var(--playground-border);
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(12rem, 1fr) auto;
    padding-block: 1rem;
}

.rai-shell fieldset[b-9uqtyfo1g0] {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.rai-shell label[b-9uqtyfo1g0],
.rai-model-types legend[b-9uqtyfo1g0],
.rai-review-form legend[b-9uqtyfo1g0] {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .375rem;
}

.rai-segments[b-9uqtyfo1g0] {
    border: 1px solid var(--playground-border-strong);
    border-radius: var(--playground-radius-sm);
    display: flex;
    overflow: hidden;
}

.rai-segments button[b-9uqtyfo1g0] {
    background: var(--playground-surface);
    border: 0;
    color: var(--playground-text);
    min-height: 2.75rem;
    padding: .5rem 1.1rem;
}

.rai-segments button + button[b-9uqtyfo1g0] {
    border-left: 1px solid var(--playground-border);
}

.rai-segments button.is-selected[b-9uqtyfo1g0] {
    background: var(--playground-primary-soft);
    color: var(--playground-primary);
    font-weight: 700;
}

.rai-shell button:focus-visible[b-9uqtyfo1g0],
.rai-shell summary:focus-visible[b-9uqtyfo1g0],
.rai-shell a:focus-visible[b-9uqtyfo1g0],
.rai-shell input:focus-visible[b-9uqtyfo1g0],
.rai-shell select:focus-visible[b-9uqtyfo1g0],
.rai-shell textarea:focus-visible[b-9uqtyfo1g0] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 3px;
}

.rai-shell button:hover:not(:disabled)[b-9uqtyfo1g0] {
    filter: brightness(.94);
}

.rai-shell button:disabled[b-9uqtyfo1g0] {
    cursor: not-allowed;
    opacity: .6;
}

.rai-workspace[b-9uqtyfo1g0] {
    align-items: start;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(20rem, .85fr) minmax(0, 1.4fr);
    min-width: 0;
}

.rai-runbook[b-9uqtyfo1g0],
.rai-target-pane[b-9uqtyfo1g0],
.rai-results[b-9uqtyfo1g0] {
    min-width: 0;
}

.rai-runbook[b-9uqtyfo1g0] {
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    overflow: hidden;
}

.rai-section-heading[b-9uqtyfo1g0] {
    align-items: start;
    padding-bottom: 1rem;
}

.rai-runbook > .rai-section-heading[b-9uqtyfo1g0] {
    background: var(--playground-surface-subtle);
    padding: 1rem;
}

.rai-section-heading h2[b-9uqtyfo1g0] {
    font-size: 1rem;
    font-weight: 650;
    margin: 0 0 .3rem;
}

.rai-section-heading p[b-9uqtyfo1g0],
.rai-help[b-9uqtyfo1g0],
.rai-embed-notice[b-9uqtyfo1g0],
.rai-export-notice[b-9uqtyfo1g0] {
    font-size: .875rem;
    line-height: 1.55;
}

.rai-count[b-9uqtyfo1g0],
.rai-connection[b-9uqtyfo1g0] {
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-sm);
    color: var(--playground-text-muted);
    font-size: .875rem;
    padding: .25rem .5rem;
    white-space: nowrap;
}

.rai-shell .rai-plan-fields[b-9uqtyfo1g0] {
    padding: 1rem;
}

.rai-two-fields[b-9uqtyfo1g0] {
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
}

.rai-two-fields > div[b-9uqtyfo1g0] {
    min-width: 0;
}

.rai-help[b-9uqtyfo1g0] {
    color: var(--playground-text-muted);
    margin: .625rem 0;
}

.rai-list-tools[b-9uqtyfo1g0] {
    font-size: .85rem;
    gap: .875rem;
    justify-content: start;
    padding-top: .25rem;
}

.rai-list-tools span[b-9uqtyfo1g0] {
    flex: 1;
}

.rai-list-tools button[b-9uqtyfo1g0],
.rai-results-table button[b-9uqtyfo1g0] {
    background: none;
    border: none;
    min-height: 2.75rem;
    padding: .25rem 0;
    text-align: left;
    text-decoration: underline;
    text-underline-offset: .15em;
}

.rai-cases[b-9uqtyfo1g0] {
    max-height: 31rem;
    overflow-y: auto;
    padding-inline: .2rem;
}

.rai-case[b-9uqtyfo1g0] {
    border-top: 1px solid var(--playground-border);
    padding: .8rem 0;
}

.rai-case-choice[b-9uqtyfo1g0] {
    align-items: start;
    display: flex;
    gap: .625rem;
}

.rai-case-choice input[b-9uqtyfo1g0],
.rai-check input[b-9uqtyfo1g0] {
    accent-color: var(--playground-primary);
    flex: 0 0 auto;
    height: 1.1rem;
    margin-top: .2rem;
    width: 1.1rem;
}

.rai-case-choice label[b-9uqtyfo1g0] {
    cursor: pointer;
    display: grid;
    flex: 1;
    gap: .2rem;
    min-height: 2.75rem;
}

.rai-case-choice label > span[b-9uqtyfo1g0] {
    color: var(--playground-text-muted);
    font-size: .875rem;
    font-weight: 400;
}

.rai-case details[b-9uqtyfo1g0] {
    font-size: .875rem;
    margin-left: 1.75rem;
}

.rai-shell summary[b-9uqtyfo1g0] {
    cursor: pointer;
    min-height: 2.5rem;
    padding-block: .5rem;
}

.rai-case summary[b-9uqtyfo1g0] {
    color: var(--playground-text-muted);
    font-size: .875rem;
}

.rai-case p[b-9uqtyfo1g0] {
    margin: .5rem 0;
    overflow-wrap: anywhere;
}

.rai-case h3[b-9uqtyfo1g0] {
    font-size: .875rem;
    font-weight: 650;
    margin: .875rem 0 .25rem;
}

.rai-options[b-9uqtyfo1g0] {
    border-top: 1px solid var(--playground-border);
    margin-top: .75rem;
}

.rai-options > summary[b-9uqtyfo1g0] {
    font-size: .875rem;
    font-weight: 600;
}

.rai-options > label[b-9uqtyfo1g0],
.rai-judge-fields > label[b-9uqtyfo1g0],
.rai-review-form > label[b-9uqtyfo1g0] {
    display: block;
    margin-top: .875rem;
}

.rai-options > button[b-9uqtyfo1g0],
.rai-review-form > button[b-9uqtyfo1g0] {
    margin-top: .75rem;
}

.rai-judge-options[b-9uqtyfo1g0] {
    margin-top: 0;
    padding: .5rem 1rem;
}

.rai-judge-options > summary span[b-9uqtyfo1g0] {
    color: var(--playground-text-muted);
    float: right;
    font-size: .875rem;
    font-weight: 400;
}

.rai-judge-fields .rai-two-fields[b-9uqtyfo1g0] {
    margin-top: .875rem;
}

.rai-launch[b-9uqtyfo1g0] {
    background: var(--playground-surface-subtle);
    border-top: 1px solid var(--playground-border);
    padding: 1rem;
}

.rai-shell .rai-check[b-9uqtyfo1g0] {
    align-items: start;
    display: flex;
    gap: .625rem;
    line-height: 1.55;
}

.rai-launch-actions[b-9uqtyfo1g0],
.rai-export-actions[b-9uqtyfo1g0] {
    justify-content: start;
}

.rai-live-status[b-9uqtyfo1g0] {
    background: var(--playground-primary-soft);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-sm);
    font-size: .875rem;
    min-height: 3rem;
    padding: .75rem;
}

.rai-progress[b-9uqtyfo1g0] {
    accent-color: var(--playground-primary);
    display: block;
    height: .5rem;
    margin-top: .5rem;
    width: 100%;
}

.rai-embed-notice[b-9uqtyfo1g0] {
    color: var(--playground-text-muted);
    margin: .75rem 0;
}

.rai-frame[b-9uqtyfo1g0] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border-strong);
    border-radius: var(--playground-radius-md);
    display: block;
    height: 52rem;
    width: 100%;
}

.rai-empty-target[b-9uqtyfo1g0] {
    align-content: center;
    background: var(--playground-surface-subtle);
    border: 1px dashed var(--playground-border-strong);
    border-radius: var(--playground-radius-md);
    display: grid;
    justify-items: center;
    min-height: 30rem;
    padding: 2rem;
    text-align: center;
}

.rai-empty-target[b-9uqtyfo1g0]  .rz-icon {
    color: var(--playground-text-muted);
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.rai-empty-target h3[b-9uqtyfo1g0] {
    font-size: 1rem;
}

.rai-empty-target p[b-9uqtyfo1g0] {
    color: var(--playground-text-muted);
    font-size: .875rem;
    max-width: 35ch;
}

.rai-results[b-9uqtyfo1g0] {
    border-top: 1px solid var(--playground-border-strong);
    padding-top: 1.5rem;
}

.rai-empty-results[b-9uqtyfo1g0] {
    color: var(--playground-text-muted);
    padding-block: 1rem;
}

.rai-result-counts[b-9uqtyfo1g0] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
    padding-bottom: 1rem;
}

.rai-result-counts span[b-9uqtyfo1g0] {
    color: var(--playground-text-muted);
    font-size: .875rem;
}

.rai-result-counts strong[b-9uqtyfo1g0] {
    color: var(--playground-text);
}

.rai-table-scroll[b-9uqtyfo1g0] {
    overflow-x: auto;
}

.rai-results-table[b-9uqtyfo1g0] {
    font-size: .875rem;
    width: 100%;
}

.rai-results-table th[b-9uqtyfo1g0],
.rai-results-table td[b-9uqtyfo1g0] {
    border-bottom: 1px solid var(--playground-border);
    padding: .6rem .75rem;
    vertical-align: middle;
}

.rai-results-table thead[b-9uqtyfo1g0],
.rai-results-table .is-selected[b-9uqtyfo1g0] {
    background: var(--playground-surface-subtle);
}

.rai-results-table th:first-child[b-9uqtyfo1g0] {
    min-width: 13rem;
}

.rai-results-table small[b-9uqtyfo1g0] {
    color: var(--playground-text-muted);
    display: block;
    font-weight: 400;
}

.rai-verdict[b-9uqtyfo1g0] {
    border: 1px solid var(--playground-border-strong);
    border-radius: var(--playground-radius-sm);
    display: inline-block;
    font-size: .875rem;
    padding: .2rem .5rem;
    white-space: nowrap;
}

.rai-verdict-concern[b-9uqtyfo1g0] {
    background: var(--playground-status-error-soft);
    color: var(--playground-status-error);
    font-weight: 700;
}

.rai-verdict-meetsexpectation[b-9uqtyfo1g0] {
    background: var(--playground-surface-subtle);
    color: var(--playground-status-success);
}

.rai-evidence[b-9uqtyfo1g0] {
    padding-top: 1.5rem;
}

.rai-evidence h3[b-9uqtyfo1g0] {
    font-size: 1rem;
    margin-bottom: .35rem;
}

.rai-evidence-grid[b-9uqtyfo1g0],
.rai-methodology-grid[b-9uqtyfo1g0] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.rai-evidence-grid > div[b-9uqtyfo1g0],
.rai-methodology-grid > section[b-9uqtyfo1g0] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.rai-evidence h4[b-9uqtyfo1g0],
.rai-methodology h3[b-9uqtyfo1g0] {
    font-size: .875rem;
    font-weight: 650;
    margin: 1rem 0 .5rem;
}

.rai-evidence p[b-9uqtyfo1g0],
.rai-methodology p[b-9uqtyfo1g0] {
    line-height: 1.6;
    max-width: 70ch;
}

.rai-shell pre[b-9uqtyfo1g0] {
    background: var(--playground-code-surface);
    border-radius: var(--playground-radius-sm);
    color: var(--playground-code-text);
    font-family: 'Cascadia Code', 'SFMono-Regular', Consolas, Monaco, 'Courier New', monospace;
    font-size: var(--playground-font-code);
    max-height: 30rem;
    overflow: auto;
    overflow-wrap: anywhere;
    padding: 1rem;
    white-space: pre-wrap;
}

.rai-observed img[b-9uqtyfo1g0],
.rai-observed video[b-9uqtyfo1g0] {
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-sm);
    display: block;
    max-height: 28rem;
    object-fit: contain;
    width: 100%;
}

.rai-shell .rai-review-form[b-9uqtyfo1g0] {
    border-top: 1px solid var(--playground-border);
    margin-top: 1.5rem;
    padding-top: 1rem;
}

.rai-export-notice[b-9uqtyfo1g0] {
    color: var(--playground-text-muted);
    margin: 1.5rem 0 0;
    max-width: 100ch;
}

.rai-methodology[b-9uqtyfo1g0] {
    border-top: 1px solid var(--playground-border);
    padding-top: .5rem;
}

@media (max-width: 1100px) {
    .rai-workspace[b-9uqtyfo1g0] {
        grid-template-columns: 1fr;
    }

    .rai-cases[b-9uqtyfo1g0] {
        max-height: 22rem;
    }

    .rai-frame[b-9uqtyfo1g0] {
        height: 44rem;
    }
}

@media (max-width: 650px) {
    .rai-target-rail[b-9uqtyfo1g0],
    .rai-evidence-grid[b-9uqtyfo1g0],
    .rai-methodology-grid[b-9uqtyfo1g0],
    .rai-two-fields[b-9uqtyfo1g0] {
        grid-template-columns: 1fr;
    }

    .rai-segments button[b-9uqtyfo1g0] {
        flex: 1;
    }

    .rai-empty-target[b-9uqtyfo1g0] {
        min-height: 19rem;
        padding: 1rem;
    }

    .rai-frame[b-9uqtyfo1g0] {
        height: 40rem;
    }

    .rai-export-actions[b-9uqtyfo1g0] {
        width: 100%;
    }
}
/* /Components/SafeRadzenMarkdown.razor.rz.scp.css */
.markdown-copy-surface[b-ynwjdml4g1] {
    position: relative;
}

.markdown-copy-toolbar[b-ynwjdml4g1] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    min-height: 2rem;
    opacity: .55;
    transition: opacity .15s ease;
}

.markdown-copy-surface:hover .markdown-copy-toolbar[b-ynwjdml4g1],
.markdown-copy-surface:focus-within .markdown-copy-toolbar[b-ynwjdml4g1],
.markdown-copy-toolbar:has([role="status"]:not(:empty))[b-ynwjdml4g1] {
    opacity: 1;
}

.markdown-copy-toolbar .playground-icon-button[b-ynwjdml4g1] {
    flex: 0 0 1.75rem;
    height: 1.75rem;
    min-height: 1.75rem;
    min-width: 1.75rem;
    padding: 0;
    width: 1.75rem;
}

.markdown-copy-status[b-ynwjdml4g1] {
    font-size: .78rem;
    min-height: 1.1rem;
}

.markdown-copy-content[b-ynwjdml4g1] {
    min-width: 0;
}
/* /Components/SettingsWorkspace.razor.rz.scp.css */
.settings-workspace[b-ye44qgoa47] {
    color: var(--playground-text);
    max-width: 64rem;
    width: 100%;
}

.settings-section[b-ye44qgoa47] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    overflow: hidden;
}

.settings-section ~ .settings-section[b-ye44qgoa47] {
    margin-top: 1.5rem;
}

.settings-section-heading[b-ye44qgoa47] {
    align-items: center;
    border-bottom: 1px solid var(--playground-border);
    display: flex;
    gap: 0.65rem;
    padding: 1.25rem 1.5rem;
}

.settings-section h2[b-ye44qgoa47],
.settings-section h3[b-ye44qgoa47] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
}

.settings-row[b-ye44qgoa47] {
    align-items: center;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    padding: 2rem 1.5rem;
}

.settings-description[b-ye44qgoa47] {
    max-width: 65ch;
}

.settings-row + .settings-row[b-ye44qgoa47] {
    border-top: 1px solid var(--playground-border);
}

.settings-row-with-note[b-ye44qgoa47] {
    flex-wrap: wrap;
    gap: 0.65rem 2rem;
}

.settings-row-note[b-ye44qgoa47] {
    color: var(--playground-text-muted);
    flex-basis: 100%;
    margin: 0;
}

.settings-description p[b-ye44qgoa47] {
    color: var(--playground-text-muted);
    margin: 0.65rem 0 0;
}

.settings-switch[b-ye44qgoa47] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--playground-radius-md);
    color: var(--playground-text-muted);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.85rem;
    font-weight: 700;
    gap: 0.65rem;
    min-height: 2.75rem;
    min-width: 6rem;
    padding: 0.35rem;
}

.settings-switch-track[b-ye44qgoa47] {
    background: var(--playground-text-muted);
    border: 1px solid transparent;
    border-radius: 999px;
    display: block;
    height: 1.625rem;
    padding: 0.1875rem;
    width: 2.875rem;
}

.settings-switch-track span[b-ye44qgoa47] {
    background: #fff;
    border-radius: 50%;
    display: block;
    height: 1.125rem;
    transition: transform 160ms ease-out;
    width: 1.125rem;
}

.settings-switch[aria-checked="true"][b-ye44qgoa47] {
    color: var(--playground-primary-hover);
}

.settings-switch[aria-checked="true"] .settings-switch-track[b-ye44qgoa47] {
    background: var(--playground-primary);
}

.settings-switch[aria-checked="true"] .settings-switch-track span[b-ye44qgoa47] {
    transform: translateX(1.25rem);
}

.settings-switch:hover:not(:disabled)[b-ye44qgoa47] {
    background: var(--playground-primary-soft);
}

.settings-switch:focus-visible[b-ye44qgoa47] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 3px;
}

.settings-switch:disabled[b-ye44qgoa47] {
    cursor: wait;
    opacity: 0.65;
}

.settings-footer[b-ye44qgoa47] {
    align-items: center;
    background: var(--playground-surface-subtle);
    border-top: 1px solid var(--playground-border);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.85rem;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.5rem;
}

.settings-footer p[b-ye44qgoa47],
.settings-note[b-ye44qgoa47] {
    color: var(--playground-text-muted);
    margin: 0;
}

.settings-footer a[b-ye44qgoa47] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
    min-height: 2.75rem;
}

.settings-note[b-ye44qgoa47] {
    font-size: 0.85rem;
    margin-top: 1.5rem;
    max-width: 75ch;
}

@media (max-width: 640px) {
    .settings-row[b-ye44qgoa47] {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }

    .settings-section-heading[b-ye44qgoa47],
    .settings-row[b-ye44qgoa47],
    .settings-footer[b-ye44qgoa47] {
        padding: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .settings-switch-track span[b-ye44qgoa47] {
        transition: none;
    }
}
/* /Components/SpeechPlaygroundWorkspace.razor.rz.scp.css */
.speech-workspace[b-rvmxy3fqgh] {
    --playground-control-scale: 0.75;
    max-width: var(--playground-content-max);
    width: 100%;
    min-width: 0;
}

.speech-header-actions[b-rvmxy3fqgh],
.speech-actions[b-rvmxy3fqgh],
.speech-status[b-rvmxy3fqgh] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-sm);
}

.speech-header-actions[b-rvmxy3fqgh],
.speech-connection[b-rvmxy3fqgh] {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.speech-options[b-rvmxy3fqgh] {
    border: 0;
    display: grid;
    gap: var(--playground-space-lg);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    padding: 0;
}

.speech-options > div[b-rvmxy3fqgh],
.speech-composer[b-rvmxy3fqgh],
.speech-upload[b-rvmxy3fqgh] {
    min-width: 0;
}

.speech-option-wide[b-rvmxy3fqgh] {
    grid-column: 1 / -1;
}

.speech-checkbox[b-rvmxy3fqgh] {
    align-items: center;
    display: flex;
    gap: var(--playground-space-sm);
    min-height: 2.75rem;
}

.speech-status[b-rvmxy3fqgh] {
    justify-content: space-between;
    margin: var(--playground-space-md) 0;
    color: var(--playground-text-muted);
}

.speech-meter[b-rvmxy3fqgh] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-md);
    margin-bottom: var(--playground-space-md);
}

.speech-meter meter[b-rvmxy3fqgh] {
    height: 1rem;
    max-width: 100%;
    width: 14rem;
}

.speech-input[b-rvmxy3fqgh],
.speech-composer[b-rvmxy3fqgh],
.speech-target[b-rvmxy3fqgh] {
    margin-block: var(--playground-space-lg);
}

.speech-composer > .speech-actions[b-rvmxy3fqgh] {
    margin-top: var(--playground-space-sm);
}

.speech-target[b-rvmxy3fqgh]  input,
.speech-target[b-rvmxy3fqgh]  select {
    max-width: 16rem;
}

.speech-primary-actions[b-rvmxy3fqgh] {
    margin-block: var(--playground-space-lg);
}

.speech-text-tools[b-rvmxy3fqgh] {
    align-items: end;
    border: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-md);
    min-width: 0;
    padding: 0;
}

.speech-text-tools > div[b-rvmxy3fqgh] {
    min-width: 0;
}

.speech-history[b-rvmxy3fqgh] {
    margin-block: var(--playground-space-md);
}

.speech-history summary[b-rvmxy3fqgh] {
    cursor: pointer;
    padding-block: var(--playground-space-sm);
}

.speech-primary-actions .form-text[b-rvmxy3fqgh] {
    flex-basis: 100%;
}

.speech-file-name[b-rvmxy3fqgh] {
    overflow-wrap: anywhere;
}

audio[b-rvmxy3fqgh] {
    display: block;
    margin-block: var(--playground-space-md);
    max-width: 100%;
    width: 100%;
}

audio[hidden][b-rvmxy3fqgh] {
    display: none;
}

.speech-transcript[b-rvmxy3fqgh],
.speech-turn p[b-rvmxy3fqgh] {
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.speech-user-prompt[b-rvmxy3fqgh] {
    max-height: 5lh;
    overflow-y: auto;
}

.speech-user-prompt:focus-visible[b-rvmxy3fqgh] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 3px;
}

.speech-turns[b-rvmxy3fqgh] {
    max-height: 28rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.speech-turn[b-rvmxy3fqgh] {
    border-bottom: 1px solid var(--playground-border);
    padding-block: var(--playground-space-md);
}

.speech-partial[b-rvmxy3fqgh] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
    margin-left: var(--playground-space-sm);
}

.speech-upload[b-rvmxy3fqgh]  input {
    max-width: 100%;
}

@media (max-width: 700px) {
    .speech-options[b-rvmxy3fqgh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .speech-upload[b-rvmxy3fqgh] {
        flex-basis: 100%;
    }
}
[b-rvmxy3fqgh] .speech-code-input {
    background: #101827;
    color: #d9e2ec;
    font-family: 'Cascadia Code', Consolas, monospace;
}
/* /Components/TelemetryPreferenceSettings.razor.rz.scp.css */
.telemetry-preference[b-6ogrl9kam4] {
    background: #f7f9fc;
    border: 1px solid #dbe2ea;
    border-radius: 0.875rem;
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
    padding: 1.15rem;
}

.telemetry-preference__heading[b-6ogrl9kam4] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.telemetry-preference__heading h3[b-6ogrl9kam4] {
    color: #172033;
    font-size: 1rem;
    font-weight: 800;
    margin: 0;
}

.telemetry-preference__heading p[b-6ogrl9kam4] {
    color: #596579;
    font-size: 0.85rem;
    line-height: 1.55;
    margin: 0.3rem 0 0;
}

.telemetry-preference__status[b-6ogrl9kam4] {
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 0.625rem;
    color: #596579;
    flex: 0 0 auto;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 0.35rem 0.65rem;
}

.telemetry-preference__status[data-state="allowed"][b-6ogrl9kam4] {
    background: #ecfdf3;
    border-color: #dbe2ea;
    color: #166534;
}

.telemetry-preference__status[data-state="declined"][b-6ogrl9kam4] {
    background: #fff1f2;
    border-color: #dbe2ea;
    color: #9f1239;
}

.telemetry-preference__actions[b-6ogrl9kam4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.telemetry-preference__button[b-6ogrl9kam4] {
    background: #fff;
    border: 1px solid #aab6c5;
    border-radius: 0.625rem;
    color: #172033;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 800;
    min-height: 2.75rem;
    padding: 0.65rem 1rem;
}

.telemetry-preference__button--allow[b-6ogrl9kam4] {
    border-color: #2563eb;
    color: #1d4ed8;
}

.telemetry-preference__button[data-selected="true"][b-6ogrl9kam4] {
    background: #172554;
    border-color: #172554;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.06);
    color: #fff;
}

.telemetry-preference__button:hover:not(:disabled)[b-6ogrl9kam4] {
    background: #eff6ff;
    border-color: #2563eb;
}

.telemetry-preference__button:focus-visible[b-6ogrl9kam4] {
    box-shadow: 0 0 0 0.2rem rgb(37 99 235 / 0.18);
    outline: 2px solid #2563eb;
    outline-offset: 0.15rem;
}

.telemetry-preference__button:disabled[b-6ogrl9kam4] {
    cursor: wait;
    opacity: 0.62;
}

.telemetry-preference__note[b-6ogrl9kam4],
.telemetry-preference__error[b-6ogrl9kam4] {
    font-size: 0.85rem;
    line-height: 1.5;
    margin: 0;
}

.telemetry-preference__note[b-6ogrl9kam4] {
    color: #596579;
}

.telemetry-preference__error[b-6ogrl9kam4] {
    color: #9f1239;
    font-weight: 700;
}

@media (max-width: 520px) {
    .telemetry-preference__heading[b-6ogrl9kam4] {
        display: grid;
    }

    .telemetry-preference__status[b-6ogrl9kam4] {
        width: fit-content;
    }

    .telemetry-preference__actions[b-6ogrl9kam4] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* /Components/TextProvenanceReview.razor.rz.scp.css */
.text-provenance-review[b-44lzkvngwk] {
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    background: var(--playground-surface-subtle);
    color: var(--playground-text);
    margin-bottom: var(--playground-space-md);
    padding: 0.75rem;
}

.text-provenance-control[b-44lzkvngwk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
}

.text-provenance-intro[b-44lzkvngwk],
.text-provenance-finding-copy[b-44lzkvngwk] {
    min-width: 0;
}

.text-provenance-title-row[b-44lzkvngwk],
.text-provenance-status[b-44lzkvngwk],
.text-provenance-capture[b-44lzkvngwk],
.text-provenance-actions[b-44lzkvngwk],
.text-provenance-diff-heading[b-44lzkvngwk],
.text-provenance-diff-actions[b-44lzkvngwk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.text-provenance-title-row[b-44lzkvngwk] {
    flex-wrap: wrap;
}

.text-provenance-description[b-44lzkvngwk],
.text-provenance-review-only-note[b-44lzkvngwk],
.text-provenance-overflow-note[b-44lzkvngwk],
.text-provenance-diff-heading p[b-44lzkvngwk],
.text-provenance-audit[b-44lzkvngwk] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
    margin: 0;
}

.text-provenance-description[b-44lzkvngwk] {
    margin-top: 0.25rem;
}

.text-provenance-switch[b-44lzkvngwk] {
    margin: 0;
    white-space: nowrap;
}

.text-provenance-control + .text-provenance-status[b-44lzkvngwk] {
    margin-top: 0.75rem;
}

.text-provenance-summary[b-44lzkvngwk] {
    border-top: 1px solid var(--playground-border);
    margin-top: 0.75rem;
    padding-top: 0.75rem;
}

.text-provenance-status[b-44lzkvngwk] {
    font-size: 0.9rem;
    font-weight: 600;
}

.text-provenance-status-clear[b-44lzkvngwk] {
    color: var(--bs-success-text-emphasis);
}

.text-provenance-status-review[b-44lzkvngwk] {
    color: var(--playground-text);
}

.text-provenance-status-warning[b-44lzkvngwk] {
    color: var(--bs-warning-text-emphasis);
}

.text-provenance-capture[b-44lzkvngwk] {
    color: var(--playground-text-muted);
    flex-wrap: wrap;
    font-family: Consolas, "Courier New", Courier, monospace;
    font-size: 0.75rem;
    margin-top: 0.375rem;
}

.text-provenance-capture span:not(:last-child)[b-44lzkvngwk]::after {
    content: "|";
    margin-left: 0.5rem;
}

.text-provenance-capture span[b-44lzkvngwk] {
    overflow-wrap: anywhere;
}

.text-provenance-findings[b-44lzkvngwk] {
    display: grid;
    gap: 0.5rem;
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
}

.text-provenance-findings li[b-44lzkvngwk] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
}

.text-provenance-finding-copy[b-44lzkvngwk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.text-provenance-finding-copy > span:last-child[b-44lzkvngwk] {
    color: var(--playground-text-muted);
    flex-basis: 100%;
}

.text-provenance-location[b-44lzkvngwk] {
    color: var(--playground-text-muted);
    font-family: Consolas, "Courier New", Courier, monospace;
    font-size: 0.75rem;
}

.text-provenance-overflow-note[b-44lzkvngwk],
.text-provenance-review-only-note[b-44lzkvngwk] {
    margin-top: 0.75rem;
}

.text-provenance-actions[b-44lzkvngwk] {
    border-top: 1px solid var(--playground-border);
    justify-content: space-between;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
}

.text-provenance-actions span[b-44lzkvngwk] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
}

.text-provenance-diff[b-44lzkvngwk] {
    border-top: 1px solid var(--playground-border);
    margin-top: 0.75rem;
    padding-top: 0.75rem;
}

.text-provenance-diff-heading[b-44lzkvngwk] {
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.text-provenance-diff-grid[b-44lzkvngwk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.text-provenance-pane[b-44lzkvngwk] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    min-width: 0;
    padding: 0.75rem;
}

.text-provenance-pane > header[b-44lzkvngwk] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.text-provenance-pane > header span[b-44lzkvngwk] {
    color: var(--playground-text-muted);
    font-size: 0.75rem;
}

.text-provenance-diff-content[b-44lzkvngwk] {
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-sm);
    color: var(--playground-text);
    font-family: Consolas, "Courier New", Courier, monospace;
    font-size: 0.8125rem;
    line-height: 1.5;
    margin: 0;
    max-height: 28rem;
    overflow: auto;
    padding: 0.75rem;
    unicode-bidi: plaintext;
    white-space: pre-wrap;
    word-break: break-word;
}

.text-provenance-diff-content[b-44lzkvngwk]  .text-provenance-removed,
.text-provenance-diff-content[b-44lzkvngwk]  .text-provenance-removal-marker {
    border: 1px solid currentColor;
    border-radius: var(--playground-radius-sm);
    font-weight: 700;
    padding: 0 0.2rem;
}

.text-provenance-diff-content[b-44lzkvngwk]  .text-provenance-removed {
    background: var(--bs-danger-bg-subtle);
    color: var(--bs-danger-text-emphasis);
    text-decoration: line-through;
}

.text-provenance-diff-content[b-44lzkvngwk]  .text-provenance-removal-marker {
    background: var(--bs-success-bg-subtle);
    color: var(--bs-success-text-emphasis);
}

.text-provenance-diff-actions[b-44lzkvngwk] {
    justify-content: flex-end;
    margin-top: 0.75rem;
}

.text-provenance-audit[b-44lzkvngwk] {
    font-family: Consolas, "Courier New", Courier, monospace;
    margin-top: 0.5rem;
    text-align: right;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.text-provenance-review .btn[b-44lzkvngwk] {
    min-height: 2.75rem;
}

.text-provenance-capabilities[b-44lzkvngwk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--playground-space-md);
    border-block: 1px solid var(--playground-border);
    margin-block: var(--playground-space-md);
    padding-block: var(--playground-space-md);
    font-size: 0.875rem;
}

.text-provenance-capabilities dt[b-44lzkvngwk],
.text-provenance-report dt[b-44lzkvngwk] {
    color: var(--playground-text-muted);
    font-weight: 400;
}

.text-provenance-capabilities dd[b-44lzkvngwk],
.text-provenance-report dd[b-44lzkvngwk] {
    margin: 0;
    overflow-wrap: anywhere;
}

.text-provenance-findings[b-44lzkvngwk] {
    max-height: 36rem;
    overflow: auto;
    padding: 0.25rem;
}

.text-provenance-findings input[b-44lzkvngwk],
.text-provenance-policy input[b-44lzkvngwk],
.text-provenance-acknowledgment input[b-44lzkvngwk] {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    accent-color: var(--playground-primary);
}

.text-provenance-policy[b-44lzkvngwk] {
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    padding: var(--playground-space-md);
}

.text-provenance-policy legend[b-44lzkvngwk],
.text-provenance-diff-heading h3[b-44lzkvngwk] {
    float: none;
    width: auto;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
}

.text-provenance-policy label[b-44lzkvngwk],
.text-provenance-acknowledgment[b-44lzkvngwk] {
    display: flex;
    align-items: start;
    gap: 0.75rem;
    margin-block: 0.75rem;
    font-size: 0.875rem;
}

.text-provenance-field[b-44lzkvngwk] {
    display: grid;
    gap: 0.5rem;
    margin-block: var(--playground-space-md);
    max-width: 48rem;
}

.text-provenance-verification[b-44lzkvngwk],
.text-provenance-history[b-44lzkvngwk],
.text-provenance-education[b-44lzkvngwk] {
    border-top: 1px solid var(--playground-border);
    margin-top: var(--playground-space-md);
    padding-top: var(--playground-space-md);
    font-size: 0.875rem;
}

.text-provenance-review summary[b-44lzkvngwk] {
    cursor: pointer;
    font-weight: 600;
    min-height: 2.75rem;
}

.text-provenance-error[b-44lzkvngwk] {
    color: var(--bs-danger-text-emphasis);
    border: 1px solid var(--bs-danger-border-subtle);
    padding: 0.75rem;
    margin-top: 0.75rem;
}

.text-provenance-notice[b-44lzkvngwk],
.text-provenance-report[b-44lzkvngwk],
.text-provenance-saved-copy[b-44lzkvngwk] {
    border: 1px solid var(--playground-border);
    padding: var(--playground-space-md);
    margin-top: var(--playground-space-md);
    overflow-wrap: anywhere;
}

.text-provenance-report dl[b-44lzkvngwk] {
    display: grid;
    gap: 0.5rem;
}

.text-provenance-edit-register[b-44lzkvngwk] {
    font-size: 0.875rem;
    margin-block: var(--playground-space-md);
    overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
    .text-provenance-control[b-44lzkvngwk],
    .text-provenance-diff-grid[b-44lzkvngwk] {
        grid-template-columns: 1fr;
    }

    .text-provenance-switch[b-44lzkvngwk] {
        white-space: normal;
    }

    .text-provenance-capabilities[b-44lzkvngwk] {
        grid-template-columns: 1fr;
    }

    .text-provenance-actions[b-44lzkvngwk],
    .text-provenance-diff-heading[b-44lzkvngwk] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/VaultEndpointInput.razor.rz.scp.css */
.vault-endpoint-anchor[b-ksdm8xaktu] {
    display: block;
    height: 0;
    position: relative;
    width: 100%;
    z-index: 90;
}

.vault-endpoint-menu[b-ksdm8xaktu],
.vault-endpoint-error[b-ksdm8xaktu] {
    background: var(--playground-surface, #fff);
    border: 1px solid var(--playground-border, #dbe2ea);
    border-radius: var(--playground-radius-md, 0.625rem);
    box-shadow: 0 12px 30px rgb(15 23 42 / 0.1);
    color: var(--playground-text, #172033);
    display: block;
    inset-inline: 0;
    overflow: hidden;
    position: absolute;
    top: 0.25rem;
}

.vault-endpoint-caption[b-ksdm8xaktu],
.vault-endpoint-help[b-ksdm8xaktu],
.vault-endpoint-error[b-ksdm8xaktu] {
    font-size: 0.85rem;
    line-height: 1.5;
    padding: 0.65rem 0.85rem;
}

.vault-endpoint-caption[b-ksdm8xaktu],
.vault-endpoint-help[b-ksdm8xaktu] {
    display: block;
}

.vault-endpoint-caption[b-ksdm8xaktu] {
    font-weight: 700;
}

.vault-endpoint-help[b-ksdm8xaktu] {
    background: var(--playground-surface-subtle, #f7f9fc);
    border-top: 1px solid var(--playground-border, #dbe2ea);
    color: var(--playground-text-muted, #596579);
}

.vault-endpoint-options[b-ksdm8xaktu] {
    display: block;
    max-height: 14rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.vault-endpoint-options button[b-ksdm8xaktu] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 2.75rem;
    padding: 0.7rem 0.85rem;
    text-align: start;
    width: 100%;
}

.vault-endpoint-options button:hover[b-ksdm8xaktu],
.vault-endpoint-options button[aria-selected="true"][b-ksdm8xaktu] {
    background: var(--playground-primary-soft, #eff6ff);
    color: var(--playground-primary-hover, #1d4ed8);
}

.vault-endpoint-options button:focus-visible[b-ksdm8xaktu] {
    outline: 2px solid var(--playground-primary, #2563eb);
    outline-offset: -2px;
}

.vault-endpoint-url[b-ksdm8xaktu] {
    font-family: var(--playground-font-mono, 'Cascadia Code', Consolas, monospace);
    font-size: 0.85rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.vault-endpoint-source[b-ksdm8xaktu] {
    color: var(--playground-text-muted, #596579);
    flex: 0 0 auto;
    font-size: 0.75rem;
}
/* /Components/VaultResourceIdInput.razor.rz.scp.css */
.vault-resource-anchor[b-eqdgx42qsy] { display: block; position: relative; height: 0; width: 100%; z-index: 90; }
.vault-resource-menu[b-eqdgx42qsy] {
    display: flex; flex-direction: column; position: fixed; inset: auto; margin: 0; padding: 0;
    background: var(--playground-surface, #fff); color: var(--playground-text, #172033);
    border: 1px solid var(--playground-border, #dbe2ea); border-radius: 0.625rem;
    box-shadow: 0 12px 30px rgb(15 23 42 / 0.1); overflow: hidden;
}
.vault-resource-menu:not(:popover-open)[b-eqdgx42qsy] { display: none; }
.vault-resource-caption[b-eqdgx42qsy], .vault-resource-help[b-eqdgx42qsy] { flex: 0 0 auto; }
.vault-resource-caption[b-eqdgx42qsy], .vault-resource-help[b-eqdgx42qsy], .vault-resource-error[b-eqdgx42qsy] {
    display: block; padding: 0.65rem 0.85rem; font-size: 0.85rem; line-height: 1.5;
}
.vault-resource-caption[b-eqdgx42qsy] { font-weight: 700; }
.vault-resource-menu [role="listbox"][b-eqdgx42qsy] {
    display: block; flex: 0 1 auto; min-height: 0; max-height: 14rem; overflow-y: auto; overscroll-behavior: contain;
}
.vault-resource-menu button[b-eqdgx42qsy] {
    display: flex; flex-direction: column; gap: 0.25rem; width: 100%; min-height: 2.75rem; padding: 0.7rem 0.85rem;
    border: 0; color: inherit; background: transparent; text-align: start; font: inherit; overflow-wrap: anywhere;
}
.vault-resource-id[b-eqdgx42qsy] { font: 0.85rem/1.5 'Cascadia Code', Consolas, monospace; }
.vault-resource-description[b-eqdgx42qsy] { font-size: 0.85rem; line-height: 1.5; }
.vault-resource-menu button:hover[b-eqdgx42qsy], .vault-resource-menu button[aria-selected="true"][b-eqdgx42qsy] {
    background: var(--playground-primary-soft, #eff6ff); color: var(--playground-primary-hover, #1d4ed8);
}
.vault-resource-menu button:focus-visible[b-eqdgx42qsy] { outline: 2px solid var(--playground-primary, #2563eb); outline-offset: -2px; }
.vault-resource-help[b-eqdgx42qsy] { border-top: 1px solid var(--playground-border, #dbe2ea); color: var(--playground-text-muted, #596579); }
.vault-resource-error[b-eqdgx42qsy] { position: relative; background: var(--playground-surface, #fff); color: var(--playground-status-error, #9f1239); }
/* /Components/VaultServicePrincipalInput.razor.rz.scp.css */
.vault-principal-anchor[b-x43hz2lcxy] { display: block; position: relative; height: 0; width: 100%; z-index: 90; }
.vault-principal-menu[b-x43hz2lcxy] {
    display: block; position: absolute; inset-inline: 0; top: 0.25rem;
    background: var(--playground-surface, #fff); color: var(--playground-text, #172033);
    border: 1px solid var(--playground-border, #dbe2ea); border-radius: 0.625rem;
    box-shadow: 0 12px 30px rgb(15 23 42 / 0.1); overflow: hidden;
}
.vault-principal-caption[b-x43hz2lcxy], .vault-principal-help[b-x43hz2lcxy], .vault-principal-error[b-x43hz2lcxy] {
    display: block; padding: 0.65rem 0.85rem; font-size: 0.85rem; line-height: 1.5;
}
.vault-principal-caption[b-x43hz2lcxy] { font-weight: 700; }
.vault-principal-menu [role="listbox"][b-x43hz2lcxy] { display: block; max-height: 14rem; overflow-y: auto; overscroll-behavior: contain; }
.vault-principal-menu button[b-x43hz2lcxy] {
    display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; width: 100%; min-height: 2.75rem; padding: 0.7rem 0.85rem;
    border: 0; color: inherit; background: transparent; text-align: start; font: inherit; overflow-wrap: anywhere;
}
.vault-principal-id[b-x43hz2lcxy] { font: 0.85rem 'Cascadia Code', Consolas, monospace; }
.vault-principal-menu button:hover[b-x43hz2lcxy], .vault-principal-menu button[aria-selected="true"][b-x43hz2lcxy] {
    background: var(--playground-primary-soft, #eff6ff); color: var(--playground-primary-hover, #1d4ed8);
}
.vault-principal-menu button:focus-visible[b-x43hz2lcxy] { outline: 2px solid var(--playground-primary, #2563eb); outline-offset: -2px; }
.vault-principal-help[b-x43hz2lcxy] { border-top: 1px solid var(--playground-border, #dbe2ea); color: var(--playground-text-muted, #596579); }
.vault-principal-error[b-x43hz2lcxy] { position: relative; background: var(--playground-surface, #fff); color: var(--playground-status-error, #9f1239); }
/* /Components/VaultWorkspace.razor.rz.scp.css */
.vault-workspace[b-g9ix425eoc] {
    color: var(--playground-text);
    max-width: 72rem;
    width: 100%;
}

.vault-editor[b-g9ix425eoc] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-lg);
    overflow: visible;
}

.vault-lab-notice[b-g9ix425eoc] { padding: 1rem; margin-bottom: 1rem; border: 1px solid var(--playground-border); border-radius: var(--playground-radius-sm); font-size: 0.875rem; color: var(--playground-text-muted); }
.vault-editor-content[b-g9ix425eoc] { border: 0; padding: 0; margin: 0; min-width: 0; }
.vault-embedded[b-g9ix425eoc] { max-width: none; }
.vault-embedded .vault-editor[b-g9ix425eoc] { border: 0; border-radius: 0; }
.vault-embedded .vault-entry[b-g9ix425eoc], .vault-embedded .vault-principal-entry[b-g9ix425eoc], .vault-embedded .vault-resource-entry[b-g9ix425eoc] { grid-template-columns: minmax(0, 1fr); padding: 1rem 0; }
.vault-embedded .vault-principal-description[b-g9ix425eoc] { grid-column: auto; }
.vault-embedded .vault-zdr-fields[b-g9ix425eoc] { grid-template-columns: minmax(0, 1fr); }
.vault-embedded .vault-editor-heading[b-g9ix425eoc], .vault-embedded .vault-zdr-settings[b-g9ix425eoc] { padding: 1rem 0; }
.vault-embedded .vault-editor-heading[b-g9ix425eoc] { align-items: start; }
.vault-embedded .vault-remove[b-g9ix425eoc], .vault-embedded .vault-zdr-toggle[b-g9ix425eoc] { justify-self: start; margin-top: 0; }

.vault-editor-heading[b-g9ix425eoc],
.vault-editor-footer[b-g9ix425eoc],
.vault-editor-actions[b-g9ix425eoc],
.vault-feedback[b-g9ix425eoc] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
}

.vault-editor-heading[b-g9ix425eoc],
.vault-editor-footer[b-g9ix425eoc],
.vault-zdr-settings[b-g9ix425eoc] {
    padding: 1.5rem;
}

.vault-editor-heading[b-g9ix425eoc],
.vault-zdr-settings[b-g9ix425eoc] {
    border-bottom: 1px solid var(--playground-border);
}

.vault-editor-heading h2[b-g9ix425eoc],
.vault-zdr-settings h2[b-g9ix425eoc] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.35rem;
}

.vault-count[b-g9ix425eoc] {
    color: var(--playground-text-muted);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    margin-inline-start: 0.5rem;
}

.vault-editor p[b-g9ix425eoc] {
    color: var(--playground-text-muted);
    font-size: 0.85rem;
    margin: 0;
}

.vault-editor .btn[b-g9ix425eoc] {
    align-items: center;
    display: inline-flex;
    gap: 0.5rem;
    min-height: 2.75rem;
}

.vault-entries[b-g9ix425eoc],
.vault-zdr-fields[b-g9ix425eoc] {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.vault-zdr-fields[b-g9ix425eoc] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.vault-entry[b-g9ix425eoc] {
    align-items: start;
    border-bottom: 1px solid var(--playground-border);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) auto auto;
    padding: 1.5rem;
}

.vault-entry:last-child[b-g9ix425eoc] {
    border-bottom: 0;
}

.vault-field[b-g9ix425eoc] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.vault-field label[b-g9ix425eoc] {
    font-size: 0.85rem;
    font-weight: 700;
}

.vault-field input[b-g9ix425eoc],
.vault-field[b-g9ix425eoc]  input.vault-application-input {
    font-family: 'Cascadia Code', 'SFMono-Regular', Consolas, monospace;
    font-size: 0.85rem;
    min-height: 2.75rem;
}

.vault-field input[aria-invalid="true"][b-g9ix425eoc] {
    border-color: var(--playground-status-error);
}

.vault-field-error[b-g9ix425eoc] {
    color: var(--playground-status-error);
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.vault-entry input[type="password"][b-g9ix425eoc]::-ms-reveal {
    display: none;
}

.vault-remove[b-g9ix425eoc] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--playground-radius-sm);
    color: var(--playground-text-muted);
    display: inline-flex;
    gap: 0.35rem;
    justify-content: center;
    min-height: 2.75rem;
    min-width: 2.75rem;
}

.vault-remove[b-g9ix425eoc] {
    font-size: 0.85rem;
    margin-top: 1.75rem;
    padding: 0.5rem;
}

.vault-zdr-toggle[b-g9ix425eoc] {
    font-size: 0.85rem;
    margin-top: 1.75rem;
    white-space: nowrap;
}

.vault-remove:hover[b-g9ix425eoc] {
    background: var(--playground-status-error-soft);
    color: var(--playground-status-error);
}

.vault-remove:focus-visible[b-g9ix425eoc] {
    outline: 2px solid var(--playground-primary);
    outline-offset: 2px;
}

.vault-editor-footer[b-g9ix425eoc] {
    background: var(--playground-surface-subtle);
    border-top: 1px solid var(--playground-border);
    border-radius: 0 0 var(--playground-radius-lg) var(--playground-radius-lg);
}

.vault-principal-entry[b-g9ix425eoc] {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem;
    align-items: start; padding: 1.5rem; border-bottom: 1px solid var(--playground-border);
}
.vault-principal-description[b-g9ix425eoc] { grid-column: span 2; }
.vault-principal-entry .vault-remove[b-g9ix425eoc] { justify-self: end; }
.vault-editor .vault-principal-empty[b-g9ix425eoc] { padding: 1.5rem; }
.vault-resource-entry[b-g9ix425eoc] {
    display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) auto; gap: 1rem;
    align-items: start; padding: 1.5rem; border-bottom: 1px solid var(--playground-border);
}
.vault-editor .vault-resource-empty[b-g9ix425eoc] { padding: 1.5rem; }

.vault-empty[b-g9ix425eoc] {
    display: grid;
    gap: 0.75rem;
    justify-items: center;
    padding: 3rem 1.5rem;
    text-align: center;
}

.vault-empty[b-g9ix425eoc]  .rzi {
    color: var(--playground-text-muted);
    font-size: 2rem;
}

.vault-empty h3[b-g9ix425eoc] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
}

.vault-empty p[b-g9ix425eoc] {
    max-width: 55ch;
}

.vault-storage-note[b-g9ix425eoc] {
    align-items: start;
    color: var(--playground-text-muted);
    display: flex;
    font-size: 0.85rem;
    gap: 0.75rem;
    margin-top: 1.5rem;
    max-width: 85ch;
}

.vault-storage-note p[b-g9ix425eoc] {
    margin: 0 0 0.65rem;
}

@media (max-width: 760px) {
    .vault-resource-entry[b-g9ix425eoc] { grid-template-columns: minmax(0, 1fr); padding: 1rem; }
    .vault-principal-entry[b-g9ix425eoc] { grid-template-columns: minmax(0, 1fr); padding: 1rem; }
    .vault-principal-description[b-g9ix425eoc] { grid-column: auto; }
    .vault-principal-entry .vault-remove[b-g9ix425eoc] { margin-top: 0; }
    .vault-zdr-fields[b-g9ix425eoc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .vault-entry[b-g9ix425eoc] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .vault-entry .vault-field[b-g9ix425eoc] {
        grid-column: 1 / -1;
    }

    .vault-zdr-toggle[b-g9ix425eoc] {
        justify-self: start;
        margin-top: 0;
    }

    .vault-remove[b-g9ix425eoc] {
        justify-self: end;
        margin-top: 0;
    }

    .vault-editor-heading[b-g9ix425eoc],
    .vault-editor-footer[b-g9ix425eoc],
    .vault-zdr-settings[b-g9ix425eoc],
    .vault-entry[b-g9ix425eoc] {
        padding: 1rem;
    }

    .vault-editor-actions[b-g9ix425eoc] {
        justify-content: flex-end;
        width: 100%;
    }
}
/* /Components/VideoProvenanceReview.razor.rz.scp.css */
.video-provenance-review[b-ikntiwlcs7] {
    background: var(--playground-surface-subtle);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    color: var(--playground-text);
    margin-top: var(--playground-space-md);
    padding: 0.75rem;
}

.video-provenance-control[b-ikntiwlcs7] {
    align-items: start;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.video-provenance-title-row[b-ikntiwlcs7],
.video-provenance-status[b-ikntiwlcs7],
.video-provenance-capture[b-ikntiwlcs7],
.video-provenance-actions[b-ikntiwlcs7],
.video-provenance-treatment-heading[b-ikntiwlcs7],
.video-provenance-treatment-actions[b-ikntiwlcs7],
.video-provenance-region-choices[b-ikntiwlcs7] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.video-provenance-title-row[b-ikntiwlcs7],
.video-provenance-capture[b-ikntiwlcs7],
.video-provenance-region-choices[b-ikntiwlcs7] {
    flex-wrap: wrap;
}

.video-provenance-description[b-ikntiwlcs7],
.video-provenance-note[b-ikntiwlcs7],
.video-provenance-treatment-heading p[b-ikntiwlcs7],
.video-provenance-audit[b-ikntiwlcs7] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
    margin: 0;
}

.video-provenance-description[b-ikntiwlcs7] {
    margin-top: 0.25rem;
}

.video-provenance-switch[b-ikntiwlcs7] {
    margin: 0;
    white-space: nowrap;
}

.video-provenance-control + .video-provenance-status[b-ikntiwlcs7] {
    margin-top: 0.75rem;
}

.video-provenance-summary[b-ikntiwlcs7],
.video-provenance-treatment[b-ikntiwlcs7],
.video-provenance-derivative[b-ikntiwlcs7] {
    border-top: 1px solid var(--playground-border);
    margin-top: 0.75rem;
    padding-top: 0.75rem;
}

.video-provenance-status[b-ikntiwlcs7] {
    font-size: 0.9rem;
    font-weight: 600;
}

.video-provenance-status-clear[b-ikntiwlcs7] {
    color: var(--bs-success-text-emphasis);
}

.video-provenance-status-review[b-ikntiwlcs7] {
    color: var(--bs-warning-text-emphasis);
}

.video-provenance-capture[b-ikntiwlcs7] {
    color: var(--playground-text-muted);
    font-family: Consolas, "Courier New", Courier, monospace;
    font-size: 0.75rem;
    margin-top: 0.375rem;
}

.video-provenance-capture span[b-ikntiwlcs7] {
    overflow-wrap: anywhere;
}

.video-provenance-capture span:not(:last-child)[b-ikntiwlcs7]::after {
    content: "|";
    margin-left: 0.5rem;
}

.video-provenance-note[b-ikntiwlcs7] {
    margin-top: 0.625rem;
    overflow-wrap: anywhere;
}

.video-provenance-findings[b-ikntiwlcs7] {
    display: grid;
    gap: 0.625rem;
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
}

.video-provenance-findings li[b-ikntiwlcs7] {
    align-items: start;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: auto minmax(0, 1fr);
}

.video-provenance-finding-copy[b-ikntiwlcs7] {
    display: grid;
    font-size: 0.875rem;
    gap: 0.15rem;
    min-width: 0;
}

.video-provenance-finding-copy > span[b-ikntiwlcs7] {
    color: var(--playground-text-muted);
    overflow-wrap: anywhere;
}

.video-provenance-finding-copy code[b-ikntiwlcs7] {
    overflow-wrap: anywhere;
}

.video-provenance-actions[b-ikntiwlcs7] {
    border-top: 1px solid var(--playground-border);
    justify-content: space-between;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
}

.video-provenance-actions > span[b-ikntiwlcs7] {
    color: var(--playground-text-muted);
    font-size: 0.875rem;
}

.video-provenance-treatment-heading[b-ikntiwlcs7] {
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.video-provenance-preview-grid[b-ikntiwlcs7] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.video-provenance-pane[b-ikntiwlcs7] {
    background: var(--playground-surface);
    border: 1px solid var(--playground-border);
    border-radius: var(--playground-radius-md);
    min-width: 0;
    padding: 0.75rem;
}

.video-provenance-pane > header[b-ikntiwlcs7] {
    margin-bottom: 0.5rem;
}

.video-provenance-pane video[b-ikntiwlcs7],
.video-provenance-derivative video[b-ikntiwlcs7] {
    border-radius: var(--playground-radius-sm);
    display: block;
    max-height: 32rem;
    object-fit: contain;
    width: 100%;
}

.video-provenance-masked-preview[b-ikntiwlcs7] {
    overflow: hidden;
    position: relative;
}

.video-provenance-mask[b-ikntiwlcs7] {
    backdrop-filter: blur(var(--video-provenance-blur, 20px));
    background: rgb(255 255 255 / 4%);
    border: 2px solid var(--bs-warning);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 45%);
    pointer-events: none;
    position: absolute;
}

.video-provenance-region-choices[b-ikntiwlcs7] {
    margin-top: 0.75rem;
}

.video-provenance-mask-editor[b-ikntiwlcs7] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(4, minmax(7rem, 1fr));
    margin-top: 0.75rem;
}

.video-provenance-mask-editor label[b-ikntiwlcs7] {
    color: var(--playground-text-muted);
    font-size: 0.75rem;
}

.video-provenance-authorization[b-ikntiwlcs7] {
    margin-top: 0.75rem;
}

.video-provenance-treatment-actions[b-ikntiwlcs7] {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 0.75rem;
}

.video-provenance-status[b-ikntiwlcs7] {
    flex-wrap: wrap;
}

.video-provenance-audit[b-ikntiwlcs7] {
    font-family: Consolas, "Courier New", Courier, monospace;
    margin-top: 0.5rem;
    overflow-wrap: anywhere;
    text-align: right;
}

@media (max-width: 991.98px) {
    .video-provenance-mask-editor[b-ikntiwlcs7] {
        grid-template-columns: repeat(2, minmax(7rem, 1fr));
    }
}

@media (max-width: 767.98px) {
    .video-provenance-control[b-ikntiwlcs7],
    .video-provenance-preview-grid[b-ikntiwlcs7],
    .video-provenance-mask-editor[b-ikntiwlcs7] {
        grid-template-columns: 1fr;
    }

    .video-provenance-switch[b-ikntiwlcs7] {
        white-space: normal;
    }

    .video-provenance-actions[b-ikntiwlcs7],
    .video-provenance-treatment-heading[b-ikntiwlcs7] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/VirtualizedTextArea.razor.rz.scp.css */
.virtualized-text-area[b-99v22ztg06] {
    contain: layout style;
    min-width: 0;
    width: 100%;
}

.virtualized-text-area__input[b-99v22ztg06] {
    background: whitesmoke;
    border: 1px dotted dimgray;
    border-radius: var(--playground-radius-md);
    box-sizing: border-box;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, "Courier New", monospace;
    height: var(--virtualized-text-area-height, 200px);
    max-height: var(--virtualized-text-area-max-height, 800px);
    min-height: 8rem;
    padding: 10px;
    resize: vertical;
    unicode-bidi: plaintext;
    width: 100%;
}

.virtualized-text-area--status .virtualized-text-area__input[b-99v22ztg06] {
    background: gainsboro;
    font-family: Consolas, Monaco, "Courier New", monospace;
    font-size: var(--virtualized-text-area-status-font-size, 8pt);
    font-style: var(--virtualized-text-area-status-font-style, italic);
    min-height: var(--virtualized-text-area-height, 55px);
}

.virtualized-text-area__input:focus-visible[b-99v22ztg06] {
    border-color: var(--playground-primary);
    box-shadow: 0 0 0 0.2rem rgb(var(--playground-primary-rgb) / 0.18);
    outline: 0;
}

.virtualized-text-area--active .virtualized-text-area__input[b-99v22ztg06] {
    overflow-anchor: none;
}

.virtualized-text-area__navigation[b-99v22ztg06] {
    align-items: center;
    color: var(--playground-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--playground-font-label);
    gap: var(--playground-space-sm);
    justify-content: space-between;
    margin-top: var(--playground-space-xs);
}

.virtualized-text-area__navigation[hidden][b-99v22ztg06] {
    display: none;
}

.virtualized-text-area__status[b-99v22ztg06] {
    line-height: 1.4;
}

.virtualized-text-area__actions[b-99v22ztg06] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--playground-space-xs);
    margin-inline-start: auto;
}

.virtualized-text-area__actions .btn[b-99v22ztg06] {
    min-height: 2.25rem;
}

@media (max-width: 575.98px) {
    .virtualized-text-area__navigation[b-99v22ztg06] {
        align-items: stretch;
        flex-direction: column;
    }

    .virtualized-text-area__actions[b-99v22ztg06] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-inline-start: 0;
        width: 100%;
    }
}
/* /Components/WorkflowAcaSandboxConfigurationEditor.razor.rz.scp.css */
.workflow-sandbox-fields[b-rns3gxivig] { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; padding: 0 1rem 1rem; color: var(--wf-ink); }
.workflow-sandbox-fields label[b-rns3gxivig] { display: block; margin-top: 0.5rem; font-size: 0.875rem; font-weight: 600; }
.workflow-sandbox-fields :is(input, textarea, select)[b-rns3gxivig], .workflow-sandbox-fields[b-rns3gxivig]  input:is(.workflow-sandbox-application, .workflow-sandbox-resource) {
    display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: 2.75rem;
    padding: 0.5rem 0.625rem; border: 1px solid var(--wf-border); border-radius: 0.375rem;
    color: var(--wf-ink); background: var(--wf-paper); font: inherit; font-size: 0.875rem;
}
.workflow-sandbox-fields :is(input, textarea)[b-rns3gxivig]::placeholder { color: var(--wf-muted); opacity: 1; }
.workflow-sandbox-fields :is(input, textarea, select, button, a, summary):focus-visible[b-rns3gxivig],
.workflow-sandbox-fields[b-rns3gxivig]  input:is(.workflow-sandbox-application, .workflow-sandbox-resource):focus-visible { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.workflow-sandbox-fields h3[b-rns3gxivig] { font-size: 1rem; font-weight: 600; margin: 1.25rem 0 0.25rem; }
.workflow-sandbox-fields p[b-rns3gxivig] { margin: 0.5rem 0; max-width: 72ch; color: var(--wf-muted); font-size: 0.875rem; line-height: 1.6; overflow-wrap: anywhere; }
.workflow-sandbox-fields code[b-rns3gxivig] { color: var(--wf-blue-hover); overflow-wrap: anywhere; }
.workflow-sandbox-fields details[b-rns3gxivig] { position: relative; border-top: 1px solid var(--wf-border); margin-top: 0.5rem; padding-top: 0.5rem; }
.workflow-sandbox-fields summary[b-rns3gxivig] { min-height: 2.75rem; padding: 0.625rem 0; cursor: pointer; font-size: 0.875rem; font-weight: 600; }
.workflow-sandbox-fields .workflow-sandbox-code[b-rns3gxivig] { background: var(--wf-code); color: var(--wf-code-text); font: 0.875rem/1.6 'Cascadia Code', Consolas, monospace; resize: vertical; }
.workflow-sandbox-button[b-rns3gxivig] {
    display: inline-flex; align-items: center; justify-content: center; align-self: start; min-height: 2.75rem; margin: 0.5rem 0; padding: 0.5rem 0.75rem;
    border: 1px solid var(--wf-border); border-radius: 0.375rem; color: var(--wf-ink); background: var(--wf-paper); font: inherit; font-size: 0.875rem; font-weight: 600; cursor: pointer; text-decoration: none;
}
.workflow-sandbox-button:hover:not(:disabled)[b-rns3gxivig] { background: var(--wf-soft); border-color: var(--wf-strong-border); }
.workflow-sandbox-button:disabled[b-rns3gxivig] { opacity: 0.65; cursor: not-allowed; }
.workflow-sandbox-fields .workflow-sandbox-check[b-rns3gxivig] { display: flex; align-items: start; gap: 0.5rem; min-height: 2.75rem; }
.workflow-sandbox-check input[b-rns3gxivig] { width: 1.125rem; height: 1.125rem; min-height: 0; flex: 0 0 auto; margin-top: 0.125rem; }
.workflow-sandbox-fields .workflow-sandbox-error[b-rns3gxivig] { color: var(--wf-danger); }
.workflow-sandbox-warning[b-rns3gxivig] { margin-top: 0.75rem; padding: 0.75rem; border: 1px solid var(--wf-border); border-radius: 0.375rem; background: var(--wf-soft); }
.workflow-sandbox-warning h4[b-rns3gxivig] { margin: 0 0 0.5rem; color: var(--wf-warning); font-size: 0.875rem; font-weight: 600; }
/* /Components/WorkflowAcaSandboxVisualizer.razor.rz.scp.css */
.sandbox-monitor[b-vqt6rohb1l] {
    container-type: inline-size;
    container-name: sandbox-monitor;
    min-width: 0;
    margin: 1rem 0;
    border: 1px solid var(--wf-border);
    border-radius: 0.625rem;
    background: var(--wf-paper);
    color: var(--wf-ink);
    font: 0.875rem/1.5 "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
.sandbox-monitor *[b-vqt6rohb1l] { box-sizing: border-box; }
.sandbox-monitor h3[b-vqt6rohb1l], .sandbox-monitor h4[b-vqt6rohb1l], .sandbox-monitor p[b-vqt6rohb1l] { margin: 0; }
.sandbox-monitor p[b-vqt6rohb1l] { max-width: 72ch; color: var(--wf-muted); overflow-wrap: anywhere; }
.sandbox-monitor h3[b-vqt6rohb1l] { display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; font-weight: 650; }
.sandbox-monitor h4[b-vqt6rohb1l] { font-size: 1rem; font-weight: 650; overflow-wrap: anywhere; }
.sandbox-monitor[b-vqt6rohb1l]  .rzi { font-size: 1.125rem; flex: 0 0 auto; }
.sandbox-monitor code[b-vqt6rohb1l], .sandbox-monitor pre[b-vqt6rohb1l] { font-family: "Cascadia Code", Consolas, "Courier New", monospace; overflow-wrap: anywhere; }
.sandbox-monitor code[b-vqt6rohb1l] { font-size: 0.875rem; }
.sandbox-monitor button[b-vqt6rohb1l] {
    display: inline-flex; justify-content: center; align-items: center; gap: 0.375rem;
    min-height: 2.75rem; padding: 0.5rem 0.75rem; border: 1px solid var(--wf-border); border-radius: 0.375rem;
    background: var(--wf-paper); color: var(--wf-ink); font: inherit; cursor: pointer;
}
.sandbox-monitor button:hover:not(:disabled)[b-vqt6rohb1l] { border-color: var(--wf-strong-border); background: var(--wf-soft); }
.sandbox-monitor button:disabled[b-vqt6rohb1l] { opacity: 0.55; cursor: not-allowed; }
.sandbox-monitor button.primary[b-vqt6rohb1l] { color: var(--wf-paper); background: var(--wf-blue); border-color: var(--wf-blue); }
.sandbox-monitor button.primary:hover:not(:disabled)[b-vqt6rohb1l] { background: var(--wf-blue-hover); }
.sandbox-monitor button.danger[b-vqt6rohb1l] { color: var(--wf-danger); }
.sandbox-monitor button.danger:hover:not(:disabled)[b-vqt6rohb1l] { background: var(--wf-danger-soft); border-color: var(--wf-danger); }
.sandbox-monitor :is(button, input, summary, pre, [tabindex]):focus-visible[b-vqt6rohb1l] { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.sandbox-monitor input:not([type=checkbox])[b-vqt6rohb1l] {
    width: 100%; min-width: 0; min-height: 2.75rem; padding: 0.5rem 0.625rem; border: 1px solid var(--wf-border);
    border-radius: 0.375rem; font: inherit; color: var(--wf-ink); background: var(--wf-paper);
}
.sandbox-monitor input[b-vqt6rohb1l]::placeholder { color: var(--wf-muted); opacity: 1; }
.sandbox-monitor label[b-vqt6rohb1l] { font-weight: 600; }
.sandbox-monitor-heading[b-vqt6rohb1l], .sandbox-toolbar[b-vqt6rohb1l], .sandbox-detail-heading[b-vqt6rohb1l], .sandbox-pagination[b-vqt6rohb1l] {
    display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap;
}
.sandbox-monitor-heading[b-vqt6rohb1l] { padding: 1rem; background: var(--wf-soft); border-radius: 0.625rem 0.625rem 0 0; }
.sandbox-monitor-heading p[b-vqt6rohb1l] { margin-top: 0.25rem; }
.sandbox-connection[b-vqt6rohb1l] { font-size: 0.875rem; font-weight: 650; color: var(--wf-blue-hover); }
.sandbox-connection.attention[b-vqt6rohb1l] { color: var(--wf-danger); }
.sandbox-run-stage[b-vqt6rohb1l] { display: flex; align-items: start; gap: 0.625rem; padding: 0.875rem 1rem; border-top: 1px solid var(--wf-border); background: var(--wf-soft); }
.sandbox-run-stage div[b-vqt6rohb1l] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
.sandbox-monitor details[b-vqt6rohb1l] { min-width: 0; border-top: 1px solid var(--wf-border); padding: 0.25rem 1rem 0.75rem; }
.sandbox-monitor summary[b-vqt6rohb1l] {
    min-height: 2.75rem; padding: 0.625rem 0; font-weight: 600; cursor: pointer; overflow-wrap: anywhere;
}
.sandbox-monitor summary span[b-vqt6rohb1l] { margin-left: 0.5rem; font-weight: 400; color: var(--wf-muted); }
.sandbox-monitor details > p[b-vqt6rohb1l] { margin: 0.375rem 0 0.75rem; }
.sandbox-toolbar[b-vqt6rohb1l] { padding: 0.75rem 1rem; border-top: 1px solid var(--wf-border); }
.sandbox-live-actions[b-vqt6rohb1l], .sandbox-instance-actions[b-vqt6rohb1l] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.sandbox-updated[b-vqt6rohb1l] { color: var(--wf-muted); font-size: 0.875rem; font-variant-numeric: tabular-nums; }
.sandbox-monitor .sandbox-notice[b-vqt6rohb1l], .sandbox-alert[b-vqt6rohb1l] { margin: 0.75rem 1rem; padding: 0.75rem; background: var(--wf-soft); border: 1px solid var(--wf-border); border-radius: 0.375rem; }
.sandbox-alert[b-vqt6rohb1l] { color: var(--wf-danger); background: var(--wf-danger-soft); border-color: var(--wf-danger); }
.sandbox-alert p[b-vqt6rohb1l] { color: inherit; margin-top: 0.5rem; }
.sandbox-loading[b-vqt6rohb1l] { display: flex; align-items: center; gap: 0.75rem; padding: 1rem; flex-wrap: wrap; }
.sandbox-loading progress[b-vqt6rohb1l] { width: 5rem; accent-color: var(--wf-blue); }
.sandbox-filters[b-vqt6rohb1l] { display: flex; flex-wrap: wrap; gap: 0.375rem; padding: 0.5rem 1rem; }
.sandbox-filters button[b-vqt6rohb1l] { flex: 1 1 auto; font-size: 0.875rem; }
.sandbox-filters button span[b-vqt6rohb1l] { font-weight: 700; font-variant-numeric: tabular-nums; }
.sandbox-filters button.selected[b-vqt6rohb1l] { background: var(--wf-blue-soft); border-color: var(--wf-blue); color: var(--wf-blue-hover); }
.sandbox-search-row[b-vqt6rohb1l] { display: flex; align-items: end; flex-wrap: wrap; gap: 0.75rem; padding: 0.75rem 1rem 1rem; }
.sandbox-search[b-vqt6rohb1l] { flex: 1 1 14rem; min-width: 0; }
.sandbox-search span[b-vqt6rohb1l] { display: block; margin-bottom: 0.375rem; }
.sandbox-check[b-vqt6rohb1l] { display: flex; align-items: center; min-height: 2.75rem; gap: 0.5rem; }
.sandbox-check input[b-vqt6rohb1l] { width: 1.125rem; height: 1.125rem; accent-color: var(--wf-blue); }
.sandbox-fleet[b-vqt6rohb1l] { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr)); gap: 0.5rem; padding: 0 1rem 1rem; }
.sandbox-fleet .sandbox-instance[b-vqt6rohb1l] { display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 0.375rem; min-width: 0; text-align: left; padding: 0.75rem; }
.sandbox-instance strong[b-vqt6rohb1l], .sandbox-instance code[b-vqt6rohb1l], .sandbox-instance span[b-vqt6rohb1l] { max-width: 100%; overflow-wrap: anywhere; }
.sandbox-fleet .sandbox-instance.selected[b-vqt6rohb1l] { background: var(--wf-blue-soft); border-color: var(--wf-blue); }
.sandbox-instance-state[b-vqt6rohb1l] { display: flex; align-items: center; gap: 0.375rem; font-weight: 600; }
.sandbox-instance.running .sandbox-instance-state[b-vqt6rohb1l], .sandbox-state.running[b-vqt6rohb1l] { color: var(--wf-success); }
.sandbox-instance.transitioning .sandbox-instance-state[b-vqt6rohb1l], .sandbox-state.transitioning[b-vqt6rohb1l] { color: var(--wf-blue-hover); }
.sandbox-instance.attention .sandbox-instance-state[b-vqt6rohb1l], .sandbox-state.attention[b-vqt6rohb1l] { color: var(--wf-danger); }
.sandbox-instance.stopped .sandbox-instance-state[b-vqt6rohb1l], .sandbox-state.stopped[b-vqt6rohb1l] { color: var(--wf-muted); }
.sandbox-instance.transitioning[b-vqt6rohb1l]  .rzi { animation: sandbox-changing-b-vqt6rohb1l 1.6s linear infinite; }
.sandbox-workload[b-vqt6rohb1l], .sandbox-allocation[b-vqt6rohb1l] { font-size: 0.875rem; color: var(--wf-muted); }
.sandbox-fleet.list-view[b-vqt6rohb1l] { grid-template-columns: minmax(0, 1fr); gap: 0; }
.sandbox-fleet.list-view .sandbox-instance[b-vqt6rohb1l] { display: grid; grid-template-columns: minmax(6rem, 0.6fr) minmax(0, 1fr); gap: 0.375rem 0.75rem; border-radius: 0; }
.sandbox-empty[b-vqt6rohb1l] { display: flex; flex-direction: column; align-items: start; gap: 0.5rem; padding: 1rem; }
.sandbox-pagination[b-vqt6rohb1l] { padding: 0 1rem 1rem; font-size: 0.875rem; }
.sandbox-detail[b-vqt6rohb1l] { border-top: 1px solid var(--wf-border); padding: 1rem 0 0; }
.sandbox-detail-heading[b-vqt6rohb1l], .sandbox-detail > p[b-vqt6rohb1l], .sandbox-detail > .sandbox-id[b-vqt6rohb1l], .sandbox-detail > .sandbox-instance-actions[b-vqt6rohb1l] { margin: 0 1rem 0.75rem; }
.sandbox-id[b-vqt6rohb1l] { display: block; }
.sandbox-state[b-vqt6rohb1l] { font-weight: 600; }
.sandbox-monitor dl[b-vqt6rohb1l] { display: grid; grid-template-columns: minmax(6rem, 0.7fr) minmax(0, 1.3fr); gap: 0.5rem 0.75rem; margin: 0.75rem 0; }
.sandbox-monitor dt[b-vqt6rohb1l] { color: var(--wf-muted); font-weight: 500; }
.sandbox-monitor dd[b-vqt6rohb1l] { margin: 0; overflow-wrap: anywhere; min-width: 0; }
.sandbox-detail > dl[b-vqt6rohb1l] { padding: 0 1rem 0.75rem; }
.sandbox-monitor meter[b-vqt6rohb1l] { display: block; width: 100%; max-width: 18rem; height: 0.875rem; margin-top: 0.25rem; accent-color: var(--wf-blue); }
.sandbox-confirmation[b-vqt6rohb1l] { padding: 1rem; margin: 1rem; border: 1px solid var(--wf-warning-border); border-radius: 0.375rem; background: var(--wf-warning-soft); }
.sandbox-confirmation p[b-vqt6rohb1l] { margin: 0.75rem 0; color: var(--wf-warning); }
.sandbox-confirmation label[b-vqt6rohb1l] { display: block; margin-bottom: 0.375rem; }
.sandbox-monitor pre[b-vqt6rohb1l] { margin: 0.5rem 0; padding: 0.75rem; max-height: 20rem; overflow: auto; white-space: pre-wrap; background: var(--wf-code); color: var(--wf-code-text); border-radius: 0.375rem; font-size: 0.875rem; }
.sandbox-history ol[b-vqt6rohb1l] { list-style: none; max-height: 18rem; overflow: auto; margin: 0; padding: 0; }
.sandbox-history li[b-vqt6rohb1l] { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: 0.75rem; padding: 0.75rem 0; border-top: 1px solid var(--wf-border); }
.sandbox-history time[b-vqt6rohb1l] { color: var(--wf-muted); font-variant-numeric: tabular-nums; font-size: 0.875rem; }
.sandbox-history li div[b-vqt6rohb1l] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; overflow-wrap: anywhere; }
.sandbox-history li span[b-vqt6rohb1l] { color: var(--wf-muted); }
@keyframes sandbox-changing-b-vqt6rohb1l { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .sandbox-instance.transitioning[b-vqt6rohb1l]  .rzi { animation: none; } }
@container sandbox-monitor (max-width: 360px) {
    .sandbox-monitor dl[b-vqt6rohb1l] { grid-template-columns: minmax(0, 1fr); gap: 0.25rem; }
    .sandbox-monitor dd[b-vqt6rohb1l] { margin-bottom: 0.5rem; }
    .sandbox-instance-actions button[b-vqt6rohb1l] { flex: 1 1 auto; }
    .sandbox-fleet.list-view .sandbox-instance[b-vqt6rohb1l] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/WorkflowAgentConstellation.razor.rz.scp.css */
.agent-constellation[b-2jl9zc6ln6] {
    --cp-bg: var(--wf-soft);
    --cp-surface: var(--wf-paper);
    --cp-border: var(--wf-border);
    --cp-border-strong: var(--wf-strong-border);
    --cp-text: var(--wf-ink);
    --cp-text-muted: var(--wf-muted);
    --cp-accent: var(--wf-blue);
    --cp-accent-hover: var(--wf-blue-hover);
    --cp-accent-soft: var(--wf-blue-soft);
    --cp-success: var(--wf-success);
    --cp-warning: var(--wf-warning);
    --cp-danger: var(--wf-danger);
    min-width: 0;
    color: var(--cp-text);
    font-family: "Segoe UI", Aptos, Calibri, -apple-system, BlinkMacSystemFont, sans-serif;
}

.agent-constellation[b-2jl9zc6ln6],
.agent-constellation *[b-2jl9zc6ln6] {
    box-sizing: border-box;
}

.constellation-toolbar[b-2jl9zc6ln6],
.constellation-legend[b-2jl9zc6ln6],
.constellation-controls[b-2jl9zc6ln6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
}

.constellation-toolbar[b-2jl9zc6ln6] {
    justify-content: space-between;
    padding: 0.5rem 0;
    font-size: 0.8125rem;
}

.constellation-legend > span[b-2jl9zc6ln6],
.constellation-controls label[b-2jl9zc6ln6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.75rem;
}

.constellation-controls label[b-2jl9zc6ln6] {
    cursor: pointer;
}

.constellation-controls input[b-2jl9zc6ln6] {
    accent-color: var(--cp-accent);
}

.constellation-line[b-2jl9zc6ln6] {
    width: 1.5rem;
    border-top: 2px solid var(--cp-border-strong);
}

.constellation-line.is-message[b-2jl9zc6ln6] {
    border-top: 2px dashed var(--cp-accent);
}

.constellation-zoom[b-2jl9zc6ln6] {
    display: inline-flex;
    border: 1px solid var(--cp-border);
    border-radius: 0.625rem;
    overflow: hidden;
}

.constellation-zoom button[b-2jl9zc6ln6] {
    min-width: 2.75rem;
    min-height: 2.75rem;
    border: 0;
    padding: 0.375rem 0.625rem;
    background: var(--cp-surface);
    color: var(--cp-text);
    font: inherit;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
}

.constellation-zoom button + button[b-2jl9zc6ln6] {
    border-left: 1px solid var(--cp-border);
}

.constellation-zoom button:hover:not(:disabled)[b-2jl9zc6ln6] {
    background: var(--cp-accent-soft);
}

.constellation-zoom button:disabled[b-2jl9zc6ln6],
.constellation-route-list button:disabled[b-2jl9zc6ln6] {
    color: var(--cp-text-muted);
    cursor: not-allowed;
}

.constellation-disclosure[b-2jl9zc6ln6] {
    display: grid;
    gap: 0.25rem;
    margin: 0.25rem 0 0.75rem;
    color: var(--cp-text-muted);
    font-size: 0.8125rem;
    max-width: 85ch;
}

.constellation-disclosure strong[b-2jl9zc6ln6] {
    color: var(--cp-text);
    font-weight: 650;
}

.constellation-status-summary[b-2jl9zc6ln6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin-bottom: 0.75rem;
    color: var(--cp-text-muted);
    font-size: 0.8125rem;
}

.constellation-status-count[b-2jl9zc6ln6] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--constellation-status, var(--cp-text-muted));
    font-variant-numeric: tabular-nums;
}

.constellation-status-count strong[b-2jl9zc6ln6] {
    font-weight: 650;
}

.constellation-viewport[b-2jl9zc6ln6] {
    max-width: 100%;
    max-height: 52rem;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--cp-border);
    border-radius: 1rem;
    background: var(--cp-bg);
    scrollbar-gutter: stable;
}

.constellation-size[b-2jl9zc6ln6] {
    position: relative;
    margin: 0 auto;
}

.constellation-stage[b-2jl9zc6ln6] {
    position: absolute;
    inset: 0 auto auto 0;
    transform-origin: top left;
}

.constellation-wires[b-2jl9zc6ln6] {
    position: absolute;
    inset: 0;
    overflow: visible;
}

.constellation-orbit[b-2jl9zc6ln6] {
    fill: none;
    stroke: var(--cp-border);
    stroke-dasharray: 2 8;
    stroke-width: 1;
}

.constellation-parent[b-2jl9zc6ln6] {
    fill: none;
    stroke: var(--cp-border-strong);
    stroke-width: 1.5;
}

.constellation-parent.is-highlighted[b-2jl9zc6ln6] {
    stroke: var(--cp-accent);
    stroke-width: 2.5;
}

.constellation-parent.is-muted[b-2jl9zc6ln6] {
    opacity: 0.35;
}

.is-blueprint .constellation-parent[b-2jl9zc6ln6] {
    stroke-dasharray: 3 4;
}

.constellation-message[b-2jl9zc6ln6] {
    fill: none;
    stroke: var(--cp-accent);
    stroke-width: 2;
    stroke-dasharray: 7 5;
}

.constellation-message.is-live[b-2jl9zc6ln6] {
    animation: constellation-envelope-b-2jl9zc6ln6 900ms ease-out 1;
}

.constellation-message.is-highlighted[b-2jl9zc6ln6] {
    stroke-width: 3;
}

.constellation-arrow[b-2jl9zc6ln6] {
    fill: var(--cp-accent);
}

.constellation-node[b-2jl9zc6ln6] {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.125rem;
    width: 144px;
    height: 84px;
    min-width: 0;
    border: 1px solid var(--cp-border-strong);
    border-radius: 0.625rem;
    padding: 0.5rem;
    background: var(--cp-surface);
    color: var(--cp-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.constellation-node strong[b-2jl9zc6ln6] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    font-size: 0.875rem;
    font-weight: 650;
    line-height: 1.1;
}

.constellation-node-level[b-2jl9zc6ln6],
.constellation-status-label[b-2jl9zc6ln6] {
    font-size: 0.75rem;
    line-height: 1.25;
    color: var(--cp-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.constellation-node-status[b-2jl9zc6ln6] {
    --wf-status-size: 1rem;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 0.25rem;
    min-height: 1rem;
    min-width: 0;
    color: var(--constellation-status, var(--cp-text-muted));
}

.constellation-status-label[b-2jl9zc6ln6] {
    min-width: 0;
    color: inherit;
}

.is-running[b-2jl9zc6ln6] {
    --constellation-status: var(--cp-accent-hover);
}

.is-completed[b-2jl9zc6ln6] {
    --constellation-status: var(--cp-success, var(--wf-success));
}

.is-failed[b-2jl9zc6ln6] {
    --constellation-status: var(--cp-danger);
}

.is-waiting[b-2jl9zc6ln6] {
    --constellation-status: var(--cp-warning, var(--wf-warning));
}

.constellation-node:is(.is-running, .is-completed, .is-failed, .is-waiting)[b-2jl9zc6ln6] {
    border-color: var(--constellation-status);
}

.constellation-node.is-root[b-2jl9zc6ln6] {
    border-width: 2px;
}

.constellation-node.is-lead[b-2jl9zc6ln6] {
    border-style: double;
    border-width: 3px;
}

.is-blueprint .constellation-node:not(.is-root)[b-2jl9zc6ln6] {
    border-style: dashed;
    border-width: 1px;
}

.constellation-node.is-selected[b-2jl9zc6ln6] {
    background: var(--cp-surface);
    border-color: var(--cp-accent);
    outline: 2px solid var(--cp-accent);
    outline-offset: 3px;
}

.constellation-node:hover[b-2jl9zc6ln6] {
    border-color: var(--cp-accent);
    background: var(--cp-surface);
}

.constellation-assignment[b-2jl9zc6ln6] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    padding: 1rem 0;
}

.constellation-assignment code[b-2jl9zc6ln6] {
    color: var(--cp-text-muted);
    font: 0.8125rem Consolas, "Courier New", Courier, monospace;
    overflow-wrap: anywhere;
}

.constellation-assignment p[b-2jl9zc6ln6] {
    flex-basis: 100%;
    max-width: 75ch;
    margin: 0;
}

.constellation-route-list[b-2jl9zc6ln6] {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
}

.constellation-route-list summary[b-2jl9zc6ln6] {
    min-height: 2.75rem;
    align-content: center;
    cursor: pointer;
}

.constellation-route-list p[b-2jl9zc6ln6] {
    color: var(--cp-text-muted);
    margin: 0 0 0.5rem;
}

.constellation-route-list ul[b-2jl9zc6ln6] {
    margin: 0;
    padding: 0;
    max-height: 20rem;
    overflow: auto;
    list-style: none;
}

.constellation-route-list li[b-2jl9zc6ln6] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    padding: 0.25rem 0;
    border-top: 1px solid var(--cp-border);
}

.constellation-route-list button[b-2jl9zc6ln6] {
    min-height: 2.75rem;
    border: 0;
    background: none;
    padding: 0.375rem 0;
    color: var(--cp-accent-hover);
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.agent-constellation :is(button, input, summary, [tabindex]):focus-visible[b-2jl9zc6ln6] {
    outline: 2px solid var(--cp-accent);
    outline-offset: 3px;
}

@keyframes constellation-envelope-b-2jl9zc6ln6 {
    from { stroke-dashoffset: 36; }
    to { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .constellation-message.is-live[b-2jl9zc6ln6] { animation: none; }
}
/* /Components/WorkflowArcadeGame.razor.rz.scp.css */
.workflow-arcade[b-pdkvfu1wwp] {
    color-scheme: light;
    --cp-bg: #f7f4ef;
    --cp-bg-elevated: #fcfbf8;
    --cp-surface: #ffffff;
    --cp-surface-soft: #f5f5f5;
    --cp-border: #dedede;
    --cp-border-strong: #919191;
    --cp-text: #242424;
    --cp-text-muted: #5c5c5c;
    --cp-text-soft: #6f6f6f;
    --cp-accent: #b11f4b;
    --cp-accent-hover: #9a1a41;
    --cp-accent-soft: rgba(177, 31, 75, 0.08);
    --cp-accent-fg: #ffffff;
    --cp-success: #16a34a;
    --cp-danger: #dc2626;
    --cp-warning: #f59e0b;
    --cp-link: #0078d4;
    --cp-shadow: 0 18px 48px rgba(0, 0, 0, 0.12);
    --cp-overlay: rgba(255, 255, 255, 0.8);
    --cp-panel: rgba(255, 255, 255, 0.86);
    --cp-panel-strong: rgba(255, 255, 255, 0.96);
    --cp-sheen: rgba(255, 255, 255, 0.55);
    --cp-highlight: rgba(177, 31, 75, 0.12);
    min-width: 0;
    margin: 1rem 0 1.5rem;
    padding: 1rem;
    border: 1px solid var(--cp-border);
    border-radius: 1rem;
    background: var(--cp-surface);
    color: var(--cp-text);
    font: 0.875rem/1.5 "Segoe UI", Aptos, Calibri, -apple-system, BlinkMacSystemFont, sans-serif;
}

.workflow-arcade[data-theme="dark"][b-pdkvfu1wwp] {
    color-scheme: dark;
    --cp-bg: #3d3b3a;
    --cp-bg-elevated: #343231;
    --cp-surface: #292929;
    --cp-surface-soft: #2e2e2e;
    --cp-border: #474747;
    --cp-border-strong: #5f5f5f;
    --cp-text: #dedede;
    --cp-text-muted: #919191;
    --cp-text-soft: #b0b0b0;
    --cp-accent: #fd8ea1;
    --cp-accent-hover: #fb7b91;
    --cp-accent-soft: rgba(253, 142, 161, 0.14);
    --cp-accent-fg: #1a1a1a;
    --cp-success: #4ade80;
    --cp-danger: #f87171;
    --cp-warning: #fbbf24;
    --cp-link: #4da6ff;
    --cp-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
    --cp-overlay: rgba(41, 41, 41, 0.88);
    --cp-panel: rgba(41, 41, 41, 0.72);
    --cp-panel-strong: rgba(41, 41, 41, 0.96);
    --cp-sheen: rgba(255, 255, 255, 0.04);
    --cp-highlight: rgba(253, 142, 161, 0.12);
}

.workflow-arcade h4[b-pdkvfu1wwp] { margin: 0; font-size: 1.125rem; }
.workflow-arcade .arcade-note[b-pdkvfu1wwp] { margin: 0.5rem 0; color: var(--cp-text-soft); max-width: 75ch; }
.workflow-arcade .arcade-error[b-pdkvfu1wwp] { color: var(--cp-danger); overflow-wrap: anywhere; }
.workflow-arcade[b-pdkvfu1wwp]  * { box-sizing: border-box; }
.workflow-arcade[b-pdkvfu1wwp]  [hidden] { display: none !important; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-score-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 2rem;
    padding: 0.75rem 0;
    font-variant-numeric: tabular-nums;
}
.workflow-arcade[b-pdkvfu1wwp]  .arcade-score-strip > span { display: flex; align-items: baseline; gap: 0.5rem; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-stat-label { color: var(--cp-text-soft); }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-score-strip strong { font-size: 1.25rem; font-weight: 650; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-world-stat { margin-left: auto; color: var(--cp-text-soft); }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-playfield {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 960 / 540;
    border: 1px solid var(--cp-border-strong);
    border-radius: 0.625rem;
    touch-action: none;
    background: var(--cp-bg);
}
.workflow-arcade[b-pdkvfu1wwp]  .arcade-readiness { margin: 0.75rem 0; min-height: 1.5rem; color: var(--cp-text); }
.workflow-arcade[b-pdkvfu1wwp]  :is(.arcade-session-controls, .arcade-input-controls, .arcade-direction-controls) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}
.workflow-arcade[b-pdkvfu1wwp]  .arcade-input-controls { margin-top: 0.75rem; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-direction-controls { margin-right: 0.5rem; }
.workflow-arcade[b-pdkvfu1wwp]  button {
    min-height: 44px;
    min-width: 44px;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--cp-border-strong);
    border-radius: 0.625rem;
    background: var(--cp-surface);
    color: var(--cp-text);
    cursor: pointer;
    touch-action: manipulation;
    font: inherit;
}
.workflow-arcade[b-pdkvfu1wwp]  button:hover:not(:disabled) { border-color: var(--cp-accent); background: var(--cp-accent-soft); }
.workflow-arcade[b-pdkvfu1wwp]  button:active:not(:disabled) { background: var(--cp-highlight); }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-primary { background: var(--cp-accent); color: var(--cp-accent-fg); border-color: var(--cp-accent); font-weight: 650; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-primary:hover:not(:disabled) { background: var(--cp-accent-hover); }
.workflow-arcade[b-pdkvfu1wwp]  button[aria-pressed="true"]:not(.arcade-primary) { border-color: var(--cp-accent); background: var(--cp-accent-soft); }
.workflow-arcade[b-pdkvfu1wwp]  button:disabled { opacity: 0.6; cursor: not-allowed; }
.workflow-arcade[b-pdkvfu1wwp]  :is(button, canvas, .arcade-receipts):focus-visible,
.workflow-arcade summary:focus-visible[b-pdkvfu1wwp] { outline: 2px solid var(--cp-accent); outline-offset: 3px; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-help { margin: 0.5rem 0; color: var(--cp-text-soft); max-width: 75ch; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-feedback { margin: 0.5rem 0; color: var(--cp-text); min-height: 1.5rem; }
.workflow-arcade[b-pdkvfu1wwp]  :is(.arcade-fatal, .arcade-error) { color: var(--cp-danger); overflow-wrap: anywhere; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-deliveries { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--cp-border); }
.workflow-arcade[b-pdkvfu1wwp]  h5 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem; margin: 0; font-size: 1rem; }
.workflow-arcade[b-pdkvfu1wwp]  h5 span { color: var(--cp-text-soft); font-size: 0.875rem; font-weight: 400; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-announcement { margin: 0.5rem 0; overflow-wrap: anywhere; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-receipts { max-height: 18rem; margin: 0; padding: 0; list-style: none; overflow-y: auto; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-receipts li { padding: 0.75rem 0; border-bottom: 1px solid var(--cp-border); overflow-wrap: anywhere; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-receipts p { margin: 0.25rem 0 0; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-author { display: block; font: 0.8125rem/1.5 Consolas, "Courier New", Courier, monospace; }
.workflow-arcade[b-pdkvfu1wwp]  .arcade-receipt-detail { color: var(--cp-text-soft); }
.workflow-arcade[b-pdkvfu1wwp]  [data-state="rejected"] > strong { color: var(--cp-danger); }
.workflow-arcade .arcade-notices[b-pdkvfu1wwp] { margin-top: 1rem; border-top: 1px solid var(--cp-border); }
.workflow-arcade summary[b-pdkvfu1wwp] { min-height: 44px; align-content: center; cursor: pointer; }

@container orchestration (max-width: 650px) {
    .workflow-arcade[b-pdkvfu1wwp] { padding: 0.75rem; }
    .workflow-arcade[b-pdkvfu1wwp]  .arcade-world-stat { margin-left: 0; flex-basis: 100%; }
    .workflow-arcade[b-pdkvfu1wwp]  .arcade-score-strip { gap: 0.25rem 1.25rem; }
}
/* /Components/WorkflowAutomationPanel.razor.rz.scp.css */
.automation-panel[b-0j7yhpgn1t] { max-height: 70vh; overflow: auto; padding: 1.25rem; border-bottom: 1px solid var(--wf-border, #dbe2ea); background: var(--wf-surface, #fff); color: var(--wf-ink, #172033); }
.automation-heading[b-0j7yhpgn1t] { display: flex; justify-content: space-between; align-items: start; gap: 1rem; }
.automation-heading h2[b-0j7yhpgn1t] { margin: 0 0 0.5rem; font-size: 1rem; font-weight: 700; }
.automation-panel h3[b-0j7yhpgn1t] { margin: 0 0 0.75rem; font-size: 1rem; font-weight: 650; }
.automation-panel p[b-0j7yhpgn1t] { max-width: 72ch; margin: 0 0 0.75rem; color: var(--wf-muted, #596579); font-size: 0.85rem; line-height: 1.6; }
.automation-panel .automation-hosting[b-0j7yhpgn1t] { max-width: 110ch; }
.automation-columns[b-0j7yhpgn1t] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 2rem; margin-top: 1.25rem; }
.automation-form[b-0j7yhpgn1t] { display: grid; gap: 0.5rem; align-content: start; min-width: 0; }
.automation-form label[b-0j7yhpgn1t] { font-size: 0.85rem; font-weight: 600; }
.automation-form input:not([type="checkbox"])[b-0j7yhpgn1t] { width: 100%; min-width: 0; min-height: 2.5rem; padding: 0.5rem 0.625rem; border: 1px solid var(--wf-border, #dbe2ea); border-radius: 0.375rem; background: var(--wf-surface, #fff); color: var(--wf-ink, #172033); font: inherit; }
.automation-checkbox[b-0j7yhpgn1t] { display: flex; align-items: start; gap: 0.625rem; line-height: 1.6; }
.automation-checkbox input[b-0j7yhpgn1t] { flex: 0 0 auto; margin-top: 0.3rem; accent-color: var(--wf-blue, #2563eb); }
.automation-form .automation-security[b-0j7yhpgn1t] { margin-top: 0.5rem; }
.automation-consent[b-0j7yhpgn1t] { padding-block: 0.5rem; }
.automation-form .automation-storage-warning[b-0j7yhpgn1t] { margin-top: 0.25rem; font-size: 0.75rem; }
.automation-saved[b-0j7yhpgn1t] { min-width: 0; }
.automation-schedule[b-0j7yhpgn1t] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--wf-border, #dbe2ea); overflow-wrap: anywhere; }
.automation-schedule h4[b-0j7yhpgn1t] { margin: 0 0 0.5rem; font-size: 0.85rem; font-weight: 700; }
.automation-actions[b-0j7yhpgn1t] { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.5rem; }
.automation-actions button[b-0j7yhpgn1t] { min-height: 2rem; padding: 0.25rem 0.625rem; border: 1px solid var(--wf-border, #dbe2ea); border-radius: 0.375rem; background: var(--wf-surface, #fff); color: var(--wf-ink, #172033); font: inherit; font-size: 0.75rem; cursor: pointer; }
.automation-actions button:hover:not(:disabled)[b-0j7yhpgn1t] { background: var(--wf-soft, #eff6ff); color: var(--wf-blue-hover, #1d4ed8); }
.automation-actions button:disabled[b-0j7yhpgn1t] { opacity: 0.5; cursor: not-allowed; }
.automation-panel :is(button, input, a, summary):focus-visible[b-0j7yhpgn1t] { outline: 2px solid var(--wf-blue, #2563eb); outline-offset: 3px; }
.automation-run[b-0j7yhpgn1t] { border-top: 1px solid var(--wf-border, #dbe2ea); padding-block: 0.5rem; font-size: 0.75rem; }
.automation-run summary[b-0j7yhpgn1t] { cursor: pointer; }
.automation-run p[b-0j7yhpgn1t] { margin-top: 0.5rem; }
.automation-run pre[b-0j7yhpgn1t] { max-height: 15rem; overflow: auto; padding: 0.75rem; border-radius: 0.375rem; background: #101827; color: #d9e2ec; font: 0.85rem/1.6 'Cascadia Code', Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.automation-history[b-0j7yhpgn1t] { min-width: 0; font-size: 0.85rem; }
.automation-history > summary[b-0j7yhpgn1t] { padding-block: 0.5rem; cursor: pointer; }
.automation-history .automation-run[b-0j7yhpgn1t] { margin-top: 0.5rem; }
.automation-panel.automations-workspace[b-0j7yhpgn1t] { width: 100%; max-width: 100rem; min-width: 0; max-height: none; overflow: visible; padding: 0; border: 0; background: transparent; color: var(--playground-text); container: automations-workspace / inline-size; }
.automations-workspace[b-0j7yhpgn1t]  .playground-page-header-main { width: 100%; max-width: none; margin-inline: 0 !important; }
.automations-workspace[b-0j7yhpgn1t]  .playground-page-utilities :is(button, a) { min-height: 2.75rem; }
.automations-workspace .automation-columns[b-0j7yhpgn1t] { grid-template-columns: minmax(0, 1fr); margin-top: 1.5rem; }
.automations-workspace .automation-saved[b-0j7yhpgn1t] { padding: 1rem; border: 1px solid var(--playground-border); border-radius: var(--playground-radius-sm); background: var(--playground-surface); }
.automations-workspace .automation-saved h2[b-0j7yhpgn1t] { margin: 0 0 0.5rem; font-size: 1rem; font-weight: 700; }
.automation-count[b-0j7yhpgn1t] { margin-left: 0.5rem; color: var(--playground-text-muted); font-size: 0.75rem; font-weight: 400; }
.automation-library-tools[b-0j7yhpgn1t] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-block: 1rem; }
.automation-library-search[b-0j7yhpgn1t] { flex: 1 1 16rem; min-width: 0; }
.automation-library-tools :is(input, select)[b-0j7yhpgn1t] { min-height: 2.75rem; }
.automations-workspace .automation-schedule[b-0j7yhpgn1t] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 0.5rem 1.5rem; }
.automations-workspace .automation-schedule h3[b-0j7yhpgn1t] { margin-bottom: 0.5rem; }
.automations-workspace .automation-actions button[b-0j7yhpgn1t] { min-height: 2.75rem; font-size: 0.85rem; }
.automations-workspace .automation-history[b-0j7yhpgn1t] { grid-column: 1 / -1; }
.automations-workspace .automation-storage-warning[b-0j7yhpgn1t] { margin-top: 1.5rem; font-size: 0.75rem; }
@media (max-width: 820px) { .automation-columns[b-0j7yhpgn1t] { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; } .automation-panel[b-0j7yhpgn1t] { padding: 1rem; } }
@container automations-workspace (max-width: 800px) {
    .automations-workspace[b-0j7yhpgn1t]  .playground-page-header-main { grid-template-columns: minmax(0, 1fr); }
    .automations-workspace[b-0j7yhpgn1t]  .playground-page-utilities { justify-content: flex-start; }
    .automations-workspace .automation-schedule[b-0j7yhpgn1t] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/WorkflowAutomationSamples.razor.rz.scp.css */
.workflow-automation-samples[b-pwi3xu2dcr] { min-width: 0; padding-block: 0.75rem; }
.workflow-automation-samples :is(h3, h5)[b-pwi3xu2dcr] { margin: 0 0 0.5rem; color: var(--wf-ink, #172033); font-size: 0.875rem; font-weight: 650; }
.workflow-automation-samples p[b-pwi3xu2dcr] { max-width: 65ch; margin: 0 0 0.75rem; color: var(--wf-muted, #596579); font-size: 0.75rem; line-height: 1.6; }
.workflow-starter-list[b-pwi3xu2dcr] { display: grid; gap: 0.375rem; }
.workflow-starter-list[data-expanded="false"][b-pwi3xu2dcr]  > .workflow-template-card:nth-child(n + 3) { display: none; }
.workflow-starter-copy[b-pwi3xu2dcr] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
.workflow-automation-samples[b-pwi3xu2dcr]  :is(.workflow-starter, .workflow-template) { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: 0.75rem; width: 100%; min-width: 0; padding: 0.875rem 0; border: 0; border-top: 1px solid var(--wf-border, #dbe2ea); background: transparent; color: var(--wf-ink, #172033); text-align: left; white-space: normal; overflow-wrap: anywhere; font: inherit; cursor: pointer; }
.workflow-automation-samples[b-pwi3xu2dcr]  strong { font-size: 0.8125rem; font-weight: 600; }
.workflow-automation-samples[b-pwi3xu2dcr]  [data-template-description] { color: var(--wf-muted, #596579); font-size: 0.75rem; line-height: 1.5; }
.automation-execution[b-pwi3xu2dcr] { color: var(--wf-muted, #596579); font-size: 0.6875rem; line-height: 1.5; }
.workflow-automation-samples[b-pwi3xu2dcr]  button:hover:not(:disabled) strong { color: var(--wf-blue-hover, #1d4ed8); text-decoration: underline; }
.workflow-automation-samples[b-pwi3xu2dcr]  button:focus-visible { outline: 2px solid var(--wf-blue, #2563eb); outline-offset: 2px; }
.workflow-automation-samples[b-pwi3xu2dcr]  button:disabled { opacity: 0.5; cursor: not-allowed; }
/* /Components/WorkflowAzureAndEvaluationSamples.razor.rz.scp.css */
.workflow-extra-samples[b-mzmad2twmj] { display: contents; }
.workflow-sample-section[b-mzmad2twmj] { min-width: 0; padding-block: 0.75rem; }
.workflow-sample-section :is(h3, h5)[b-mzmad2twmj] { margin: 0 0 0.5rem; font-size: 0.875rem; font-weight: 650; color: var(--wf-ink, #172033); }
.workflow-sample-section p[b-mzmad2twmj] { margin: 0 0 0.75rem; font-size: 0.75rem; line-height: 1.6; color: var(--wf-muted, #596579); }
.workflow-sample-list[b-mzmad2twmj] { display: grid; gap: 0.375rem; }
.workflow-sample-list[data-expanded="false"][b-mzmad2twmj]  > .workflow-template-card:nth-child(n + 2) { display: none; }
.workflow-sample-guidance[hidden][b-mzmad2twmj] { display: none; }
.workflow-sample-section[b-mzmad2twmj]  .workflow-template { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: 0.375rem 0.75rem; width: 100%; min-width: 0; padding: 0.875rem 0; border: 0; border-top: 1px solid var(--wf-border, #dbe2ea); background: transparent; color: var(--wf-ink, #172033); text-align: left; white-space: normal; overflow-wrap: anywhere; font: inherit; cursor: pointer; }
.workflow-starter-copy[b-mzmad2twmj] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
.workflow-sample-section[b-mzmad2twmj]  .workflow-template strong { font-size: 0.8125rem; font-weight: 600; }
.workflow-sample-section span[data-template-description][b-mzmad2twmj] { font-size: 0.75rem; color: var(--wf-muted, #596579); line-height: 1.5; }
.workflow-sample-section[b-mzmad2twmj]  .workflow-template:hover:not(:disabled) strong { color: var(--wf-blue-hover, #1d4ed8); text-decoration: underline; }
.workflow-sample-section[b-mzmad2twmj]  :is(.workflow-starter, .workflow-template):focus-visible { outline: 2px solid var(--wf-blue, #2563eb); outline-offset: 2px; }
.workflow-sample-section[b-mzmad2twmj]  :is(.workflow-starter, .workflow-template):disabled { opacity: 0.5; cursor: not-allowed; }
/* /Components/WorkflowChatPane.razor.rz.scp.css */
.workflow-chat[b-36ijjpt4qw] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    background: var(--wf-paper);
    color: var(--wf-ink);
    font: inherit;
}
.workflow-chat *[b-36ijjpt4qw], .workflow-chat *[b-36ijjpt4qw]::before, .workflow-chat *[b-36ijjpt4qw]::after { box-sizing: border-box; }
.workflow-chat button[b-36ijjpt4qw], .workflow-chat input[b-36ijjpt4qw], .workflow-chat textarea[b-36ijjpt4qw], .workflow-chat select[b-36ijjpt4qw] { font: inherit; }
.workflow-chat button[b-36ijjpt4qw] { cursor: pointer; }
.workflow-chat button:disabled[b-36ijjpt4qw] { cursor: not-allowed; opacity: 0.48; }
.workflow-chat :is(button, input, textarea, select, summary, [tabindex]):focus-visible[b-36ijjpt4qw] { outline: 2px solid var(--wf-blue); outline-offset: 3px; }
.workflow-chat h2[b-36ijjpt4qw], .workflow-chat p[b-36ijjpt4qw] { margin: 0; }
.workflow-chat[b-36ijjpt4qw]  .rzi { font-size: 1.125rem; flex-shrink: 0; }
.chat-heading[b-36ijjpt4qw] { display: flex; align-items: center; justify-content: space-between; gap: 0.25rem; min-height: 3rem; padding: 0.25rem 0.5rem; border-bottom: 1px solid var(--wf-border); }
.chat-new[b-36ijjpt4qw], .chat-icon[b-36ijjpt4qw], .chat-text-button[b-36ijjpt4qw] { display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem; min-height: 2.5rem; padding: 0.375rem; border: 0; border-radius: 0.375rem; background: transparent; color: var(--wf-ink); }
.chat-new[b-36ijjpt4qw] { font-size: 0.75rem; font-weight: 650; text-align: left; }
.chat-icon[b-36ijjpt4qw] { width: 2.5rem; flex: 0 0 2.5rem; }
.chat-new:hover:not(:disabled)[b-36ijjpt4qw], .chat-icon:hover:not(:disabled)[b-36ijjpt4qw], .chat-text-button:hover:not(:disabled)[b-36ijjpt4qw] { background: var(--wf-soft); }
.chat-model-bar[b-36ijjpt4qw] { padding: 0.5rem; border-bottom: 1px solid var(--wf-border); }
.chat-model[b-36ijjpt4qw] { display: flex; align-items: center; width: 100%; gap: 0.5rem; padding: 0.5rem; border: 1px solid var(--wf-border); border-radius: 0.625rem; background: var(--wf-paper); color: var(--wf-ink); text-align: left; }
.chat-model > span[b-36ijjpt4qw] { flex: 1; min-width: 0; }
.chat-model strong[b-36ijjpt4qw], .chat-model small[b-36ijjpt4qw] { display: block; overflow-wrap: anywhere; }
.chat-model strong[b-36ijjpt4qw] { font-size: 0.75rem; font-weight: 650; }
.chat-model small[b-36ijjpt4qw] { font-size: 0.6875rem; color: var(--wf-muted); margin-top: 0.125rem; }
.chat-model:hover:not(:disabled)[b-36ijjpt4qw] { border-color: var(--wf-blue); }
.chat-library[b-36ijjpt4qw] { border-bottom: 1px solid var(--wf-border); font-size: 0.75rem; }
.chat-library summary[b-36ijjpt4qw] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.375rem; min-height: 2.5rem; padding: 0.5rem 0.75rem; cursor: pointer; }
.chat-library summary > span[b-36ijjpt4qw] { margin-left: auto; color: var(--wf-muted); }
.chat-library > div[b-36ijjpt4qw] { max-height: 13rem; overflow: auto; padding: 0 0.5rem 0.5rem; }
.chat-library button[b-36ijjpt4qw] { display: block; width: 100%; padding: 0.5rem; text-align: left; border: 0; border-radius: 0.375rem; background: var(--wf-soft); color: var(--wf-ink); }
.chat-library button + button[b-36ijjpt4qw] { margin-top: 0.375rem; }
.chat-library span[b-36ijjpt4qw], .chat-library small[b-36ijjpt4qw] { overflow-wrap: anywhere; }
.chat-library small[b-36ijjpt4qw] { display: block; margin-top: 0.25rem; color: var(--wf-muted); font-size: 0.6875rem; }
.chat-messages[b-36ijjpt4qw] { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 0.875rem 0.75rem; scrollbar-gutter: stable; }
.is-empty .chat-messages[b-36ijjpt4qw] { flex: 0; padding: 0; }
.chat-message[b-36ijjpt4qw] { margin-bottom: 1.25rem; font-size: 0.8125rem; line-height: 1.65; overflow-wrap: anywhere; }
.chat-message > strong[b-36ijjpt4qw] { display: block; margin-bottom: 0.375rem; color: var(--wf-muted); font-size: 0.6875rem; font-weight: 650; }
.chat-message p[b-36ijjpt4qw] { white-space: pre-wrap; }
.chat-message.user p[b-36ijjpt4qw] { padding: 0.625rem; border-radius: 0.625rem; background: var(--wf-soft); }
.chat-message.system[b-36ijjpt4qw] { color: var(--wf-muted); font-size: 0.6875rem; text-align: center; }
.chat-reasoning[b-36ijjpt4qw] { margin-bottom: 0.5rem; color: var(--wf-muted); }
.chat-reasoning summary[b-36ijjpt4qw] { display: flex; align-items: center; gap: 0.375rem; width: fit-content; max-width: 100%; min-height: 2rem; padding-block: 0.25rem; cursor: pointer; list-style: none; font-size: 0.75rem; }
.chat-reasoning summary[b-36ijjpt4qw]::-webkit-details-marker { display: none; }
.chat-reasoning summary:hover[b-36ijjpt4qw] { color: var(--wf-ink); }
.chat-reasoning[b-36ijjpt4qw]  .rzi { font-size: 1rem; }
.chat-reasoning[open][b-36ijjpt4qw]  .chat-reasoning-chevron { transform: rotate(90deg); }
.chat-reasoning.is-thinking[b-36ijjpt4qw]  .chat-thinking-icon { animation: chat-breathe-b-36ijjpt4qw 1.4s ease-in-out infinite; }
.chat-reasoning-transcript[b-36ijjpt4qw] { margin: 0.25rem 0 0.75rem 0.5rem; padding-left: 0.875rem; border-left: 1px solid var(--wf-border); font-size: 0.75rem; }
.chat-reasoning-transcript p + p[b-36ijjpt4qw] { margin-top: 0.75rem; }
.chat-message-files[b-36ijjpt4qw] { list-style: none; padding: 0; margin: 0.375rem 0 0; color: var(--wf-muted); font-size: 0.6875rem; }
.chat-message-files li[b-36ijjpt4qw] { display: flex; align-items: flex-start; gap: 0.25rem; padding-block: 0.125rem; overflow-wrap: anywhere; }
.chat-working[b-36ijjpt4qw] { display: flex; align-items: center; gap: 0.5rem; color: var(--wf-muted); font-size: 0.75rem; line-height: 1.5; }
.chat-working > span[b-36ijjpt4qw] { width: 0.375rem; height: 0.375rem; flex-shrink: 0; border-radius: 50%; background: var(--wf-blue); animation: chat-breathe-b-36ijjpt4qw 1.4s ease-in-out infinite; }
.chat-compose-area[b-36ijjpt4qw] { padding: 0.5rem 0.625rem 0.75rem; flex-shrink: 0; }
.is-empty .chat-compose-area[b-36ijjpt4qw] { margin-block: auto; }
.chat-welcome[b-36ijjpt4qw] { padding: 0.75rem 0.25rem 1.25rem; }
.chat-welcome[b-36ijjpt4qw] >  .rzi { display: block; margin-bottom: 0.75rem; color: var(--wf-blue); font-size: 1.5rem; }
.chat-welcome h2[b-36ijjpt4qw] { font-size: 1.125rem; line-height: 1.25; font-weight: 650; letter-spacing: -0.025em; }
.chat-welcome p[b-36ijjpt4qw] { margin-top: 0.625rem; color: var(--wf-muted); font-size: 0.75rem; line-height: 1.6; }
.chat-suggestion[b-36ijjpt4qw] { margin-top: 1rem; padding: 0.5rem 0.625rem; width: 100%; min-height: 2.75rem; border: 1px solid var(--wf-border); border-radius: 0.5rem; background: var(--wf-paper); color: var(--wf-ink); font-size: 0.75rem; text-align: left; }
.chat-suggestion:hover:not(:disabled)[b-36ijjpt4qw] { border-color: var(--wf-blue); color: var(--wf-blue); }
.chat-target[b-36ijjpt4qw] { display: flex; align-items: flex-start; gap: 0.375rem; margin-bottom: 0.5rem !important; color: var(--wf-muted); font-size: 0.6875rem; overflow-wrap: anywhere; }
.chat-target[b-36ijjpt4qw]  .rzi { font-size: 1rem; }
.chat-composer[b-36ijjpt4qw] { border: 1px solid var(--wf-strong-border); border-radius: 0.75rem; background: var(--wf-paper); overflow: hidden; }
.chat-composer:focus-within[b-36ijjpt4qw] { border-color: var(--wf-blue); }
.chat-composer textarea[b-36ijjpt4qw] { display: block; width: 100%; min-height: 5.5rem; max-height: 10rem; resize: none; padding: 0.75rem; border: 0; outline: 0; background: transparent; color: var(--wf-ink); font-size: 0.8125rem; line-height: 1.6; }
.chat-composer textarea[b-36ijjpt4qw]::placeholder { color: var(--wf-muted); opacity: 1; }
.chat-composer textarea:focus-visible[b-36ijjpt4qw] { outline-offset: -3px; }
.chat-compose-actions[b-36ijjpt4qw] { display: flex; align-items: center; justify-content: flex-end; gap: 0.125rem; padding: 0.375rem; }
.chat-compose-actions > span[b-36ijjpt4qw] { margin-right: auto; padding-inline: 0.25rem; font-size: 0.625rem; color: var(--wf-muted); }
.chat-attach[b-36ijjpt4qw] { position: relative; overflow: hidden; cursor: pointer; }
.chat-attach[b-36ijjpt4qw]  input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.chat-attach:focus-within[b-36ijjpt4qw] { outline: 2px solid var(--wf-blue); outline-offset: -2px; }
.chat-attach:has(input:disabled)[b-36ijjpt4qw] { opacity: 0.48; cursor: not-allowed; }
.chat-send[b-36ijjpt4qw] { display: inline-flex; align-items: center; justify-content: center; width: var(--playground-touch-target); height: var(--playground-touch-target); flex: 0 0 var(--playground-touch-target); padding: 0; border: 1px solid var(--wf-blue); border-radius: 50%; background: var(--wf-blue); color: var(--wf-paper); zoom: var(--playground-control-scale, 0.75); transition: background-color 140ms ease-out; }
.workflow-chat .chat-send[b-36ijjpt4qw]  .rzi { font-size: var(--rz-icon-size, 1.5rem); line-height: 1; }
.chat-send:hover:not(:disabled)[b-36ijjpt4qw] { background: var(--wf-blue-hover); }
.chat-attachments[b-36ijjpt4qw] { list-style: none; padding: 0 0.5rem; margin: 0 0 0.5rem; }
.chat-attachments li[b-36ijjpt4qw] { display: flex; align-items: center; gap: 0.25rem; padding-left: 0.375rem; border: 1px solid var(--wf-border); border-radius: 0.375rem; font-size: 0.6875rem; }
.chat-attachments li + li[b-36ijjpt4qw] { margin-top: 0.25rem; }
.chat-attachments li > span[b-36ijjpt4qw] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-attachments .chat-icon[b-36ijjpt4qw] { width: 2rem; flex-basis: 2rem; min-height: 2rem; }
.chat-footnote[b-36ijjpt4qw] { margin-top: 0.5rem !important; color: var(--wf-muted); font-size: 0.625rem; line-height: 1.5; }
.chat-notice[b-36ijjpt4qw] { flex-shrink: 0; margin: 0; padding: 0.625rem 0.75rem; background: var(--wf-soft); color: var(--wf-muted); font-size: 0.75rem; line-height: 1.6; overflow-wrap: anywhere; }
.chat-notice.error[b-36ijjpt4qw] { background: var(--wf-danger-soft); color: var(--wf-danger); }
.chat-text-button[b-36ijjpt4qw] { color: var(--wf-blue-hover); text-decoration: underline; font-size: 0.75rem; padding-inline: 0; }
.chat-settings-dialog[b-36ijjpt4qw] { width: min(76rem, calc(100vw - 2rem)); height: min(58rem, calc(100dvh - 2rem)); max-width: none; max-height: none; padding: 0; border: 1px solid var(--wf-border); border-radius: 0.875rem; color: var(--wf-ink); background: var(--wf-paper); box-shadow: var(--wf-shadow); }
.chat-settings-dialog[open][b-36ijjpt4qw] { display: flex; flex-direction: column; }
.chat-settings-dialog[b-36ijjpt4qw]::backdrop { background: var(--wf-overlay); }
.chat-settings-dialog > header[b-36ijjpt4qw] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--wf-border); }
.chat-settings-dialog h2[b-36ijjpt4qw] { font-size: 1.125rem; font-weight: 650; }
.chat-settings-dialog header p[b-36ijjpt4qw] { margin-top: 0.375rem; font-size: 0.8125rem; color: var(--wf-muted); }
.chat-settings-controls[b-36ijjpt4qw] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem 0.75rem; padding: 0.75rem 1.25rem; border-bottom: 1px solid var(--wf-border); font-size: 0.8125rem; }
.chat-settings-controls select[b-36ijjpt4qw] { border: 1px solid var(--wf-border); border-radius: 0.375rem; background: var(--wf-paper); color: var(--wf-ink); padding: 0.5rem; }
.chat-settings-controls p[b-36ijjpt4qw] { flex: 1 1 18rem; color: var(--wf-muted); font-size: 0.75rem; line-height: 1.5; }
.chat-settings-frame[b-36ijjpt4qw] { display: block; flex: 1; width: 100%; min-height: 0; border: 0; background: var(--wf-paper); }
.chat-settings-dialog > footer[b-36ijjpt4qw] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 0.75rem; padding: 0.75rem 1.25rem; border-top: 1px solid var(--wf-border); }
.chat-settings-dialog footer > span[b-36ijjpt4qw] { margin-right: auto; color: var(--wf-muted); font-size: 0.75rem; }
.chat-apply[b-36ijjpt4qw] { min-height: 2.75rem; padding: 0.5rem 0.875rem; border: 0; border-radius: 0.5rem; background: var(--wf-blue); color: var(--wf-paper); font-weight: 600; }
.chat-apply:hover:not(:disabled)[b-36ijjpt4qw] { background: var(--wf-blue-hover); }
@keyframes chat-breathe-b-36ijjpt4qw { 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: reduce) { .workflow-chat *[b-36ijjpt4qw] { animation: none !important; transition: none !important; } }
@media (max-width: 600px) {
    .chat-settings-dialog[b-36ijjpt4qw] { width: calc(100vw - 1rem); height: calc(100dvh - 1rem); }
    .chat-settings-dialog > header[b-36ijjpt4qw], .chat-settings-controls[b-36ijjpt4qw], .chat-settings-dialog > footer[b-36ijjpt4qw] { padding: 0.75rem; }
    .chat-settings-dialog footer > span[b-36ijjpt4qw] { flex-basis: 100%; }
}
/* /Components/WorkflowComposerWorkspace.razor.rz.scp.css */
.workflow-composer[b-ssqdd2bpyg] {
    --wf-ink: #172033;
    --wf-muted: #596579;
    --wf-paper: #ffffff;
    --wf-soft: #f7f9fc;
    --wf-border: #dbe2ea;
    --wf-strong-border: #aab6c5;
    --wf-blue: #2563eb;
    --wf-blue-hover: #1d4ed8;
    --wf-blue-soft: #eff6ff;
    --wf-chrome: #0f172a;
    --wf-chrome-muted: #c0cee1;
    --wf-code: #101827;
    --wf-code-text: #d9e2ec;
    --wf-success: #166534;
    --wf-danger: #9f1239;
    --wf-danger-soft: #fff1f2;
    --wf-warning: #854d0e;
    --wf-warning-soft: #fefce8;
    --wf-warning-border: #fde68a;
    --wf-shadow: 0 12px 30px rgb(15 23 42 / 0.1);
    --wf-overlay: rgb(15 23 42 / 0.55);
    container-type: inline-size;
    container-name: workflow-composer;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    min-width: 0;
    margin: 0 0 0.75rem;
    overflow: hidden;
    border: 1px solid var(--wf-border);
    border-radius: 0.875rem;
    color: var(--wf-ink);
    background: var(--wf-paper);
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
}

.workflow-composer *[b-ssqdd2bpyg],
.workflow-composer *[b-ssqdd2bpyg]::before,
.workflow-composer *[b-ssqdd2bpyg]::after { box-sizing: border-box; }
.workflow-composer [hidden][b-ssqdd2bpyg] { display: none !important; }
.workflow-composer button[b-ssqdd2bpyg],
.workflow-composer input[b-ssqdd2bpyg],
.workflow-composer textarea[b-ssqdd2bpyg],
.workflow-composer select[b-ssqdd2bpyg] { font: inherit; }
.workflow-composer button[b-ssqdd2bpyg] { cursor: pointer; }
.workflow-composer button:disabled[b-ssqdd2bpyg] { cursor: not-allowed; opacity: 0.48; }
.workflow-composer :is(a, button, input, textarea, select, summary, [tabindex]):focus-visible[b-ssqdd2bpyg] {
    outline: 2px solid var(--wf-blue);
    outline-offset: 3px;
}
.workflow-composer h1[b-ssqdd2bpyg],
.workflow-composer h2[b-ssqdd2bpyg],
.workflow-composer h3[b-ssqdd2bpyg],
.workflow-composer p[b-ssqdd2bpyg] { margin: 0; }
.workflow-composer[b-ssqdd2bpyg]  .rzi { font-size: 1.125rem; flex: 0 0 auto; }
.workflow-composer code[b-ssqdd2bpyg],
.workflow-composer pre[b-ssqdd2bpyg],
.workflow-composer .workflow-code-input[b-ssqdd2bpyg] {
    font-family: "Cascadia Code", Consolas, "Courier New", monospace;
}
.workflow-composer code[b-ssqdd2bpyg] { color: var(--wf-blue-hover); overflow-wrap: anywhere; }
.workflow-composer pre[b-ssqdd2bpyg] {
    margin: 0.5rem 0;
    padding: 0.875rem;
    border-radius: 0.375rem;
    background: var(--wf-code);
    color: var(--wf-code-text);
    font-size: 0.75rem;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    overflow: auto;
    max-height: 22rem;
}

.workflow-header[b-ssqdd2bpyg] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    color: var(--wf-paper);
    background: var(--wf-chrome);
}
.workflow-heading[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.75rem; min-width: 0; }
.workflow-heading[b-ssqdd2bpyg] >  .rzi { font-size: 1.75rem; }
.workflow-heading h1[b-ssqdd2bpyg] { font-size: 1.125rem; font-weight: 650; line-height: 1.35; letter-spacing: -0.025em; }
.workflow-experimental[b-ssqdd2bpyg] { display: inline-block; margin-left: 0.375rem; padding: 0.125rem 0.375rem; border: 1px solid var(--wf-muted); border-radius: 0.25rem; color: var(--wf-chrome-muted); font-size: 0.625rem; font-weight: 500; letter-spacing: normal; vertical-align: middle; }
.workflow-heading p[b-ssqdd2bpyg] { font-size: 0.75rem; color: var(--wf-chrome-muted); margin-top: 0.125rem; }
.workflow-header-actions[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; justify-content: flex-end; }
.workflow-package-split[b-ssqdd2bpyg],
.workflow-save-split[b-ssqdd2bpyg] { position: relative; display: inline-flex; }
.workflow-package-split .workflow-package-default[b-ssqdd2bpyg],
.workflow-save-split .workflow-save-default[b-ssqdd2bpyg] { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.workflow-package-split .workflow-package-toggle[b-ssqdd2bpyg],
.workflow-save-split .workflow-save-toggle[b-ssqdd2bpyg] { min-width: 2.25rem; padding-inline: 0.375rem; border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.workflow-package-menu[b-ssqdd2bpyg],
.workflow-save-menu[b-ssqdd2bpyg] { position: absolute; z-index: 20; top: calc(100% + 0.375rem); right: 0; width: max-content; min-width: 15rem; max-width: calc(100vw - 2rem); padding: 0.375rem; border: 1px solid var(--wf-border); border-radius: 0.5rem; background: var(--wf-paper); color: var(--wf-ink); box-shadow: var(--wf-shadow); }
.workflow-save-menu[b-ssqdd2bpyg] { min-width: 10rem; }
.workflow-package-menu > button[b-ssqdd2bpyg],
.workflow-save-menu > button[b-ssqdd2bpyg] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; min-height: 2.75rem; padding: 0.625rem 0.75rem; border: 0; border-radius: 0.25rem; background: transparent; color: inherit; text-align: left; white-space: normal; }
.workflow-package-menu > button:hover:not(:disabled)[b-ssqdd2bpyg],
.workflow-package-menu > button:focus-visible[b-ssqdd2bpyg],
.workflow-save-menu > button:hover:not(:disabled)[b-ssqdd2bpyg],
.workflow-save-menu > button:focus-visible[b-ssqdd2bpyg] { background: var(--wf-blue-soft); }
.workflow-package-menu small[b-ssqdd2bpyg],
.workflow-save-menu small[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.6875rem; }
.workflow-framework[b-ssqdd2bpyg] {
    display: inline-flex;
    align-items: center;
    height: 1.5rem;
    padding: 0 0.375rem;
    border: 1px solid var(--wf-strong-border);
    border-radius: 0.25rem;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.workflow-header .workflow-framework[b-ssqdd2bpyg] { color: #b5f3a0; }
.workflow-button[b-ssqdd2bpyg],
.workflow-icon-button[b-ssqdd2bpyg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    border: 1px solid var(--wf-border);
    border-radius: 0.5rem;
    background: var(--wf-paper);
    color: var(--wf-ink);
    font-size: 0.8125rem;
    font-weight: 600;
    min-height: 2.25rem;
    padding: 0.375rem 0.75rem;
    line-height: 1.4;
    white-space: nowrap;
    transition: background-color 120ms ease-out;
}
.workflow-button:hover:not(:disabled)[b-ssqdd2bpyg],
.workflow-icon-button:hover:not(:disabled)[b-ssqdd2bpyg] { background: var(--wf-soft); border-color: var(--wf-strong-border); }
.workflow-button.primary[b-ssqdd2bpyg] { background: var(--wf-blue); color: var(--wf-paper); border-color: var(--wf-blue); }
.workflow-button.primary:hover:not(:disabled)[b-ssqdd2bpyg] { background: var(--wf-blue-hover); border-color: var(--wf-blue-hover); }
.workflow-button.danger[b-ssqdd2bpyg],
.workflow-icon-button.danger[b-ssqdd2bpyg] { color: var(--wf-danger); }
.workflow-icon-button[b-ssqdd2bpyg] { border-color: transparent; min-width: 2rem; min-height: 2rem; padding: 0.25rem; background: transparent; }
.workflow-button.compact[b-ssqdd2bpyg] { font-size: 0.75rem; min-height: 2rem; padding: 0.25rem 0.625rem; }
.workflow-file-button[b-ssqdd2bpyg] { position: relative; cursor: pointer; overflow: hidden; }
.workflow-file-button[b-ssqdd2bpyg]  input { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }
.workflow-file-button:focus-within[b-ssqdd2bpyg] { outline: 2px solid var(--wf-blue); outline-offset: 3px; }
.workflow-header .workflow-button:not(.primary)[b-ssqdd2bpyg] { color: var(--wf-paper); border-color: var(--wf-muted); background: transparent; }
.workflow-header .workflow-button:hover:not(:disabled)[b-ssqdd2bpyg] { border-color: var(--wf-paper); }
.workflow-header .workflow-chat-toggle[b-ssqdd2bpyg] { gap: 0.5rem; border-color: var(--wf-chrome-muted); }
.workflow-header .workflow-toolbar-icon[b-ssqdd2bpyg],
.workflow-header .workflow-chat-toggle[b-ssqdd2bpyg] { width: 2.75rem; min-height: 2.75rem; padding: 0.375rem; }
.workflow-chat-toggle img[b-ssqdd2bpyg] { display: block; width: 1.5rem; height: 1.5rem; }
.workflow-header .workflow-chat-toggle[aria-expanded="true"][b-ssqdd2bpyg] { background: var(--wf-blue); border-color: var(--wf-blue); }
.workflow-chat-toggle[b-ssqdd2bpyg]  .rzi { transition: transform 160ms ease-out; }
.workflow-chat-toggle:hover[b-ssqdd2bpyg]  .rzi { transform: translateY(-2px); }
.workflow-evaluation-actions[b-ssqdd2bpyg] { display: inline-flex; align-items: center; gap: 0.5rem; }
.workflow-toolbar-separator[b-ssqdd2bpyg] { margin-inline: 0.25rem; color: var(--wf-chrome-muted); font-size: 1.25rem; }
.workflow-header .workflow-button.workflow-apply[b-ssqdd2bpyg] { background: green; border-color: green; color: white; }
.workflow-header .workflow-button.workflow-apply:hover:not(:disabled)[b-ssqdd2bpyg] { background: green; border-color: green; filter: brightness(0.85); }

.workflow-document-bar[b-ssqdd2bpyg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 0 0 auto;
    min-height: 2.875rem;
    padding: 0.375rem 0.75rem;
    border-bottom: 1px solid var(--wf-border);
}
.workflow-document-name[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.5rem; min-width: 0; font-weight: 650; padding: 0.25rem; border: 0; background: transparent; color: var(--wf-ink); text-align: left; }
.workflow-document-name[b-ssqdd2bpyg]  .rzi { font-size: 0.875rem; color: var(--wf-muted); }
.workflow-unsaved[b-ssqdd2bpyg] { width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--wf-blue); flex: 0 0 auto; }
.workflow-document-count[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.6875rem; white-space: nowrap; }
.workflow-validation-status[b-ssqdd2bpyg] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.25rem; margin-left: auto; border: 0; background: transparent; color: var(--wf-success); font-size: 0.6875rem; white-space: nowrap; }
.workflow-validation-status.needs-attention[b-ssqdd2bpyg] { color: var(--wf-muted); }
.workflow-validation-status[b-ssqdd2bpyg]  .rzi { font-size: 0.875rem; }
.workflow-history-actions[b-ssqdd2bpyg] { display: flex; border-left: 1px solid var(--wf-border); padding-left: 0.375rem; }
.workflow-mobile-switch[b-ssqdd2bpyg] { display: none; }
.workflow-notice[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.625rem; padding: 0.625rem 1rem; font-size: 0.8125rem; }
.workflow-notice.error[b-ssqdd2bpyg] { color: var(--wf-danger); background: var(--wf-danger-soft); }
.workflow-notice.warning[b-ssqdd2bpyg] { color: var(--wf-warning); background: var(--wf-soft); border-bottom: 1px solid var(--wf-border); }
.workflow-notice > span[b-ssqdd2bpyg] { flex: 1; overflow-wrap: anywhere; }
.workflow-validation[b-ssqdd2bpyg] { display: flex; flex-direction: column; position: relative; padding: 0.75rem 3rem 0.75rem 1rem; border-bottom: 1px solid var(--wf-border); background: var(--wf-blue-soft); gap: 0.25rem; max-height: 13rem; overflow: auto; }
.workflow-validation > button:not(.workflow-icon-button)[b-ssqdd2bpyg] { border: 0; background: transparent; padding: 0; color: var(--wf-blue-hover); text-align: left; font-size: 0.75rem; text-decoration: underline; }
.workflow-validation > .workflow-icon-button[b-ssqdd2bpyg] { position: absolute; top: 0.25rem; right: 0.375rem; }
.workflow-validation > strong[b-ssqdd2bpyg] { font-size: 0.8125rem; }

.workflow-body[b-ssqdd2bpyg] {
    --wf-toolbox-width: 11rem;
    --wf-inspector-min-width: 22rem;
    --wf-inspector-width: 38%;
    display: grid;
    grid-template-columns: var(--wf-toolbox-width) minmax(0, 1fr) minmax(var(--wf-inspector-min-width), var(--wf-inspector-width));
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
.inspector-expanded .workflow-body[b-ssqdd2bpyg] { --wf-toolbox-width: 11rem; grid-template-columns: var(--wf-toolbox-width) minmax(0, 1fr) minmax(22rem, 60%); }
.inspector-collapsed .workflow-body[b-ssqdd2bpyg] { grid-template-columns: var(--wf-toolbox-width) minmax(0, 1fr) minmax(calc(var(--wf-inspector-min-width) / 2), calc(var(--wf-inspector-width) / 2)); }
.toolbox-collapsed .workflow-body[b-ssqdd2bpyg] { --wf-toolbox-width: 4rem; }
.workflow-chat-slot[b-ssqdd2bpyg] { min-width: 0; min-height: 0; overflow: hidden; border-left: 1px solid var(--wf-border); }
.chat-open .workflow-body[b-ssqdd2bpyg] {
    grid-template-columns: var(--wf-toolbox-width) minmax(0, 1fr) minmax(var(--wf-inspector-min-width), var(--wf-inspector-width)) minmax(calc(var(--wf-inspector-min-width) / 2), calc(var(--wf-inspector-width) / 2));
}
.chat-open.inspector-expanded .workflow-body[b-ssqdd2bpyg] {
    grid-template-columns: var(--wf-toolbox-width) minmax(0, 1fr) minmax(var(--wf-inspector-min-width), 45%) minmax(calc(var(--wf-inspector-min-width) / 2), calc(var(--wf-inspector-width) / 2));
}
.chat-open.inspector-collapsed .workflow-body[b-ssqdd2bpyg] {
    grid-template-columns: var(--wf-toolbox-width) minmax(0, 1fr) repeat(2, minmax(calc(var(--wf-inspector-min-width) / 2), calc(var(--wf-inspector-width) / 2)));
}
.workflow-toolbox[b-ssqdd2bpyg] { display: flex; flex-direction: column; align-items: stretch; min-height: 0; padding: 0.875rem 0.5rem; border-right: 1px solid var(--wf-border); gap: 0.75rem; background: var(--wf-paper); overflow: auto; z-index: 2; }
.workflow-toolbox-header[b-ssqdd2bpyg] { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 0.25rem; }
.workflow-toolbox h2[b-ssqdd2bpyg] { font-size: 0.75rem; font-weight: 650; color: var(--wf-ink); padding-inline: 0.25rem; }
.workflow-toolbox input[b-ssqdd2bpyg] { width: 100%; min-width: 0; min-height: 2rem; padding: 0.375rem 0.5rem; border: 1px solid var(--wf-border); border-radius: 0.375rem; font-size: 0.75rem; background: var(--wf-paper); color: var(--wf-ink); }
.workflow-toolbox input[b-ssqdd2bpyg]::placeholder { color: var(--wf-muted); opacity: 1; }
.workflow-tool-group[b-ssqdd2bpyg] { display: flex; flex-direction: column; gap: 0.375rem; }
.workflow-tool-group h3[b-ssqdd2bpyg] { padding: 0.5rem 0.25rem 0.25rem; color: var(--wf-muted); font-size: 0.6875rem; font-weight: 600; }
.workflow-tool[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.5rem; width: 100%; min-height: 2.625rem; padding: 0.5rem; border: 1px solid var(--wf-border); border-radius: 0.375rem; color: var(--wf-ink); background: var(--wf-paper); font-size: 0.75rem; font-weight: 600; cursor: grab; }
.workflow-tool > span[b-ssqdd2bpyg] { flex: 1; text-align: left; line-height: 1.4; }
.workflow-tool:hover:not(:disabled)[b-ssqdd2bpyg] { background: var(--wf-blue-soft); border-color: var(--wf-blue); color: var(--wf-blue); }
.workflow-tool[b-ssqdd2bpyg] >  .rzi { font-size: 1.125rem; }
.workflow-tool[b-ssqdd2bpyg]  .tool-grip { font-size: 0.875rem; color: var(--wf-muted); }
.workflow-toolbox-hint[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.6875rem; line-height: 1.5; padding: 0.25rem; }
.toolbox-collapsed .workflow-toolbox[b-ssqdd2bpyg] { padding-inline: 0.25rem; }
.toolbox-collapsed .workflow-toolbox-header[b-ssqdd2bpyg] { justify-content: center; }
.toolbox-collapsed .workflow-toolbox h2[b-ssqdd2bpyg],
.toolbox-collapsed .workflow-toolbox input[b-ssqdd2bpyg],
.toolbox-collapsed .workflow-tool-group h3[b-ssqdd2bpyg],
.toolbox-collapsed .workflow-tool > span[b-ssqdd2bpyg],
.toolbox-collapsed .workflow-tool[b-ssqdd2bpyg]  .tool-grip,
.toolbox-collapsed .workflow-toolbox-hint[b-ssqdd2bpyg] { display: none; }
.toolbox-collapsed .workflow-tool[b-ssqdd2bpyg] { justify-content: center; gap: 0; padding-inline: 0.25rem; }
.workflow-design[b-ssqdd2bpyg] { display: flex; flex-direction: column; min-width: 0; min-height: 0; position: relative; }
.workflow-canvas-toolbar[b-ssqdd2bpyg] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; min-height: 3rem; padding: 0.5rem 0.875rem; border-bottom: 1px solid var(--wf-border); }
.workflow-canvas-toolbar h2[b-ssqdd2bpyg] { font-size: 0.8125rem; font-weight: 650; }
.workflow-canvas-actions[b-ssqdd2bpyg] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-left: auto; }
.workflow-canvas-mode[b-ssqdd2bpyg],
.workflow-connect-hint[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.6875rem; }
.workflow-connect-hint[b-ssqdd2bpyg] { color: var(--wf-blue); }
.workflow-viewport[b-ssqdd2bpyg] { position: relative; flex: 1; min-height: 20rem; overflow: hidden; background-color: var(--wf-soft); background-image: radial-gradient(circle, var(--wf-border) 1px, transparent 1px); background-size: 20px 20px; touch-action: none; cursor: grab; }
.workflow-viewport:active[b-ssqdd2bpyg] { cursor: grabbing; }
.workflow-viewport.is-empty[b-ssqdd2bpyg] { touch-action: pan-y; cursor: default; }
.workflow-viewport.drag-over[b-ssqdd2bpyg] { outline: 2px dashed var(--wf-blue); outline-offset: -6px; }
.workflow-world[b-ssqdd2bpyg] { position: absolute; top: 0; left: 0; width: 12000px; height: 12000px; transform-origin: 0 0; }
.workflow-connections[b-ssqdd2bpyg] { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.workflow-connections marker path[b-ssqdd2bpyg] { fill: var(--wf-muted); }
.workflow-edge-hit[b-ssqdd2bpyg] { stroke: transparent; stroke-width: 18; fill: none; cursor: pointer; pointer-events: stroke; }
.workflow-edge-line[b-ssqdd2bpyg] { stroke: var(--wf-muted); stroke-width: 2; fill: none; }
.workflow-edge-label[b-ssqdd2bpyg] { fill: var(--wf-muted); stroke: var(--wf-soft); stroke-width: 4px; stroke-linejoin: round; paint-order: stroke; font-size: 11px; text-anchor: middle; pointer-events: none; }
.workflow-edge.selected .workflow-edge-line[b-ssqdd2bpyg] { stroke: var(--wf-blue); stroke-width: 3; }
.workflow-edge:hover .workflow-edge-line[b-ssqdd2bpyg] { stroke: var(--wf-blue); }
.workflow-connection-preview[b-ssqdd2bpyg] { stroke: var(--wf-blue); stroke-width: 2; stroke-dasharray: 6 4; fill: none; }
.workflow-node[b-ssqdd2bpyg] { position: absolute; width: 224px; height: 118px; border: 1px solid var(--wf-border); border-radius: 0.625rem; background: var(--wf-paper); box-shadow: 0 2px 5px rgb(15 23 42 / 0.05); cursor: default; }
.workflow-node.selected[b-ssqdd2bpyg],
.workflow-node.connecting[b-ssqdd2bpyg] { border-color: var(--wf-blue); outline: 1px solid var(--wf-blue); }
.workflow-node.run-running[b-ssqdd2bpyg] { border-color: var(--wf-blue); }
.workflow-node.run-completed[b-ssqdd2bpyg] { border-color: var(--wf-success); }
.workflow-node.run-failed[b-ssqdd2bpyg] { border-color: var(--wf-danger); }
.workflow-node.run-waiting-for-input[b-ssqdd2bpyg] { border-color: var(--wf-warning); }
.workflow-node-top[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.375rem; padding: 0.5rem 0.875rem; border-bottom: 1px solid var(--wf-border); border-radius: 0.5625rem 0.5625rem 0 0; color: var(--wf-ink); background: var(--wf-border); font-size: 0.6875rem; font-weight: 600; cursor: grab; user-select: none; }
.workflow-node.selected .workflow-node-top[b-ssqdd2bpyg] { background: var(--wf-blue-soft); }
.workflow-node .workflow-node-top.workflow-model-header[b-ssqdd2bpyg] { background: lightgreen; }
.workflow-node-top[b-ssqdd2bpyg] >  .rzi { font-size: 1rem; color: currentColor; }
.workflow-node-top > span[b-ssqdd2bpyg] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workflow-node-top[b-ssqdd2bpyg]  .workflow-node-grip { margin-left: auto; color: var(--wf-muted); font-size: 0.875rem; }
.workflow-node-attention[b-ssqdd2bpyg] {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
    margin-left: auto; padding: 0.125rem; min-width: 1.5rem; min-height: 1.5rem;
    border: 0; border-radius: 0.25rem; background: var(--wf-warning-soft); color: var(--wf-warning); cursor: pointer;
}
.workflow-node-attention:hover[b-ssqdd2bpyg] { background: var(--wf-warning-border); }
.workflow-node-attention:focus-visible[b-ssqdd2bpyg] { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.workflow-node-attention[b-ssqdd2bpyg]  .rzi { font-size: 1rem; }
.workflow-node-attention[b-ssqdd2bpyg] +  .workflow-node-grip { margin-left: 0; }
.workflow-node-name[b-ssqdd2bpyg] { display: block; width: calc(100% - 1.5rem); margin: 0 0.75rem; padding: 0.25rem 0; border: 0; background: transparent; color: var(--wf-ink); text-align: left; font-size: 0.875rem; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workflow-node-bottom[b-ssqdd2bpyg] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-top: 0.375rem; padding: 0.375rem 0.875rem; border-top: 1px solid var(--wf-border); color: var(--wf-muted); font-size: 0.625rem; }
.workflow-node-bottom > span[b-ssqdd2bpyg] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workflow-node-bottom[b-ssqdd2bpyg] >  .rzi { font-size: 0.875rem; }
.workflow-node-description[b-ssqdd2bpyg] { display: inline-flex; align-items: center; gap: 0.375rem; min-width: 0; }
.workflow-node-description-text[b-ssqdd2bpyg] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workflow-node-model-icon[b-ssqdd2bpyg],
.workflow-node-description[b-ssqdd2bpyg]  .workflow-node-model-icon { width: 1rem; height: 1rem; flex: 0 0 1rem; fill: currentColor; font-size: 1rem; }
.workflow-node.has-descendant-models[b-ssqdd2bpyg] { display: flex; flex-direction: column; }
.workflow-node-models[b-ssqdd2bpyg] { display: flex; align-items: center; justify-content: center; gap: 0.25rem; margin-top: auto; padding: 0 0.5rem 0.25rem; color: var(--wf-muted); line-height: 1; }
.workflow-node-contained-model[b-ssqdd2bpyg] { display: inline-flex; align-items: center; flex: 0 0 0.75rem; width: 0.75rem; height: 0.75rem; }
.workflow-node-contained-model > svg[b-ssqdd2bpyg],
.workflow-node-contained-model[b-ssqdd2bpyg]  .rzi { width: 0.75rem; height: 0.75rem; font-size: 0.75rem; fill: currentColor; }
.workflow-port[b-ssqdd2bpyg] { position: absolute; top: 51px; width: 16px; height: 16px; padding: 0; border: 2px solid var(--wf-muted); border-radius: 50%; background: var(--wf-paper); z-index: 3; }
.workflow-port[b-ssqdd2bpyg]::before { content: ""; position: absolute; inset: -8px; }
.workflow-port.input[b-ssqdd2bpyg] { left: -8px; }
.workflow-port.output[b-ssqdd2bpyg] { right: -8px; border-color: var(--wf-blue); }
.workflow-port:hover:not(:disabled)[b-ssqdd2bpyg],
.workflow-node.connecting .workflow-port.output[b-ssqdd2bpyg] { background: var(--wf-blue); border-color: var(--wf-blue); }
/* Scroll the landing content without covering the canvas view controls. */
.workflow-empty[b-ssqdd2bpyg] {
    container: workflow-landing / inline-size;
    position: absolute;
    inset: 0 0 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    cursor: default;
}
.workflow-empty-content[b-ssqdd2bpyg] { display: flex; flex: 0 0 auto; flex-direction: column; gap: 1.5rem; width: min(100%, 42rem); min-width: 0; margin-block: auto; }
.workflow-empty-intro[b-ssqdd2bpyg] { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; text-align: center; }
.workflow-empty-diagram[b-ssqdd2bpyg] { display: block; flex: 0 0 auto; width: min(15rem, 100%); height: auto; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.workflow-empty-wire[b-ssqdd2bpyg] { stroke: var(--wf-blue); stroke-width: 2; }
.workflow-empty-tile[b-ssqdd2bpyg] { fill: var(--wf-paper); stroke: var(--wf-strong-border); stroke-width: 1.25; }
.workflow-empty-glyph[b-ssqdd2bpyg] { stroke: var(--wf-muted); stroke-width: 2; }
.workflow-empty-output[b-ssqdd2bpyg] { fill: var(--wf-ink); }
.workflow-empty-core-depth[b-ssqdd2bpyg] { fill: var(--wf-border); }
.workflow-empty-core[b-ssqdd2bpyg] { fill: var(--wf-chrome); }
.workflow-empty-bolt[b-ssqdd2bpyg] { fill: var(--wf-paper); }
.workflow-empty-port[b-ssqdd2bpyg] { fill: var(--wf-paper); stroke: var(--wf-blue); stroke-width: 2; }
.workflow-empty h3[b-ssqdd2bpyg] { font-size: clamp(1.25rem, 2cqi, 1.75rem); letter-spacing: -0.03em; font-weight: 650; }
.workflow-empty p[b-ssqdd2bpyg] { color: var(--wf-muted); max-width: 28rem; line-height: 1.6; font-size: 0.8125rem; }
.workflow-starters[b-ssqdd2bpyg] { display: flex; flex-direction: column; gap: 1rem; min-width: 0; text-align: left; }
.workflow-starter-label[b-ssqdd2bpyg] { margin: 0; color: var(--wf-ink); font-size: 0.9375rem; font-weight: 650; line-height: 1.5; }
.workflow-template-search[b-ssqdd2bpyg] { display: flex; flex-direction: column; gap: 0.375rem; min-width: 0; }
.workflow-template-search label[b-ssqdd2bpyg] { font-size: 0.8125rem; font-weight: 600; }
.workflow-template-search input[b-ssqdd2bpyg] { width: 100%; min-width: 0; min-height: 2.75rem; padding: 0.5rem 0.625rem; border: 1px solid var(--wf-border); border-radius: 1.5rem; color: var(--wf-ink); background: var(--wf-paper); font-size: 0.8125rem; }
.workflow-template-search input[b-ssqdd2bpyg]::placeholder { color: var(--wf-muted); opacity: 1; }
.workflow-template-search input[aria-invalid="true"][b-ssqdd2bpyg] { border-color: var(--wf-danger); }
.workflow-template-search p[b-ssqdd2bpyg] { max-width: none; font-size: 0.75rem; }
.workflow-template-search [role="status"][b-ssqdd2bpyg] { min-height: 1.2em; }
.workflow-template-search input[aria-invalid="true"] ~ [role="status"][b-ssqdd2bpyg] { color: var(--wf-danger); }
.workflow-starters[b-ssqdd2bpyg]  [hidden] { display: none !important; }
.workflow-starters[data-template-search-active][b-ssqdd2bpyg]  .workflow-template-card:not([hidden]) { display: flex !important; }
.workflow-starters[data-template-search-active][b-ssqdd2bpyg]  :is(.workflow-starter-toggle, .workflow-vmaas-toggle) { display: none; }
.workflow-starter-groups[b-ssqdd2bpyg] { display: grid; align-items: start; gap: 1.25rem 1rem; }
.workflow-starter-group[b-ssqdd2bpyg] { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
.workflow-starter-group h5[b-ssqdd2bpyg] { margin: 0; color: var(--wf-muted); font-size: 0.75rem; font-weight: 600; line-height: 1.5; }
.workflow-starter-list[b-ssqdd2bpyg] { display: grid; flex: 1; gap: 0.5rem; }
.workflow-starter-list[data-expanded="false"][b-ssqdd2bpyg]  > .workflow-template-card:nth-child(n + 2) { display: none; }
.workflow-starter-toggle[b-ssqdd2bpyg],
.workflow-starters[b-ssqdd2bpyg]  .workflow-starter-toggle { align-self: flex-start; min-height: 2.75rem; padding: 0.5rem 0.25rem; border: 0; background: transparent; color: var(--wf-blue); font-size: 0.8125rem; text-align: left; text-decoration: underline; text-underline-offset: 0.2em; }
.workflow-starter-toggle:hover[b-ssqdd2bpyg],
.workflow-starters[b-ssqdd2bpyg]  .workflow-starter-toggle:hover { color: var(--wf-blue-hover); }
@container workflow-landing (min-width: 36rem) {
    .workflow-starter-groups[b-ssqdd2bpyg] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .workflow-starter-group-wide[b-ssqdd2bpyg] { grid-column: 1 / -1; }
    .workflow-starter-group-wide .workflow-starter-list[b-ssqdd2bpyg] { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1rem; }
    .workflow-starter-group-wide .workflow-starter-list[data-expanded="false"][b-ssqdd2bpyg]  > .workflow-template-card:nth-child(2) { display: flex; }
    .workflow-starter-group-wide .workflow-starter-list:not(:has(> .workflow-template-card:nth-child(3))) + .workflow-starter-toggle[b-ssqdd2bpyg] { display: none; }
}
@container workflow-composer (width > 760px) {
    .workflow-starter-group-local-jit[b-ssqdd2bpyg] { grid-column: 1 / -1; }
    .workflow-starter-group-local-jit .workflow-starter-list[b-ssqdd2bpyg] { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1rem; }
    .workflow-starter-group-local-jit .workflow-starter-list[data-expanded="false"][b-ssqdd2bpyg]  > .workflow-template-card:nth-child(2) { display: flex; }
}
@container workflow-landing (max-width: 24rem) {
    .workflow-empty-diagram[b-ssqdd2bpyg] { display: none; }
    .workflow-empty-intro[b-ssqdd2bpyg] { gap: 0.5rem; }
}
.workflow-view-controls[b-ssqdd2bpyg] { position: absolute; bottom: 1rem; left: 1rem; display: flex; align-items: center; gap: 0.25rem; border: 1px solid var(--wf-border); background: var(--wf-paper); border-radius: 0.5rem; padding: 0.25rem; cursor: default; }
.workflow-view-controls > span:not(.workflow-control-divider)[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.6875rem; min-width: 2.5rem; text-align: center; font-variant-numeric: tabular-nums; }
.workflow-control-divider[b-ssqdd2bpyg] { width: 1px; height: 1.125rem; background: var(--wf-border); }
.workflow-canvas-footer[b-ssqdd2bpyg] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.25rem 1rem; border-top: 1px solid var(--wf-border); color: var(--wf-muted); font-size: 0.625rem; padding: 0.5rem 0.75rem; }

.workflow-inspector[b-ssqdd2bpyg] { border-left: 1px solid var(--wf-border); display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--wf-paper); overflow: hidden; }
.workflow-inspector-header[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.5rem; min-height: 3rem; padding: 0 0.875rem; border-bottom: 1px solid var(--wf-border); flex: 0 0 auto; }
.workflow-inspector-tabs[b-ssqdd2bpyg] { display: flex; align-self: stretch; align-items: center; gap: 0.5rem; min-width: 0; }
.workflow-inspector-tabs > button[role="tab"][b-ssqdd2bpyg] { align-self: stretch; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.25rem; margin: 0 0.5rem 0 0; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--wf-muted); font-size: 0.8125rem; font-weight: 600; }
.workflow-inspector-tabs > button[role="tab"].active[b-ssqdd2bpyg] { color: var(--wf-blue); border-bottom-color: var(--wf-blue); }
.workflow-inspector-actions[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.25rem; margin-left: auto; flex: 0 0 auto; }
.workflow-inspector-actions > .workflow-icon-button[aria-pressed="true"][b-ssqdd2bpyg] { color: var(--wf-blue); background: var(--wf-blue-soft); }
.workflow-step-warning[b-ssqdd2bpyg] {
    margin: 1rem; padding: 0.875rem; border: 1px solid var(--wf-warning-border); border-radius: 0.375rem;
    background: var(--wf-warning-soft); color: var(--wf-warning); font-size: 0.875rem; line-height: 1.5;
    overflow-wrap: anywhere;
}
.workflow-step-warning > strong[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.5rem; }
.workflow-step-warning > strong[b-ssqdd2bpyg]  .rzi { flex: 0 0 auto; font-size: 1.125rem; }
.workflow-step-warning ul[b-ssqdd2bpyg] { margin: 0.5rem 0 0; padding-inline-start: 1.25rem; }
.workflow-step-warning li + li[b-ssqdd2bpyg] { margin-top: 0.375rem; }
.workflow-step-warning p[b-ssqdd2bpyg] { margin: 0.75rem 0 0; }
.workflow-step-warning button[b-ssqdd2bpyg] {
    padding: 0; border: 0; background: transparent; color: inherit; font: inherit;
    text-align: start; text-decoration: underline; overflow-wrap: anywhere; cursor: pointer;
}
.workflow-step-warning button:focus-visible[b-ssqdd2bpyg] { outline: 2px solid var(--wf-warning); outline-offset: 2px; }
.workflow-properties[b-ssqdd2bpyg],
.workflow-preview[b-ssqdd2bpyg] { overflow: auto; min-height: 0; min-width: 0; flex: 1; }
.workflow-selection-heading[b-ssqdd2bpyg] { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; padding: 1.25rem 1rem 0.875rem; }
.workflow-selection-heading h2[b-ssqdd2bpyg] { font-size: 1.0625rem; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
.workflow-selection-heading > div > span[b-ssqdd2bpyg] { font-size: 0.6875rem; color: var(--wf-muted); }
.workflow-selection-heading p[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.75rem; margin-top: 0.25rem; }
.workflow-selection-heading[b-ssqdd2bpyg] >  .rzi { color: var(--wf-muted); font-size: 1.375rem; }
.workflow-preview-heading[b-ssqdd2bpyg] { display: grid; grid-template-columns: minmax(0, 1fr) auto; row-gap: 0.25rem; }
.workflow-preview-title-row[b-ssqdd2bpyg] { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; min-width: 0; }
.workflow-preview-title-row h2[b-ssqdd2bpyg] { min-width: 0; }
.workflow-preview-heading > p[b-ssqdd2bpyg] { grid-column: 1 / -1; }
.workflow-result-actions[b-ssqdd2bpyg] { display: flex; align-items: center; flex: 0 0 auto; gap: 0.25rem; }
.workflow-result-actions > .workflow-icon-button[b-ssqdd2bpyg] { min-width: 2.25rem; min-height: 2.25rem; }
.workflow-result-actions > .workflow-icon-button[aria-pressed="true"][b-ssqdd2bpyg] { color: var(--wf-blue); background: var(--wf-blue-soft); }
.workflow-result-progress[b-ssqdd2bpyg] { display: flex; flex-direction: column; gap: 0.375rem; padding: 0 1rem 1rem; color: var(--wf-muted); font-size: 0.75rem; }
.workflow-result-progress progress[b-ssqdd2bpyg] { width: 100%; height: 0.375rem; accent-color: var(--wf-blue); }
.workflow-fields[b-ssqdd2bpyg] { display: flex; flex-direction: column; gap: 0.5rem; padding: 0 1rem 1rem; }
.workflow-fields > label[b-ssqdd2bpyg],
.workflow-credential label[b-ssqdd2bpyg],
.workflow-connection-editor label[b-ssqdd2bpyg] { font-size: 0.75rem; font-weight: 600; display: flex; justify-content: space-between; gap: 0.5rem; margin-top: 0.25rem; }
.workflow-fields > label > span[b-ssqdd2bpyg] { color: var(--wf-muted); font-weight: 400; }
.workflow-fields :is(input, textarea, select)[b-ssqdd2bpyg],
.workflow-fields[b-ssqdd2bpyg]  input.workflow-vault-secret,
.workflow-credential input[b-ssqdd2bpyg],
.workflow-connection-editor select[b-ssqdd2bpyg],
.workflow-run-history select[b-ssqdd2bpyg] { display: block; width: 100%; min-width: 0; border: 1px solid var(--wf-border); border-radius: 0.375rem; color: var(--wf-ink); background: var(--wf-paper); padding: 0.5rem 0.625rem; min-height: 2.25rem; font-size: 0.8125rem; }
.workflow-fields textarea[b-ssqdd2bpyg] { resize: vertical; line-height: 1.6; }
.workflow-fields input:disabled[b-ssqdd2bpyg],
.workflow-fields[b-ssqdd2bpyg]  input.workflow-vault-secret:disabled,
.workflow-fields textarea:disabled[b-ssqdd2bpyg],
.workflow-fields select:disabled[b-ssqdd2bpyg] { background: var(--wf-soft); }
.workflow-fields input[b-ssqdd2bpyg]::placeholder,
.workflow-fields[b-ssqdd2bpyg]  input.workflow-vault-secret::placeholder,
.workflow-fields textarea[b-ssqdd2bpyg]::placeholder { color: var(--wf-muted); opacity: 1; }
.workflow-fields[b-ssqdd2bpyg]  input.workflow-vault-secret:focus-visible { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.workflow-fields p[b-ssqdd2bpyg],
.workflow-credential p[b-ssqdd2bpyg],
.workflow-how-it-works > p[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.6875rem; line-height: 1.6; }
.workflow-fields > p + label[b-ssqdd2bpyg] { margin-top: 0.5rem; }
.workflow-fields .workflow-code-input[b-ssqdd2bpyg] { background: var(--wf-code); color: var(--wf-code-text); font-size: 0.75rem; }
.workflow-fields .workflow-code-input:disabled[b-ssqdd2bpyg] { background: var(--wf-code); color: var(--wf-code-text); }
.workflow-advanced[b-ssqdd2bpyg] { padding-top: 0.25rem; }
.workflow-advanced summary[b-ssqdd2bpyg],
.workflow-credential summary[b-ssqdd2bpyg],
.workflow-connection-editor summary[b-ssqdd2bpyg],
.workflow-json-preview summary[b-ssqdd2bpyg] { cursor: pointer; color: var(--wf-ink); font-size: 0.75rem; font-weight: 600; padding: 0.5rem 0; }
.workflow-advanced[open] summary[b-ssqdd2bpyg] { margin-bottom: 0.5rem; }
.workflow-advanced label[b-ssqdd2bpyg] { display: block; font-size: 0.75rem; font-weight: 600; margin: 0.75rem 0 0.375rem; }
.workflow-advanced p[b-ssqdd2bpyg] { margin-top: 0.375rem; }
.workflow-attachment-heading[b-ssqdd2bpyg] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-top: 0.75rem; margin-bottom: 0.375rem; }
.workflow-attachment-heading label[b-ssqdd2bpyg] { margin: 0; min-width: 0; }
.workflow-attachment-add[b-ssqdd2bpyg] { margin-top: 0.75rem; }
.workflow-credential[b-ssqdd2bpyg] { margin: 0 1rem 0.875rem; border-top: 1px solid var(--wf-border); border-bottom: 1px solid var(--wf-border); }
.workflow-credential summary[b-ssqdd2bpyg] >  .rzi { vertical-align: middle; margin: 0 0.25rem; font-size: 0.875rem; }
.workflow-credential summary > span[b-ssqdd2bpyg] { float: right; color: var(--wf-muted); font-size: 0.6875rem; font-weight: 400; }
.workflow-credential input[b-ssqdd2bpyg] { margin: 0.375rem 0; }
.workflow-credential p[b-ssqdd2bpyg] { margin: 0.5rem 0 0.75rem; }
.workflow-apply-bar[b-ssqdd2bpyg] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.75rem 1rem; border-top: 1px solid var(--wf-border); background: var(--wf-soft); position: sticky; top: 0; z-index: 2; }
.workflow-apply-bar > span[b-ssqdd2bpyg] { font-size: 0.6875rem; color: var(--wf-muted); }
.workflow-apply-bar .workflow-pending[b-ssqdd2bpyg] { color: var(--wf-warning); }
.workflow-playground-note[b-ssqdd2bpyg] { padding: 0.625rem 1rem; font-size: 0.6875rem; line-height: 1.6; color: var(--wf-muted); border-bottom: 1px solid var(--wf-border); }
.workflow-playground-frame[b-ssqdd2bpyg] { display: block; width: 100%; height: 48rem; min-height: 32rem; border: 0; background: var(--wf-soft); }
.workflow-frame-loading[b-ssqdd2bpyg] { padding: 1rem; color: var(--wf-muted); font-size: 0.8125rem; background: var(--wf-soft); }
.workflow-frame-retry[b-ssqdd2bpyg] { margin: 0 1rem 0.5rem; }
.workflow-integration-description[b-ssqdd2bpyg] { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem 0; }
.workflow-integration-description[b-ssqdd2bpyg] >  .rzi { font-size: 1.5rem; color: var(--wf-blue); }
.workflow-integration-description p[b-ssqdd2bpyg] { line-height: 1.6; }
.workflow-connection-editor[b-ssqdd2bpyg] { padding: 0.5rem 1rem 1rem; border-top: 1px solid var(--wf-border); }
.workflow-connection-editor summary > span[b-ssqdd2bpyg] { color: var(--wf-muted); margin-left: 0.5rem; font-weight: 400; }
.workflow-connection-editor select[b-ssqdd2bpyg] { margin: 0.5rem 0; }
.workflow-connection-row[b-ssqdd2bpyg] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; font-size: 0.6875rem; color: var(--wf-muted); }
.workflow-connection-link[b-ssqdd2bpyg] { min-width: 0; padding: 0.5rem 0; text-align: left; border: 0; background: transparent; color: var(--wf-blue-hover); font: inherit; overflow-wrap: anywhere; }
.workflow-connection-link:hover[b-ssqdd2bpyg] { text-decoration: underline; }
.workflow-fields .workflow-checkbox[b-ssqdd2bpyg] { justify-content: flex-start; align-items: center; }
.workflow-fields .workflow-checkbox input[b-ssqdd2bpyg] { width: 1rem; min-height: 1rem; flex: 0 0 auto; }
.workflow-iteration-viewer > label[b-ssqdd2bpyg] { display: block; font-size: 0.75rem; font-weight: 600; margin: 0.5rem 0; }
.workflow-iteration-viewer > select[b-ssqdd2bpyg] { display: block; width: 100%; padding: 0.5rem; border: 1px solid var(--wf-border); border-radius: 0.375rem; background: var(--wf-paper); color: var(--wf-ink); font-size: 0.75rem; }
.workflow-how-it-works[b-ssqdd2bpyg] { padding: 1.25rem 1rem; border-top: 1px solid var(--wf-border); }
.workflow-how-it-works h3[b-ssqdd2bpyg] { font-size: 0.875rem; font-weight: 650; margin-bottom: 1rem; }
.workflow-how-it-works ol[b-ssqdd2bpyg] { margin: 0 0 1.25rem; padding-left: 1.25rem; color: var(--wf-muted); }
.workflow-how-it-works li[b-ssqdd2bpyg] { padding-left: 0.375rem; margin-bottom: 0.875rem; font-size: 0.75rem; line-height: 1.6; }
.workflow-how-it-works li strong[b-ssqdd2bpyg] { display: block; color: var(--wf-ink); }
.workflow-json-preview[b-ssqdd2bpyg] { padding: 0 1rem 1rem; }
.workflow-json-preview summary > span[b-ssqdd2bpyg] { color: var(--wf-muted); font-weight: 400; margin-left: 0.5rem; }
.workflow-templates[b-ssqdd2bpyg] { padding: 1rem; border-top: 1px solid var(--wf-border); }
.workflow-properties-library[b-ssqdd2bpyg] { padding-inline: 1rem; }
.workflow-templates h3[b-ssqdd2bpyg] { font-size: 0.875rem; font-weight: 650; }
.workflow-templates > p[b-ssqdd2bpyg] { margin: 0.5rem 0 1rem; color: var(--wf-muted); font-size: 0.75rem; line-height: 1.6; }
.workflow-template[b-ssqdd2bpyg] { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: 0.375rem 0.75rem; width: 100%; min-width: 0; padding: 0.875rem 0; border: 0; border-top: 1px solid var(--wf-border); background: transparent; color: var(--wf-ink); text-align: left; white-space: normal; overflow-wrap: anywhere; }
.workflow-template > .workflow-starter-thumbnail[b-ssqdd2bpyg] { grid-column: 1; grid-row: 1 / span 3; align-self: start; }
.workflow-template > strong[b-ssqdd2bpyg], .workflow-template > span:not(.workflow-starter-thumbnail)[b-ssqdd2bpyg] { grid-column: 2; }
.workflow-template strong[b-ssqdd2bpyg] { font-size: 0.8125rem; }
.workflow-template span[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.75rem; line-height: 1.5; }
.workflow-template .workflow-template-requirement[b-ssqdd2bpyg] { font-size: 0.6875rem; }
.workflow-template:hover:not(:disabled) strong[b-ssqdd2bpyg] { color: var(--wf-blue-hover); text-decoration: underline; }

.workflow-run-actions[b-ssqdd2bpyg] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 0.375rem; }
.workflow-run-history[b-ssqdd2bpyg] { border-top: 1px solid var(--wf-border); padding: 1rem 1rem 0; }
.workflow-run-history label[b-ssqdd2bpyg] { font-size: 0.6875rem; color: var(--wf-muted); display: block; margin-bottom: 0.375rem; }
.workflow-run-summary[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.5rem; padding: 1rem; font-size: 0.75rem; flex-wrap: wrap; }
.workflow-run-summary > span[b-ssqdd2bpyg] { color: var(--wf-muted); font-variant-numeric: tabular-nums; font-size: 0.6875rem; }
.workflow-run-summary > strong[b-ssqdd2bpyg] { margin-right: auto; }
.workflow-run-status[b-ssqdd2bpyg] { display: inline-flex; align-items: center; gap: 0.375rem; white-space: nowrap; }
.workflow-live-dot[b-ssqdd2bpyg] { display: inline-block; flex: 0 0 auto; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--wf-blue); animation: workflow-pulse-b-ssqdd2bpyg 1.6s ease-in-out infinite; }
.workflow-live-dot.paused[b-ssqdd2bpyg] { background: var(--wf-warning); animation: none; }
.workflow-run-message[b-ssqdd2bpyg] { padding: 0 1rem 1rem; font-size: 0.75rem; color: var(--wf-danger); overflow-wrap: anywhere; }
.workflow-orchestration-result-tabs[b-ssqdd2bpyg] { min-width: 0; margin-top: 0.875rem; color: var(--wf-ink); }
.workflow-orchestration-result-raw[b-ssqdd2bpyg] { max-width: 75ch; white-space: pre-wrap; }
.workflow-orchestration-result-text:hover[b-ssqdd2bpyg]  .playground-contextual-row,
.workflow-orchestration-result-text:focus-within[b-ssqdd2bpyg]  .playground-contextual-row { opacity: 1; pointer-events: auto; }
.workflow-orchestration-result-markdown[b-ssqdd2bpyg] { max-height: 50rem; overflow: auto; unicode-bidi: plaintext; }
.workflow-pending-inputs[b-ssqdd2bpyg] { display: flex; flex-direction: column; gap: 1rem; padding: 0 1rem 1rem; }
.workflow-pending-step[b-ssqdd2bpyg] { margin-bottom: 0.5rem !important; color: var(--wf-muted); font-size: 0.75rem; font-weight: 600; }
.workflow-results-trace > summary[b-ssqdd2bpyg] { padding: 0.75rem 1rem; font-size: 0.875rem; font-weight: 650; cursor: pointer; }
.workflow-results-trace > summary > span[b-ssqdd2bpyg] { margin-left: 0.5rem; color: var(--wf-muted); font-size: 0.75rem; font-weight: 400; }
.workflow-rendered-result[b-ssqdd2bpyg] { display: flex; flex-direction: column; gap: 0.5rem; padding: 1rem; border-top: 1px solid var(--wf-border); }
.workflow-rendered-result > label[b-ssqdd2bpyg] { margin-top: 0.25rem; font-size: 0.75rem; font-weight: 600; }
.workflow-rendered-result > select[b-ssqdd2bpyg] { width: 100%; min-width: 0; min-height: 2.25rem; padding: 0.5rem; border: 1px solid var(--wf-border); border-radius: 0.375rem; color: var(--wf-ink); background: var(--wf-paper); font-size: 0.8125rem; }
.workflow-rendered-result > p[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.75rem; line-height: 1.6; }
.workflow-run-tree[b-ssqdd2bpyg] { list-style: none; margin: 0; padding: 0 1rem; }
.workflow-run-tree > li[b-ssqdd2bpyg] { border-top: 1px solid var(--wf-border); padding: 0.5rem 0; }
.workflow-run-tree > li > details > summary[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0; font-size: 0.75rem; cursor: pointer; list-style: none; }
.workflow-run-tree > li > details > summary[b-ssqdd2bpyg]::before { content: "\203A"; color: var(--wf-muted); width: 0.5rem; }
.workflow-run-tree > li > details[open] > summary[b-ssqdd2bpyg]::before { transform: rotate(90deg); }
.workflow-run-tree > li > details > summary > strong[b-ssqdd2bpyg] { min-width: 0; overflow-wrap: anywhere; }
.workflow-run-tree > li > details > summary > span:last-child[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.625rem; margin-left: auto; white-space: nowrap; }
.workflow-activity-tree[b-ssqdd2bpyg] { list-style: none; margin: 0 0 0.5rem 0.625rem; padding: 0 0 0 1rem; border-left: 1px solid var(--wf-border); }
.workflow-activity-tree > li[b-ssqdd2bpyg] { position: relative; padding: 0.25rem 0; }
.workflow-activity-tree > li[b-ssqdd2bpyg]::before { content: ""; position: absolute; left: -1rem; width: 0.625rem; top: 0.875rem; border-top: 1px solid var(--wf-border); }
.workflow-activity-tree summary[b-ssqdd2bpyg] { cursor: pointer; padding: 0.25rem 0; font-size: 0.6875rem; color: var(--wf-ink); }
.workflow-activity-tree summary time[b-ssqdd2bpyg],
.workflow-step-output summary > span[b-ssqdd2bpyg] { font-size: 0.625rem; color: var(--wf-muted); float: right; margin-left: 0.5rem; }
.workflow-activity-tree pre[b-ssqdd2bpyg] { max-height: 16rem; font-size: 0.6875rem; padding: 0.625rem; }
.workflow-log-note[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.625rem; line-height: 1.6; padding-bottom: 0.5rem; }
.workflow-run-retention[b-ssqdd2bpyg] { font-size: 0.625rem; color: var(--wf-muted); line-height: 1.6; padding: 1rem; border-top: 1px solid var(--wf-border); }
.workflow-preview-empty[b-ssqdd2bpyg] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; padding: 2rem 1rem; border-top: 1px solid var(--wf-border); }
.workflow-preview-empty[b-ssqdd2bpyg] >  .rzi { color: var(--wf-muted); font-size: 2rem; }
.workflow-preview-empty h3[b-ssqdd2bpyg] { font-size: 0.9375rem; font-weight: 650; }
.workflow-preview-empty p[b-ssqdd2bpyg] { font-size: 0.75rem; color: var(--wf-muted); line-height: 1.6; max-width: 28rem; }
.workflow-status-bar[b-ssqdd2bpyg] { flex: 0 0 auto; min-height: 1.75rem; padding: 0.375rem 0.875rem; border-top: 1px solid var(--wf-border); color: var(--wf-muted); background: var(--wf-paper); font-size: 0.625rem; overflow-wrap: anywhere; }

.workflow-package-dialog[b-ssqdd2bpyg],
.workflow-secret-dialog[b-ssqdd2bpyg] { padding: 0; width: min(42rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); border: 1px solid var(--wf-border); border-radius: 0.875rem; color: var(--wf-ink); background: var(--wf-paper); box-shadow: var(--wf-shadow); }
.workflow-package-dialog[b-ssqdd2bpyg]::backdrop,
.workflow-secret-dialog[b-ssqdd2bpyg]::backdrop { background: var(--wf-overlay); }
.workflow-secret-dialog[b-ssqdd2bpyg] { width: min(34rem, calc(100vw - 2rem)); }
.workflow-secret-content[b-ssqdd2bpyg] { padding: 1.5rem; font-size: 1rem; line-height: 1.6; }
.workflow-secret-actions[b-ssqdd2bpyg] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.75rem; margin-top: 1.5rem; }
.workflow-secret-actions .workflow-button[b-ssqdd2bpyg] { min-width: 5rem; min-height: 2.75rem; }
.workflow-library-dialog h2[b-ssqdd2bpyg] { font-size: 1.125rem; margin-bottom: 0.75rem; }
.workflow-library-dialog label[b-ssqdd2bpyg] { display: block; margin-block: 0.75rem 0.375rem; }
.workflow-library-dialog input[type="text"][b-ssqdd2bpyg],
.workflow-library-dialog input:not([type])[b-ssqdd2bpyg] { width: 100%; min-height: 2.75rem; padding: 0.5rem; border: 1px solid var(--wf-strong-border); border-radius: 0.375rem; background: var(--wf-paper); color: var(--wf-ink); }
.workflow-library-dialog p[b-ssqdd2bpyg] { margin-top: 0.75rem; font-size: 0.8125rem; line-height: 1.6; }
.workflow-library-dialog .workflow-library-dialog-error[b-ssqdd2bpyg] { color: var(--wf-danger); }
.workflow-manager-dialog[b-ssqdd2bpyg] { width: min(70rem, calc(100vw - 2rem)); }
.workflow-manager-dialog .workflow-package-heading[b-ssqdd2bpyg] { align-items: center; }
.workflow-manager-dialog .workflow-package-heading p[b-ssqdd2bpyg] { margin: 0.375rem 0 0; font-size: 0.8125rem; color: var(--wf-muted); }
.workflow-manager-controls[b-ssqdd2bpyg] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.75rem 1rem; padding: 1rem 1.5rem; }
.workflow-manager-controls .workflow-template-search[b-ssqdd2bpyg] { flex: 1 1 24rem; }
.workflow-manager-controls .workflow-template-search p[b-ssqdd2bpyg] { margin: 0; color: var(--wf-muted); line-height: 1.6; }
.workflow-manager-controls .workflow-template-search input[aria-invalid="true"] ~ [role="status"][b-ssqdd2bpyg] { color: var(--wf-danger); }
.workflow-manager-payload[b-ssqdd2bpyg] { margin-top: 1.625rem; min-height: 2.75rem; }
.workflow-manager-payload[aria-pressed="true"][b-ssqdd2bpyg] { border-color: var(--wf-blue); background: var(--wf-blue-soft); color: var(--wf-blue); }
.workflow-manager-error[b-ssqdd2bpyg] { flex-basis: 100%; padding: 0.75rem; border: 1px solid var(--wf-danger); border-radius: 0.375rem; color: var(--wf-danger); background: var(--wf-danger-soft); font-size: 0.8125rem; }
.workflow-manager-error p[b-ssqdd2bpyg] { margin: 0 0 0.5rem; }
.workflow-manager-scroll[b-ssqdd2bpyg] { height: min(55dvh, 34rem); overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; border-top: 1px solid var(--wf-border); }
.workflow-manager-table[b-ssqdd2bpyg] { min-width: 48rem; font-size: 0.8125rem; }
.workflow-manager-row[b-ssqdd2bpyg] { display: grid; grid-template-columns: minmax(12rem, 1.5fr) minmax(10rem, 1fr) repeat(2, minmax(10rem, 1fr)) 3.5rem; align-items: center; gap: 0.75rem; height: 4.5rem; box-sizing: border-box; padding-inline: 1.5rem 0.75rem; border-bottom: 1px solid var(--wf-border); }
.workflow-manager-row > *[b-ssqdd2bpyg] { min-width: 0; }
.workflow-manager-row:not(.workflow-manager-columns):hover[b-ssqdd2bpyg] { background: var(--wf-blue-soft); cursor: pointer; }
.workflow-manager-row time[b-ssqdd2bpyg], .workflow-manager-row > span[b-ssqdd2bpyg] { line-height: 1.5; }
.workflow-manager-columns[b-ssqdd2bpyg] { position: sticky; top: 0; z-index: 1; height: 2.75rem; background: var(--wf-soft); }
.workflow-manager-columns button[b-ssqdd2bpyg] { display: inline-flex; align-items: center; gap: 0.375rem; min-height: 2.75rem; padding: 0; border: 0; background: transparent; color: var(--wf-ink); font: inherit; font-weight: 650; }
.workflow-manager-columns button[b-ssqdd2bpyg]  .rzi { font-size: 1rem; }
.workflow-manager-open[b-ssqdd2bpyg] { display: block; width: 100%; min-height: 2.75rem; padding: 0.375rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 0; background: transparent; color: var(--wf-blue); text-align: left; font: inherit; cursor: pointer; }
.workflow-manager-delete[b-ssqdd2bpyg] { display: grid; place-items: center; width: 2.75rem; min-height: 2.75rem; border: 0; border-radius: 0.375rem; background: transparent; color: var(--wf-danger); cursor: pointer; }
.workflow-manager-delete:hover:not(:disabled)[b-ssqdd2bpyg] { background: var(--wf-danger-soft); }
.workflow-manager-dialog :is(button, input):focus-visible[b-ssqdd2bpyg], .workflow-manager-scroll:focus-visible[b-ssqdd2bpyg] { outline: 2px solid var(--wf-blue); outline-offset: -2px; }
.workflow-manager-dialog button:disabled[b-ssqdd2bpyg] { opacity: 0.5; cursor: not-allowed; }
.workflow-manager-placeholder[b-ssqdd2bpyg] { height: 4.5rem; box-sizing: border-box; padding: 1.5rem; color: var(--wf-muted); }
.workflow-manager-empty[b-ssqdd2bpyg] { padding: 1.5rem; color: var(--wf-muted); }
@media (max-width: 640px) {
    .workflow-manager-dialog .workflow-package-heading[b-ssqdd2bpyg], .workflow-manager-controls[b-ssqdd2bpyg] { padding: 1rem; }
    .workflow-manager-payload[b-ssqdd2bpyg] { margin-top: 0; }
    .workflow-manager-row[b-ssqdd2bpyg] { padding-left: 1rem; }
    .workflow-manager-scroll[b-ssqdd2bpyg] { height: min(45dvh, 34rem); }
}
.workflow-package-heading[b-ssqdd2bpyg] { display: flex; align-items: flex-start; gap: 1rem; justify-content: space-between; padding: 1.5rem; border-bottom: 1px solid var(--wf-border); }
.workflow-package-heading h2[b-ssqdd2bpyg] { font-size: 1.375rem; letter-spacing: -0.025em; font-weight: 650; }
.workflow-package-heading p[b-ssqdd2bpyg] { font-size: 0.8125rem; color: var(--wf-muted); margin-top: 0.375rem; }
.workflow-package-content[b-ssqdd2bpyg] { padding: 1.5rem; }
.workflow-package-name[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.75rem; padding-bottom: 1rem; }
.workflow-package-name[b-ssqdd2bpyg] >  .rzi { font-size: 1.5rem; color: var(--wf-blue); }
.workflow-package-name > strong[b-ssqdd2bpyg] { overflow-wrap: anywhere; }
.workflow-package-name > span[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.75rem; margin-left: auto; white-space: nowrap; }
.workflow-package-includes[b-ssqdd2bpyg] { list-style: none; margin: 0; padding: 0 0 1rem; }
.workflow-package-includes li[b-ssqdd2bpyg] { display: flex; align-items: flex-start; gap: 0.625rem; margin-bottom: 0.75rem; font-size: 0.8125rem; line-height: 1.5; }
.workflow-package-includes li[b-ssqdd2bpyg] >  .rzi { color: var(--wf-success); font-size: 1rem; margin-top: 0.125rem; }
.workflow-package-theme[b-ssqdd2bpyg] { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1.5rem; }
.workflow-package-theme > label[b-ssqdd2bpyg] { font-size: 0.8125rem; font-weight: 600; }
.workflow-package-theme > select[b-ssqdd2bpyg] { width: 100%; min-width: 0; min-height: 2.75rem; padding: 0.5rem 0.75rem; border: 1px solid var(--wf-strong-border); border-radius: 0.375rem; color: var(--wf-ink); background: var(--wf-paper); }
.workflow-package-theme > p[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.75rem; line-height: 1.6; }
.workflow-package-theme-preview[b-ssqdd2bpyg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; overflow: hidden; border: 1px solid var(--wf-border); border-radius: 0.375rem; }
.workflow-package-theme-swatch[b-ssqdd2bpyg] { display: flex; flex-direction: column; justify-content: center; gap: 0.375rem; min-width: 0; min-height: 6rem; padding: 1rem; background: var(--cp-bg); color: var(--cp-text); line-height: 1.5; overflow-wrap: anywhere; }
.workflow-package-theme-swatch > span[b-ssqdd2bpyg] { font-size: 0.6875rem; }
.workflow-package-theme-swatch > strong[b-ssqdd2bpyg] { font-size: 0.9375rem; font-weight: 600; }
.workflow-package-content > .workflow-package-theme-error[b-ssqdd2bpyg] { color: var(--wf-danger); margin-bottom: 1rem; }
.workflow-package-addon[b-ssqdd2bpyg] { margin-bottom: 1.5rem; padding-block: 1rem; border-block: 1px solid var(--wf-border); }
.workflow-package-addon > label[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.75rem; min-height: 2.75rem; font-size: 0.8125rem; font-weight: 600; cursor: pointer; }
.workflow-package-addon input[b-ssqdd2bpyg] { width: 1.125rem; height: 1.125rem; flex: none; accent-color: var(--wf-blue); }
.workflow-package-addon > p[b-ssqdd2bpyg] { margin-top: 0.375rem; color: var(--wf-muted); font-size: 0.75rem; line-height: 1.6; }
.workflow-package-addon .workflow-package-theme[b-ssqdd2bpyg] { margin-block: 1rem 0; }
.workflow-package-hosting[b-ssqdd2bpyg] { margin-bottom: 1rem; font-size: 0.8125rem; line-height: 1.6; }
.workflow-package-hosting p[b-ssqdd2bpyg] { margin-top: 0.25rem; color: var(--wf-muted); }
.workflow-package-secrets[b-ssqdd2bpyg] { display: flex; align-items: flex-start; gap: 0.75rem; padding: 1rem; border: 1px solid var(--wf-border); border-radius: 0.5rem; background: var(--wf-soft); margin-bottom: 1rem; }
.workflow-package-secrets strong[b-ssqdd2bpyg] { font-size: 0.8125rem; }
.workflow-package-secrets p[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.75rem; margin: 0.375rem 0; }
.workflow-package-secrets code[b-ssqdd2bpyg] { display: inline-block; font-size: 0.625rem; margin: 0.25rem 0.375rem 0 0; }
.workflow-package-content > p[b-ssqdd2bpyg] { color: var(--wf-muted); font-size: 0.75rem; line-height: 1.6; }
.workflow-package-content .workflow-package-fallback[b-ssqdd2bpyg] { margin-top: 0.75rem; color: var(--wf-warning); }
.workflow-package-actions[b-ssqdd2bpyg] { display: flex; flex-wrap: wrap; gap: 0.625rem; padding: 1.25rem 0 0.75rem; }
.workflow-package-guidance[b-ssqdd2bpyg] { overflow-wrap: anywhere; }
.workflow-package-guidance a[b-ssqdd2bpyg] { color: var(--wf-blue-hover); text-decoration: underline; text-underline-offset: 0.2em; }
.workflow-package-status[data-error="true"][b-ssqdd2bpyg] { color: var(--wf-danger); }
.workflow-marketplace-sources[b-ssqdd2bpyg] { min-width: 0; margin: 0 0 1.5rem; padding: 0; border: 0; }
.workflow-marketplace-sources legend[b-ssqdd2bpyg] { float: none; width: auto; margin-bottom: 0.5rem; font-size: 0.875rem; font-weight: 650; }
.workflow-marketplace-choice[b-ssqdd2bpyg] { display: flex; align-items: center; gap: 0.75rem; min-height: 2.75rem; padding-block: 0.5rem; font-weight: 600; cursor: pointer; }
.workflow-marketplace-choice input[b-ssqdd2bpyg] { flex: none; width: 1.125rem; height: 1.125rem; accent-color: var(--wf-blue); }
.workflow-marketplace-upload[b-ssqdd2bpyg] { display: grid; gap: 0.5rem; padding: 0.5rem 0 1rem 1.875rem; }
.workflow-marketplace-upload label[b-ssqdd2bpyg] { font-size: 0.8125rem; }
.workflow-marketplace-upload input[b-ssqdd2bpyg] { width: 100%; min-width: 0; min-height: 2.75rem; padding: 0.5rem; border: 1px solid var(--wf-strong-border); border-radius: 0.375rem; background: var(--wf-paper); color: var(--wf-ink); }
.workflow-marketplace-upload p[b-ssqdd2bpyg],
.workflow-marketplace-sample-help[b-ssqdd2bpyg] { font-size: 0.8125rem; color: var(--wf-muted); line-height: 1.6; overflow-wrap: anywhere; }
.workflow-marketplace-sources .workflow-marketplace-sample-help[b-ssqdd2bpyg] { padding: 0.25rem 0 0 1.875rem; }
.workflow-marketplace-next[b-ssqdd2bpyg] { padding-block: 1.25rem; margin-bottom: 1rem; border-block: 1px solid var(--wf-border); line-height: 1.6; }
.workflow-marketplace-next h3[b-ssqdd2bpyg] { font-size: 0.9375rem; font-weight: 650; }
.workflow-marketplace-next ol[b-ssqdd2bpyg] { margin: 0.75rem 0; padding-left: 1.25rem; font-size: 0.8125rem; }
.workflow-marketplace-next li + li[b-ssqdd2bpyg] { margin-top: 0.625rem; }
.workflow-marketplace-next p[b-ssqdd2bpyg] { font-size: 0.8125rem; color: var(--wf-muted); }
.workflow-marketplace-status[b-ssqdd2bpyg],
.workflow-marketplace-error[b-ssqdd2bpyg] { padding-top: 1rem; font-size: 0.8125rem; line-height: 1.6; overflow-wrap: anywhere; }
.workflow-marketplace-status[b-ssqdd2bpyg] { color: var(--wf-muted); }
.workflow-marketplace-error[b-ssqdd2bpyg] { color: var(--wf-danger); }
.workflow-marketplace-dialog .workflow-package-actions > button[b-ssqdd2bpyg] { white-space: normal; text-align: left; }

@keyframes workflow-pulse-b-ssqdd2bpyg { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
@media (prefers-reduced-motion: reduce) {
    .workflow-composer *[b-ssqdd2bpyg] { animation: none !important; transition: none !important; }
}
@container (width > 760px) {
    .inspector-collapsed .workflow-inspector[b-ssqdd2bpyg] { overflow-wrap: anywhere; }
    .inspector-collapsed .workflow-inspector-header[b-ssqdd2bpyg] { flex-wrap: wrap; gap: 0; padding: 0 0.5rem 0.375rem; }
    .inspector-collapsed .workflow-inspector-tabs[b-ssqdd2bpyg] { flex: 1 0 100%; justify-content: space-between; min-height: 3rem; gap: 0.25rem; }
    .inspector-collapsed .workflow-inspector-tabs > button[role="tab"][b-ssqdd2bpyg] { margin: 0; }
    .inspector-collapsed .workflow-selection-heading > div[b-ssqdd2bpyg] { min-width: 0; }
    .inspector-collapsed .workflow-inspector[b-ssqdd2bpyg]  .workflow-button { min-width: 0; max-width: 100%; white-space: normal; }
    .inspector-collapsed .workflow-inspector[b-ssqdd2bpyg]  .workflow-apply-bar { flex-wrap: wrap; }
    .inspector-collapsed .workflow-inspector[b-ssqdd2bpyg]  .workflow-setting-grid { grid-template-columns: minmax(0, 1fr); }
    .inspector-collapsed .workflow-fields > label[b-ssqdd2bpyg] { flex-wrap: wrap; }
    .inspector-collapsed .workflow-run-tree > li > details > summary[b-ssqdd2bpyg] { flex-wrap: wrap; }
    .inspector-collapsed .workflow-run-tree > li > details > summary > span:last-child[b-ssqdd2bpyg] { white-space: normal; }
}
@container (max-width: 1050px) {
    .workflow-body[b-ssqdd2bpyg] { --wf-toolbox-width: 9.5rem; --wf-inspector-min-width: 21rem; --wf-inspector-width: 42%; }
    .workflow-toolbox[b-ssqdd2bpyg] { padding-inline: 0.25rem; }
    .workflow-canvas-mode[b-ssqdd2bpyg],
    .workflow-header .workflow-framework[b-ssqdd2bpyg],
    .workflow-document-count[b-ssqdd2bpyg] { display: none; }
    .workflow-header[b-ssqdd2bpyg] { gap: 0.5rem; padding-inline: 0.75rem; }
    .workflow-header-actions[b-ssqdd2bpyg] { gap: 0.375rem; }
    .workflow-header .workflow-button:not(.primary)[b-ssqdd2bpyg] { padding-inline: 0.5rem; }
    .workflow-header .workflow-button:not(.primary) > span[b-ssqdd2bpyg] { display: none; }
    .workflow-empty[b-ssqdd2bpyg] { padding: 1.5rem; }
    .workflow-canvas-footer > span:last-child[b-ssqdd2bpyg] { display: none; }
    .chat-open .workflow-body[b-ssqdd2bpyg],
    .chat-open.inspector-expanded .workflow-body[b-ssqdd2bpyg] { grid-template-columns: var(--wf-toolbox-width) minmax(0, 1fr) repeat(2, minmax(calc(var(--wf-inspector-min-width) / 2), calc(var(--wf-inspector-width) / 2))); }
}
@container (max-width: 760px) {
    .workflow-body[b-ssqdd2bpyg],
    .inspector-expanded .workflow-body[b-ssqdd2bpyg],
    .inspector-collapsed .workflow-body[b-ssqdd2bpyg] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
    .workflow-toolbox[b-ssqdd2bpyg] { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 0.5rem; padding: 0.5rem; border-right: 0; border-bottom: 1px solid var(--wf-border); overflow-x: auto; }
    .workflow-toolbox h2[b-ssqdd2bpyg],
    .workflow-toolbox-hint[b-ssqdd2bpyg],
    .workflow-tool-group h3[b-ssqdd2bpyg],
    .workflow-tool[b-ssqdd2bpyg]  .tool-grip { display: none; }
    .workflow-toolbox input[b-ssqdd2bpyg] { width: 8rem; flex: 0 0 auto; }
    .workflow-tool-group[b-ssqdd2bpyg] { display: contents; }
    .workflow-tool[b-ssqdd2bpyg] { width: auto; min-width: 7rem; min-height: 2.5rem; flex: 0 0 auto; }
    .toolbox-collapsed .workflow-tool[b-ssqdd2bpyg] { width: 2.5rem; min-width: 2.5rem; }
    .workflow-design[b-ssqdd2bpyg],
    .workflow-inspector[b-ssqdd2bpyg] { grid-row: 2; }
    .workflow-inspector[b-ssqdd2bpyg] { display: none; }
    .show-mobile-inspector .workflow-inspector[b-ssqdd2bpyg] { display: flex; border-left: 0; }
    .show-mobile-inspector .workflow-design[b-ssqdd2bpyg] { display: none; }
    .workflow-mobile-switch[b-ssqdd2bpyg] { display: inline-flex; }
    .workflow-inspector-actions[b-ssqdd2bpyg] { display: none; }
    .workflow-heading h1[b-ssqdd2bpyg] { font-size: 1rem; }
    .workflow-heading[b-ssqdd2bpyg] >  .rzi,
    .workflow-heading p[b-ssqdd2bpyg] { display: none; }
    .workflow-document-name[b-ssqdd2bpyg] { max-width: 55%; font-size: 0.75rem; }
    .workflow-document-bar[b-ssqdd2bpyg] { gap: 0.25rem; padding-inline: 0.5rem; }
    .workflow-validation-status[b-ssqdd2bpyg] { font-size: 0.625rem; }
    .workflow-history-actions[b-ssqdd2bpyg] { margin-left: auto; }
    .workflow-header .workflow-button.primary[b-ssqdd2bpyg] { padding-inline: 0.5rem; font-size: 0.75rem; }
    .workflow-header-actions[b-ssqdd2bpyg] { gap: 0.125rem; }
    .workflow-canvas-footer[b-ssqdd2bpyg] { font-size: 0.5625rem; }
    .workflow-playground-frame[b-ssqdd2bpyg] { height: 50rem; }
    .chat-open .workflow-body[b-ssqdd2bpyg],
    .chat-open.inspector-expanded .workflow-body[b-ssqdd2bpyg],
    .chat-open.inspector-collapsed .workflow-body[b-ssqdd2bpyg] { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
    .chat-open .workflow-toolbox[b-ssqdd2bpyg],
    .chat-open .workflow-design[b-ssqdd2bpyg],
    .chat-open .workflow-inspector[b-ssqdd2bpyg] { display: none; }
    .workflow-chat-slot[b-ssqdd2bpyg] { grid-column: 1; grid-row: 1; border-left: 0; }
    .chat-open .workflow-header .workflow-chat-toggle > span[b-ssqdd2bpyg] { display: inline; }
}
@container (max-width: 430px) {
    .workflow-validation-status[b-ssqdd2bpyg] { display: none; }
    .workflow-header[b-ssqdd2bpyg] { padding: 0.625rem 0.5rem; flex-wrap: wrap; }
    .workflow-heading[b-ssqdd2bpyg] { flex: 1; }
    .workflow-heading h1[b-ssqdd2bpyg] { font-size: 0.9375rem; }
    .workflow-header-actions[b-ssqdd2bpyg] { justify-content: flex-start; }
    .workflow-header .workflow-button[b-ssqdd2bpyg] { min-height: 2rem; }
    .workflow-canvas-toolbar[b-ssqdd2bpyg] { padding-inline: 0.625rem; }
    .workflow-empty[b-ssqdd2bpyg] { padding: 1rem; }
    .workflow-empty p[b-ssqdd2bpyg] { font-size: 0.75rem; }
    .workflow-package-heading[b-ssqdd2bpyg],
    .workflow-package-content[b-ssqdd2bpyg] { padding: 1rem; }
}
/* /Components/WorkflowConstructEditor.razor.rz.scp.css */
.workflow-construct[b-poj6e6ez40] { border: 0; padding: 0; margin: 0; min-width: 0; }
.workflow-fields[b-poj6e6ez40] { display: flex; flex-direction: column; gap: 0.5rem; padding: 0 1rem 1rem; }
.workflow-fields label[b-poj6e6ez40] { display: block; margin: 0.375rem 0; font-size: 0.75rem; font-weight: 600; }
.workflow-fields :is(input, textarea, select)[b-poj6e6ez40],
.workflow-fields[b-poj6e6ez40]  input.workflow-vault-endpoint {
    display: block; width: 100%; min-width: 0; padding: 0.5rem 0.625rem; min-height: 2.25rem;
    border: 1px solid var(--wf-border); border-radius: 0.375rem;
    color: var(--wf-ink); background: var(--wf-paper); font: inherit; font-size: 0.8125rem;
}
.workflow-fields input[b-poj6e6ez40]::placeholder,
.workflow-fields[b-poj6e6ez40]  input.workflow-vault-endpoint::placeholder { color: var(--wf-muted); opacity: 1; }
.workflow-fields textarea[b-poj6e6ez40] { resize: vertical; line-height: 1.6; }
.workflow-fields :is(input, textarea, select, button, summary):focus-visible[b-poj6e6ez40],
.workflow-fields[b-poj6e6ez40]  input.workflow-vault-endpoint:focus-visible { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.workflow-fields .workflow-code-input[b-poj6e6ez40] {
    font: 0.75rem/1.6 "Cascadia Code", Consolas, monospace;
    color: var(--wf-code-text); background: var(--wf-code);
}
.workflow-fields h3[b-poj6e6ez40] { margin: 1rem 0 0; font-size: 0.875rem; font-weight: 600; }
.workflow-fields p[b-poj6e6ez40] { margin: 0; color: var(--wf-muted); font-size: 0.75rem; line-height: 1.6; }
.workflow-fields code[b-poj6e6ez40] { color: var(--wf-blue-hover); overflow-wrap: anywhere; }
.workflow-setting-grid[b-poj6e6ez40] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.workflow-fields .workflow-checkbox[b-poj6e6ez40] { display: flex; align-items: center; gap: 0.5rem; }
.workflow-checkbox input[b-poj6e6ez40] { width: 1rem; min-height: 1rem; flex: 0 0 auto; }
.workflow-advanced[b-poj6e6ez40] { border-top: 1px solid var(--wf-border); padding-top: 0.75rem; }
.workflow-advanced summary[b-poj6e6ez40] { min-height: 2.25rem; align-content: center; cursor: pointer; font-size: 0.875rem; font-weight: 600; }
.workflow-advanced[open] summary[b-poj6e6ez40] { margin-bottom: 0.5rem; }
.workflow-advanced p + p[b-poj6e6ez40] { margin-top: 0.5rem; }
.workflow-mcp-choice[b-poj6e6ez40] { padding: 0.75rem 0; border-top: 1px solid var(--wf-border); }
.workflow-button[b-poj6e6ez40] {
    display: inline-flex; justify-content: center; align-items: center; min-height: 2.25rem; padding: 0.5rem 0.75rem;
    color: var(--wf-ink); background: var(--wf-paper); border: 1px solid var(--wf-border); border-radius: 0.5rem;
    font: inherit; font-size: 0.8125rem; font-weight: 600; cursor: pointer;
}
.workflow-button:hover[b-poj6e6ez40] { border-color: var(--wf-strong-border); background: var(--wf-soft); }
.workflow-button.primary[b-poj6e6ez40] { color: var(--wf-paper); background: var(--wf-blue); border-color: var(--wf-blue); }
.workflow-button.primary:hover[b-poj6e6ez40] { background: var(--wf-blue-hover); }
.workflow-apply-bar[b-poj6e6ez40] { position: sticky; bottom: 0; display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; padding: 0.75rem 1rem; background: var(--wf-soft); border-top: 1px solid var(--wf-border); z-index: 2; }
.workflow-apply-bar span[b-poj6e6ez40] { font-size: 0.75rem; color: var(--wf-muted); }
.workflow-construct:disabled[b-poj6e6ez40] { opacity: 0.65; }
/* /Components/WorkflowCostPane.razor.rz.scp.css */
.workflow-cost-pane[b-sj5qyhwmly] {
    container: workflow-cost / inline-size;
    padding: 1rem;
    border-block: 1px solid var(--wf-border);
    background: var(--wf-soft);
    color: var(--wf-ink);
}
.workflow-cost-pane *[b-sj5qyhwmly] { box-sizing: border-box; }
.workflow-cost-pane :is(h3, h4, p)[b-sj5qyhwmly] { margin: 0; }
.workflow-cost-metrics[b-sj5qyhwmly] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; }
.workflow-cost-total[b-sj5qyhwmly] { flex: 1 1 9rem; min-width: 0; }
.workflow-cost-total h3[b-sj5qyhwmly] { display: flex; align-items: baseline; gap: 0.5rem; font-size: 0.8125rem; font-weight: 600; }
.workflow-cost-total h3 span[b-sj5qyhwmly] { color: var(--wf-muted); font-size: 0.6875rem; font-weight: 400; }
.workflow-cost-value[b-sj5qyhwmly] { display: block; margin-top: 0.375rem; font-size: 1.75rem; font-weight: 650; line-height: 1.2; letter-spacing: -0.025em; overflow-wrap: anywhere; }
.workflow-cost-value[b-sj5qyhwmly],
.workflow-cost-timer[b-sj5qyhwmly],
.workflow-cost-budget strong[b-sj5qyhwmly] { font-variant-numeric: tabular-nums; }
.workflow-cost-time[b-sj5qyhwmly] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 5rem; }
.workflow-cost-time-label[b-sj5qyhwmly] { display: flex; align-items: center; gap: 0.25rem; color: var(--wf-muted); font-size: 0.75rem; }
.workflow-cost-time-label[b-sj5qyhwmly]  .rzi { font-size: 1rem; }
.workflow-cost-timer[b-sj5qyhwmly] { font-size: 1.25rem; line-height: 1.4; font-weight: 600; }
.workflow-cost-phase[b-sj5qyhwmly] { color: var(--wf-muted); font-size: 0.6875rem; }
.workflow-cost-budget[b-sj5qyhwmly] { margin-top: 1rem; }
.workflow-cost-budget-label[b-sj5qyhwmly] { display: flex; justify-content: space-between; align-items: baseline; gap: 0.75rem; font-size: 0.75rem; }
.workflow-cost-budget-label > span[b-sj5qyhwmly] { color: var(--wf-muted); }
.workflow-cost-budget-label strong[b-sj5qyhwmly] { font-weight: 600; overflow-wrap: anywhere; text-align: right; min-width: 0; }
.workflow-cost-progress[b-sj5qyhwmly] { display: block; width: 100%; height: 0.25rem; margin-top: 0.5rem; border: 0; border-radius: 0.125rem; appearance: none; overflow: hidden; background: var(--wf-border); color: var(--wf-blue); accent-color: var(--wf-blue); }
.workflow-cost-progress[b-sj5qyhwmly]::-webkit-progress-bar { background: var(--wf-border); }
.workflow-cost-progress[b-sj5qyhwmly]::-webkit-progress-value { background: var(--wf-blue); }
.workflow-cost-progress[b-sj5qyhwmly]::-moz-progress-bar { background: var(--wf-blue); }
.workflow-cost-budget-note[b-sj5qyhwmly] { display: block; margin-top: 0.375rem; color: var(--wf-muted); font-size: 0.6875rem; }
.workflow-cost-pane .workflow-cost-coverage[b-sj5qyhwmly] { margin-top: 0.75rem; color: var(--wf-muted); font-size: 0.75rem; line-height: 1.5; overflow-wrap: anywhere; }
.workflow-cost-pause[b-sj5qyhwmly] { display: flex; flex-direction: column; gap: 0.625rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--wf-border); }
.workflow-cost-pause h4[b-sj5qyhwmly] { display: flex; align-items: center; gap: 0.375rem; color: var(--wf-warning); font-size: 0.875rem; font-weight: 650; }
.workflow-cost-pause h4[b-sj5qyhwmly]  .rzi { font-size: 1.125rem; }
.workflow-cost-pause p[b-sj5qyhwmly] { color: var(--wf-muted); font-size: 0.75rem; line-height: 1.5; }
.workflow-cost-actions[b-sj5qyhwmly] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.workflow-cost-action[b-sj5qyhwmly] { display: inline-flex; flex: 1 1 auto; align-items: center; justify-content: center; gap: 0.375rem; min-height: 2.5rem; padding: 0.5rem 0.625rem; border: 1px solid var(--wf-border); border-radius: 0.5rem; font: inherit; font-size: 0.75rem; font-weight: 600; cursor: pointer; background: var(--wf-paper); color: var(--wf-ink); }
.workflow-cost-action[b-sj5qyhwmly]  .rzi { font-size: 1rem; }
.workflow-cost-action.primary[b-sj5qyhwmly] { border-color: var(--wf-blue); background: var(--wf-blue); color: var(--wf-paper); }
.workflow-cost-action.danger[b-sj5qyhwmly] { color: var(--wf-danger); }
.workflow-cost-action:hover:not(:disabled)[b-sj5qyhwmly] { border-color: var(--wf-strong-border); background: var(--wf-soft); }
.workflow-cost-action.primary:hover:not(:disabled)[b-sj5qyhwmly] { border-color: var(--wf-blue-hover); background: var(--wf-blue-hover); }
.workflow-cost-action:focus-visible[b-sj5qyhwmly] { outline: 2px solid var(--wf-blue); outline-offset: 3px; }
.workflow-cost-action:disabled[b-sj5qyhwmly] { cursor: not-allowed; opacity: 0.48; }
.is-paused .workflow-cost-phase[b-sj5qyhwmly],
.is-paused .workflow-cost-budget-note[b-sj5qyhwmly] { color: var(--wf-warning); }
.is-paused .workflow-cost-progress[b-sj5qyhwmly]::-webkit-progress-value { background: var(--wf-warning); }
.is-paused .workflow-cost-progress[b-sj5qyhwmly]::-moz-progress-bar { background: var(--wf-warning); }
@container workflow-cost (max-width: 15rem) {
    .workflow-cost-metrics[b-sj5qyhwmly] { gap: 0.75rem; }
    .workflow-cost-time[b-sj5qyhwmly] { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
    .workflow-cost-time-label[b-sj5qyhwmly] { flex-basis: 100%; }
    .workflow-cost-action[b-sj5qyhwmly] { flex-basis: 100%; }
}
/* /Components/WorkflowDebugPayloadsView.razor.rz.scp.css */
.workflow-debug-payloads[b-044mwrwxhi] { min-width: 0; }
.workflow-debug-payloads > p[b-044mwrwxhi] { color: var(--wf-muted); font-size: 0.75rem; line-height: 1.6; margin: 0.5rem 0; overflow-wrap: anywhere; }
.workflow-debug-payloads > label[b-044mwrwxhi] { display: block; font-size: 0.75rem; font-weight: 600; margin: 0.75rem 0 0.25rem; }
.workflow-debug-payloads > select[b-044mwrwxhi] { width: 100%; min-width: 0; min-height: 2.25rem; padding: 0.5rem; margin-bottom: 0.75rem; border: 1px solid var(--wf-border); border-radius: 0.375rem; color: var(--wf-ink); background: var(--wf-paper); font-size: 0.8125rem; }
.workflow-debug-payloads > select:focus-visible[b-044mwrwxhi] { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
/* /Components/WorkflowEntraConfigurationEditor.razor.rz.scp.css */
.workflow-entra-fields[b-olkq92tkaf] { display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.8125rem; }
.workflow-entra-fields > label[b-olkq92tkaf] { font-weight: 600; margin-top: 0.375rem; }
.workflow-entra-fields > :is(input, select, textarea)[b-olkq92tkaf] { width: 100%; min-width: 0; min-height: 2.5rem; padding: 0.5rem; border: 1px solid var(--wf-strong-border, #aab6c5); border-radius: 0.375rem; color: var(--wf-ink, #172033); background: var(--wf-paper, #fff); font: inherit; }
.workflow-entra-fields[b-olkq92tkaf]  input[role="combobox"] { width: 100%; min-height: 2.5rem; padding: 0.5rem; border: 1px solid var(--wf-strong-border, #aab6c5); border-radius: 0.375rem; font: inherit; }
.workflow-entra-fields > p[b-olkq92tkaf] { margin: 0; color: var(--wf-muted, #596579); line-height: 1.6; overflow-wrap: anywhere; }
.workflow-entra-fields textarea[b-olkq92tkaf], .workflow-entra-fields code[b-olkq92tkaf] { font-family: "Cascadia Code", Consolas, monospace; }
.workflow-entra-fields .workflow-entra-check[b-olkq92tkaf] { display: flex; align-items: flex-start; gap: 0.5rem; line-height: 1.5; }
.workflow-entra-check input[b-olkq92tkaf] { flex: none; width: 1rem; height: 1rem; margin-top: 0.125rem; accent-color: var(--wf-blue, #2563eb); }
.workflow-entra-fields .workflow-button[b-olkq92tkaf] { align-self: flex-start; padding: 0.5rem 0.75rem; min-height: 2.5rem; border: 1px solid var(--wf-strong-border, #aab6c5); border-radius: 0.375rem; color: var(--wf-ink, #172033); background: var(--wf-paper, #fff); font: inherit; cursor: pointer; }
.workflow-entra-fields .workflow-button:hover:not(:disabled)[b-olkq92tkaf] { background: var(--wf-blue-soft, #eff6ff); }
.workflow-entra-fields .workflow-button:disabled[b-olkq92tkaf] { opacity: 0.5; cursor: not-allowed; }
.workflow-entra-fields .workflow-entra-error[b-olkq92tkaf] { color: var(--wf-danger, #9f1239); }
.workflow-entra-fields :is(input, select, textarea, button):focus-visible[b-olkq92tkaf] { outline: 2px solid var(--wf-blue, #2563eb); outline-offset: 2px; }
/* /Components/WorkflowExpressionEditor.razor.rz.scp.css */
.workflow-expression[b-lc1lz45kkv] {
    min-width: 0;
    margin: 0;
    padding: 0.75rem;
    border: 1px solid var(--wf-border);
    border-radius: 0.375rem;
    background: var(--wf-soft);
}
.workflow-expression legend[b-lc1lz45kkv] { float: none; width: auto; padding: 0 0.25rem; margin: 0; font-size: 0.75rem; font-weight: 600; color: var(--wf-ink); }
.workflow-expression label[b-lc1lz45kkv] { display: block; margin: 0.5rem 0 0.375rem; font-size: 0.75rem; font-weight: 600; }
.workflow-expression input[b-lc1lz45kkv],
.workflow-expression select[b-lc1lz45kkv] {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0.5rem;
    border: 1px solid var(--wf-border);
    border-radius: 0.375rem;
    color: var(--wf-ink);
    background: var(--wf-paper);
    font: inherit;
    font-size: 0.75rem;
}
.workflow-expression input[b-lc1lz45kkv] { font-family: "Cascadia Code", Consolas, monospace; }
.workflow-expression input[b-lc1lz45kkv]::placeholder { color: var(--wf-muted); opacity: 1; }
.workflow-expression :is(input, select, button):focus-visible[b-lc1lz45kkv] { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.workflow-expression p[b-lc1lz45kkv] { margin: 0.375rem 0; color: var(--wf-muted); font-size: 0.6875rem; line-height: 1.6; }
.expression-argument[b-lc1lz45kkv] { margin-top: 0.875rem; }
.expression-add[b-lc1lz45kkv],
.expression-remove[b-lc1lz45kkv],
.expression-inputs button[b-lc1lz45kkv] {
    padding: 0.375rem 0.5rem;
    min-height: 2rem;
    font: inherit;
    font-size: 0.6875rem;
    color: var(--wf-blue-hover);
    background: var(--wf-paper);
    border: 1px solid var(--wf-border);
    border-radius: 0.375rem;
    cursor: pointer;
}
.expression-add[b-lc1lz45kkv] { margin-top: 0.75rem; }
.expression-remove[b-lc1lz45kkv] { margin-top: 0.375rem; color: var(--wf-danger); }
.expression-inputs[b-lc1lz45kkv] { display: flex; flex-wrap: wrap; gap: 0.375rem; }
.expression-formula[b-lc1lz45kkv] {
    display: block;
    padding: 0.75rem;
    margin-top: 0.75rem;
    border-radius: 0.375rem;
    color: var(--wf-code-text);
    background: var(--wf-code);
    font: 0.6875rem/1.6 "Cascadia Code", Consolas, monospace;
    overflow-wrap: anywhere;
}
.workflow-expression:disabled[b-lc1lz45kkv] { opacity: 0.65; }
/* /Components/WorkflowHarborGame.razor.rz.scp.css */
.workflow-harbor[b-dyp4tfu2h4] {
    color-scheme: light;
    --cp-bg: #f7f4ef;
    --cp-bg-elevated: #fcfbf8;
    --cp-surface: #ffffff;
    --cp-surface-soft: #f5f5f5;
    --cp-border: #dedede;
    --cp-border-strong: #919191;
    --cp-text: #242424;
    --cp-text-muted: #5c5c5c;
    --cp-text-soft: #6f6f6f;
    --cp-accent: #b11f4b;
    --cp-accent-hover: #9a1a41;
    --cp-accent-soft: rgba(177, 31, 75, 0.08);
    --cp-accent-fg: #ffffff;
    --cp-success: #16a34a;
    --cp-danger: #dc2626;
    --cp-warning: #f59e0b;
    --cp-link: #0078d4;
    --cp-shadow: 0 18px 48px rgba(0, 0, 0, 0.12);
    --cp-overlay: rgba(255, 255, 255, 0.8);
    --cp-panel: rgba(255, 255, 255, 0.86);
    --cp-panel-strong: rgba(255, 255, 255, 0.96);
    --cp-sheen: rgba(255, 255, 255, 0.55);
    --cp-highlight: rgba(177, 31, 75, 0.12);
    margin: 1rem 0 1.5rem;
    padding: 1rem;
    min-width: 0;
    border: 1px solid var(--cp-border);
    border-radius: 1rem;
    background: var(--cp-surface);
    color: var(--cp-text);
    font: 0.875rem/1.5 "Segoe UI", Aptos, Calibri, -apple-system, BlinkMacSystemFont, sans-serif;
}

.workflow-harbor[data-theme="dark"][b-dyp4tfu2h4] {
    color-scheme: dark;
    --cp-bg: #3d3b3a;
    --cp-bg-elevated: #343231;
    --cp-surface: #292929;
    --cp-surface-soft: #2e2e2e;
    --cp-border: #474747;
    --cp-border-strong: #5f5f5f;
    --cp-text: #dedede;
    --cp-text-muted: #919191;
    --cp-text-soft: #b0b0b0;
    --cp-accent: #fd8ea1;
    --cp-accent-hover: #fb7b91;
    --cp-accent-soft: rgba(253, 142, 161, 0.14);
    --cp-accent-fg: #1a1a1a;
    --cp-success: #4ade80;
    --cp-danger: #f87171;
    --cp-warning: #fbbf24;
    --cp-link: #4da6ff;
    --cp-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
    --cp-overlay: rgba(41, 41, 41, 0.88);
    --cp-panel: rgba(41, 41, 41, 0.72);
    --cp-panel-strong: rgba(41, 41, 41, 0.96);
    --cp-sheen: rgba(255, 255, 255, 0.04);
    --cp-highlight: rgba(253, 142, 161, 0.12);
}

.workflow-harbor[b-dyp4tfu2h4]  * { box-sizing: border-box; }
.workflow-harbor h4[b-dyp4tfu2h4] { margin: 0; font-size: 1.125rem; }
.workflow-harbor .harbor-note[b-dyp4tfu2h4] { margin: 0.5rem 0; color: var(--cp-text-soft); }
.workflow-harbor .harbor-error[b-dyp4tfu2h4] { color: var(--cp-danger); overflow-wrap: anywhere; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem 1rem;
    margin: 1rem 0;
}
.workflow-harbor[b-dyp4tfu2h4]  .harbor-stats dt { color: var(--cp-text-soft); }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-stats dd { margin: 0; font-size: 1.25rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-map { max-width: 100%; overflow-x: auto; border: 1px solid var(--cp-border); border-radius: 0.625rem; }
.workflow-harbor[b-dyp4tfu2h4]  canvas { display: block; width: 100%; min-width: 640px; aspect-ratio: 800 / 440; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-controls {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.75rem;
    margin-top: 1rem;
}
.workflow-harbor[b-dyp4tfu2h4]  .harbor-controls > div { min-width: 0; }
.workflow-harbor[b-dyp4tfu2h4]  label { display: block; margin-bottom: 0.25rem; font-weight: 600; }
.workflow-harbor[b-dyp4tfu2h4]  :is(button, select) {
    min-height: 44px;
    border: 1px solid var(--cp-border-strong);
    border-radius: 0.625rem;
    padding: 0.5rem 0.75rem;
    background: var(--cp-surface);
    color: var(--cp-text);
    font: inherit;
}
.workflow-harbor[b-dyp4tfu2h4]  select { width: 100%; }
.workflow-harbor[b-dyp4tfu2h4]  button { cursor: pointer; }
.workflow-harbor[b-dyp4tfu2h4]  button:hover:not(:disabled) { background: var(--cp-accent-soft); border-color: var(--cp-accent); }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-dispatch { background: var(--cp-accent); color: var(--cp-accent-fg); border-color: var(--cp-accent); font-weight: 650; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-dispatch:hover:not(:disabled) { background: var(--cp-accent-hover); }
.workflow-harbor[b-dyp4tfu2h4]  button:disabled { opacity: 0.6; cursor: not-allowed; }
.workflow-harbor[b-dyp4tfu2h4]  :is(button, select, .harbor-map, .harbor-receipts):focus-visible,
.harbor-notices summary:focus-visible[b-dyp4tfu2h4] { outline: 2px solid var(--cp-accent); outline-offset: 3px; }
.workflow-harbor[b-dyp4tfu2h4]  :is(.harbor-estimate, .harbor-receipt-detail, .harbor-play-controls span) { color: var(--cp-text-soft); }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-estimate { margin: 0.5rem 0 1rem; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-play-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-play-controls span { flex: 1 1 15rem; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-feedback { min-height: 2.75rem; margin: 0.75rem 0; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-builds { border-top: 1px solid var(--cp-border); padding-top: 1rem; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-builds h5 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem; margin: 0; font-size: 1rem; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-builds h5 span { color: var(--cp-text-soft); font-size: 0.8125rem; font-weight: 400; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-receipts { margin: 0.5rem 0 0; padding: 0; list-style: none; max-height: 20rem; overflow-y: auto; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-receipts li { padding: 0.75rem 0; border-bottom: 1px solid var(--cp-border); overflow-wrap: anywhere; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-receipts p { margin: 0.25rem 0 0; }
.workflow-harbor[b-dyp4tfu2h4]  .harbor-author { display: block; font-family: Consolas, "Courier New", Courier, monospace; font-size: 0.8125rem; }
.workflow-harbor[b-dyp4tfu2h4]  [data-state="rejected"] > strong { color: var(--cp-danger); }
.workflow-harbor[b-dyp4tfu2h4]  [data-state="waiting"] > strong { color: var(--cp-text); }
.harbor-notices[b-dyp4tfu2h4] { margin: 1rem 0; border-top: 1px solid var(--cp-border); }
.harbor-notices summary[b-dyp4tfu2h4] { min-height: 44px; align-content: center; cursor: pointer; }

@container orchestration (max-width: 650px) {
    .workflow-harbor[b-dyp4tfu2h4] { padding: 0.75rem; }
    .workflow-harbor[b-dyp4tfu2h4]  .harbor-controls { grid-template-columns: minmax(0, 1fr); }
    .workflow-harbor[b-dyp4tfu2h4]  .harbor-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* /Components/WorkflowInteractivePreview.razor.rz.scp.css */
.workflow-interactive-preview[b-s9lv9n0xb7] {
    min-width: 0; margin-top: 1.25rem; overflow: hidden;
    border: 1px solid var(--wf-border); border-radius: 0.625rem;
    color: var(--wf-ink); background: var(--wf-paper);
}
.workflow-interactive-header[b-s9lv9n0xb7] {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
    gap: 0.75rem; padding: 0.875rem 1rem; background: var(--wf-soft);
    border-bottom: 1px solid var(--wf-border);
}
.workflow-interactive-heading[b-s9lv9n0xb7] {
    display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.375rem 0.75rem; min-width: 0;
}
.workflow-interactive-heading h3[b-s9lv9n0xb7] {
    margin: 0; font: inherit; font-size: 1rem; font-weight: 600; overflow-wrap: anywhere;
}
.workflow-interactive-isolation[b-s9lv9n0xb7] { color: var(--wf-muted); font-size: 0.75rem; }
.workflow-interactive-context[b-s9lv9n0xb7] {
    flex-basis: 100%; margin: 0; font-size: 0.875rem; line-height: 1.5;
    color: var(--wf-muted); overflow-wrap: anywhere;
}
.workflow-interactive-actions[b-s9lv9n0xb7] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.workflow-interactive-button[b-s9lv9n0xb7] {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 2.5rem; padding: 0.375rem 0.75rem;
    border: 1px solid var(--wf-border); border-radius: 0.375rem;
    color: var(--wf-ink); background: var(--wf-paper); font: inherit; font-size: 0.875rem; cursor: pointer;
}
.workflow-interactive-button:hover:not(:disabled)[b-s9lv9n0xb7] {
    border-color: var(--wf-strong-border); background: var(--wf-soft);
}
.workflow-interactive-button:focus-visible[b-s9lv9n0xb7],
.workflow-interactive-frame:focus-visible[b-s9lv9n0xb7] { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.workflow-interactive-button:disabled[b-s9lv9n0xb7] { opacity: 0.6; cursor: default; }
.workflow-interactive-note[b-s9lv9n0xb7] {
    margin: 0; padding: 0.75rem 1rem; color: var(--wf-muted);
    font-size: 0.875rem; line-height: 1.6; max-width: 75ch;
}
.workflow-interactive-frame[b-s9lv9n0xb7] {
    display: block; width: 100%; height: clamp(24rem, 65vh, 48rem); border: 0;
    border-top: 1px solid var(--wf-border); background: var(--wf-paper);
}
.workflow-interactive-stopped[b-s9lv9n0xb7],
.workflow-interactive-error[b-s9lv9n0xb7] {
    margin: 0; padding: 1rem; border-top: 1px solid var(--wf-border);
    font-size: 0.875rem; line-height: 1.6; overflow-wrap: anywhere;
}
.workflow-interactive-stopped[b-s9lv9n0xb7] { color: var(--wf-muted); background: var(--wf-soft); }
.workflow-interactive-error[b-s9lv9n0xb7] { color: var(--wf-ink); }
@media (max-width: 480px) {
    .workflow-interactive-header[b-s9lv9n0xb7] { padding: 0.75rem; }
    .workflow-interactive-actions[b-s9lv9n0xb7] { width: 100%; }
    .workflow-interactive-button[b-s9lv9n0xb7] { flex: 1; }
    .workflow-interactive-note[b-s9lv9n0xb7] { padding: 0.75rem; }
    .workflow-interactive-frame[b-s9lv9n0xb7] { height: 30rem; }
}
/* /Components/WorkflowJitConfiguration.razor.rz.scp.css */
.workflow-jit-fields[b-5dra9px2x4] { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; padding: 0 1rem 1rem; color: var(--wf-ink); }
.workflow-jit-fields label[b-5dra9px2x4], .workflow-jit-fields legend[b-5dra9px2x4] { display: block; margin-block: 0.5rem 0.25rem; font-size: 0.875rem; font-weight: 600; }
.workflow-jit-fields :is(input, textarea, select)[b-5dra9px2x4] { box-sizing: border-box; display: block; width: 100%; min-width: 0; min-height: 2.75rem; padding: 0.5rem 0.625rem; border: 1px solid var(--wf-border); border-radius: 0.375rem; color: var(--wf-ink); background: var(--wf-paper); font: inherit; }
.workflow-jit-fields textarea[b-5dra9px2x4] { resize: vertical; line-height: 1.6; }
.workflow-jit-fields input[b-5dra9px2x4]::placeholder { color: var(--wf-muted); opacity: 1; }
.workflow-jit-fields :is(input, textarea, select, button, summary, [tabindex]):focus-visible[b-5dra9px2x4] { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.workflow-jit-fields h3[b-5dra9px2x4] { margin-block: 1.5rem 0.5rem; font-size: 1rem; font-weight: 600; }
.workflow-jit-fields p[b-5dra9px2x4] { margin-block: 0.5rem; max-width: 72ch; color: var(--wf-muted); font-size: 0.875rem; line-height: 1.6; }
.workflow-jit-fields code[b-5dra9px2x4] { color: var(--wf-blue-hover); overflow-wrap: anywhere; }
.workflow-jit-fields .workflow-jit-code[b-5dra9px2x4] { font: 0.875rem/1.6 "Cascadia Code", Consolas, monospace; color: var(--wf-code-text); background: var(--wf-code); }
.workflow-jit-grid[b-5dra9px2x4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: 0.75rem; }
.workflow-jit-fields .workflow-jit-checkbox[b-5dra9px2x4] { display: flex; align-items: center; gap: 0.625rem; min-height: 2.75rem; font-weight: 400; }
.workflow-jit-checkbox input[b-5dra9px2x4] { width: 1rem; min-height: 1rem; flex: 0 0 auto; }
.workflow-jit-languages[b-5dra9px2x4] { border: 0; padding: 0; margin: 0; min-width: 0; display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; }
.workflow-jit-facts[b-5dra9px2x4] { display: grid; grid-template-columns: minmax(6rem, 1fr) minmax(0, 2fr); gap: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.6; }
.workflow-jit-facts dt[b-5dra9px2x4] { font-weight: 600; }
.workflow-jit-facts dd[b-5dra9px2x4] { margin: 0; overflow-wrap: anywhere; }
.workflow-jit-fields details[b-5dra9px2x4] { border-top: 1px solid var(--wf-border); padding-block-start: 0.5rem; }
.workflow-jit-fields summary[b-5dra9px2x4] { cursor: pointer; min-height: 2.75rem; align-content: center; font-weight: 600; font-size: 0.875rem; }
.workflow-jit-button[b-5dra9px2x4] { min-height: 2.75rem; padding: 0.5rem 0.75rem; margin-block: 0.5rem; color: var(--wf-ink); background: var(--wf-paper); border: 1px solid var(--wf-border); border-radius: 0.375rem; font: inherit; font-size: 0.875rem; font-weight: 600; cursor: pointer; }
.workflow-jit-button:hover:not(:disabled)[b-5dra9px2x4] { border-color: var(--wf-strong-border); background: var(--wf-soft); }
.workflow-jit-button:disabled[b-5dra9px2x4] { opacity: 0.65; cursor: not-allowed; }
.workflow-jit-table-scroll[b-5dra9px2x4] { max-width: 100%; overflow-x: auto; }
.workflow-jit-fields table[b-5dra9px2x4] { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
.workflow-jit-fields caption[b-5dra9px2x4] { text-align: start; font-weight: 600; padding-block: 0.75rem; }
.workflow-jit-fields :is(th, td)[b-5dra9px2x4] { text-align: start; vertical-align: top; border-bottom: 1px solid var(--wf-border); padding: 0.625rem; overflow-wrap: anywhere; }
@media (max-width: 480px) { .workflow-jit-facts[b-5dra9px2x4] { grid-template-columns: 1fr; gap: 0.25rem; } .workflow-jit-facts dd[b-5dra9px2x4] { margin-block-end: 0.5rem; } }
/* /Components/WorkflowJitEvidenceView.razor.rz.scp.css */
.workflow-jit-evidence[b-i4d6l9tvlh] { margin-block: 1.25rem; padding-block: 1rem; border-block: 1px solid var(--wf-border, var(--border)); color: var(--wf-ink, var(--text)); min-width: 0; }
.workflow-jit-evidence h3[b-i4d6l9tvlh] { margin-block: 0 0.625rem; font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; }
.workflow-jit-evidence p[b-i4d6l9tvlh] { max-width: 72ch; margin-block: 0.5rem; color: var(--wf-muted, var(--muted)); font-size: 0.875rem; line-height: 1.6; }
.workflow-jit-evidence-scroll[b-i4d6l9tvlh] { max-width: 100%; overflow-x: auto; }
.workflow-jit-evidence table[b-i4d6l9tvlh] { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
.workflow-jit-evidence caption[b-i4d6l9tvlh] { text-align: start; padding-block: 0.625rem; font-weight: 600; }
.workflow-jit-evidence :is(th, td)[b-i4d6l9tvlh] { padding: 0.625rem; border-bottom: 1px solid var(--wf-border, var(--border)); text-align: start; vertical-align: top; overflow-wrap: anywhere; }
.workflow-jit-evidence summary[b-i4d6l9tvlh] { min-height: 2.75rem; cursor: pointer; align-content: center; }
.workflow-jit-evidence :is(summary, [tabindex]):focus-visible[b-i4d6l9tvlh] { outline: 2px solid var(--wf-blue, var(--accent)); outline-offset: 2px; }
.workflow-jit-evidence dl[b-i4d6l9tvlh] { display: grid; grid-template-columns: minmax(5rem, 1fr) minmax(0, 3fr); gap: 0.5rem 1rem; min-width: 12rem; }
.workflow-jit-evidence dt[b-i4d6l9tvlh] { font-weight: 600; }
.workflow-jit-evidence dd[b-i4d6l9tvlh] { margin: 0; overflow-wrap: anywhere; }
.workflow-jit-evidence code[b-i4d6l9tvlh] { font-family: "Cascadia Code", Consolas, monospace; overflow-wrap: anywhere; }
/* /Components/WorkflowLibraryList.razor.rz.scp.css */
.workflow-library[b-denqtq0ew6] { padding-block: 0.75rem; color: var(--wf-ink, #172033); }
.workflow-library-heading[b-denqtq0ew6] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.5rem; }
.workflow-library h3[b-denqtq0ew6] { margin: 0; font-size: 0.875rem; font-weight: 650; }
.workflow-library-actions[b-denqtq0ew6] { display: flex; align-items: center; gap: 0.75rem; }
.workflow-library-disclosures[b-denqtq0ew6] { display: flex; align-items: center; gap: 0.75rem; }
.workflow-library-actions :is(button, label)[b-denqtq0ew6] { display: inline-flex; align-items: center; margin: 0; line-height: 1.4; }
.workflow-library-actions button[b-denqtq0ew6], .workflow-library-import[b-denqtq0ew6], .workflow-library-expand[b-denqtq0ew6], .workflow-library-retry[b-denqtq0ew6] { min-height: 2rem; padding: 0.25rem 0; border: 0; background: transparent; color: var(--wf-blue, #2563eb); font: inherit; font-size: 0.75rem; cursor: pointer; text-decoration: underline; text-underline-offset: 0.2em; }
.workflow-library-import[b-denqtq0ew6] { position: relative; overflow: hidden; }
.workflow-library-import[b-denqtq0ew6]  input { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }
.workflow-library-import:has(input:disabled)[b-denqtq0ew6] { opacity: 0.5; cursor: not-allowed; }
.workflow-library p[b-denqtq0ew6] { margin: 0; color: var(--wf-muted, #596579); font-size: 0.75rem; line-height: 1.6; }
.workflow-library-list[b-denqtq0ew6] { --workflow-row-height: 2.75rem; display: grid; list-style: none; margin: 0; padding: 0; max-height: calc(10 * var(--workflow-row-height)); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.workflow-library-list li[b-denqtq0ew6] { display: flex; align-items: center; min-width: 0; height: var(--workflow-row-height); box-sizing: border-box; border-bottom: 1px solid var(--wf-border, #dbe2ea); }
.workflow-library-open[b-denqtq0ew6] { display: flex; align-items: center; gap: 0.5rem; flex: 1; min-width: 0; min-height: calc(var(--workflow-row-height) - 1px); padding: 0.375rem 0.25rem; border: 0; background: transparent; color: inherit; text-align: left; font: inherit; font-size: 0.875rem; cursor: pointer; }
.workflow-library-open span[b-denqtq0ew6] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workflow-library-open .workflow-eval[b-denqtq0ew6] { display: inline-block; flex: none; margin-left: 0.375rem; padding: 0.125rem 0.375rem; border: 1px solid var(--wf-muted, #596579); border-radius: 0.25rem; color: dodgerblue; font-size: 0.625rem; font-weight: 500; letter-spacing: normal; vertical-align: middle; }
.workflow-library-selection[b-denqtq0ew6] { display: grid; place-items: center; width: 2.75rem; min-height: 2.75rem; margin: 0; cursor: pointer; }
.workflow-library-selection input[b-denqtq0ew6] { width: 1rem; height: 1rem; accent-color: var(--wf-blue, #2563eb); }
.workflow-library-selection:focus-within[b-denqtq0ew6] { outline: 2px solid var(--wf-blue, #2563eb); outline-offset: -2px; }
.workflow-library-open[b-denqtq0ew6]  .rzi { color: var(--wf-muted, #596579); font-size: 1rem; flex: none; }
.workflow-library-delete[b-denqtq0ew6] { display: grid; place-items: center; width: 2.5rem; min-height: 2.5rem; border: 0; background: transparent; color: var(--wf-danger, #9f1239); cursor: pointer; }
.workflow-library :is(button, label):hover:not(:disabled)[b-denqtq0ew6] { background: var(--wf-blue-soft, #eff6ff); }
.workflow-library button:disabled[b-denqtq0ew6] { opacity: 0.5; cursor: not-allowed; }
.workflow-library :is(button, label):focus-visible[b-denqtq0ew6], .workflow-library-import:focus-within[b-denqtq0ew6] { outline: 2px solid var(--wf-blue, #2563eb); outline-offset: 2px; }
/* /Components/WorkflowM365PublishingPanel.razor.rz.scp.css */
.m365-publishing[b-u2tinj1b24] { margin-block: 1.5rem; padding-block: 1rem; border-block: 1px solid var(--wf-border); font-size: 0.875rem; line-height: 1.6; }
.m365-publishing h3[b-u2tinj1b24] { margin: 0 0 0.5rem; font-size: 1rem; font-weight: 650; }
.m365-publishing p[b-u2tinj1b24] { margin-block: 0.5rem 1rem; color: var(--wf-muted); }
.m365-publishing label[b-u2tinj1b24] { display: block; margin-top: 0.75rem; font-weight: 600; }
.m365-publishing input[b-u2tinj1b24], .m365-publishing select[b-u2tinj1b24], .m365-publishing textarea[b-u2tinj1b24] { box-sizing: border-box; width: 100%; min-width: 0; min-height: 2.75rem; padding: 0.5rem 0.75rem; font: inherit; border: 1px solid var(--wf-strong-border); border-radius: 0.375rem; color: var(--wf-ink); background: var(--wf-paper); }
.m365-publishing textarea[b-u2tinj1b24] { font-family: "Cascadia Code", Consolas, monospace; color: #d9e2ec; background: #101827; resize: vertical; }
.m365-publishing details[b-u2tinj1b24] { margin-block: 1rem; }
.m365-publishing summary[b-u2tinj1b24] { cursor: pointer; min-height: 2.75rem; font-weight: 600; }
.m365-publishing button[b-u2tinj1b24] { min-height: 2.75rem; padding: 0.5rem 0.75rem; color: var(--wf-ink); background: var(--wf-paper); border: 1px solid var(--wf-strong-border); border-radius: 0.375rem; cursor: pointer; }
.m365-publishing button:hover[b-u2tinj1b24] { background: var(--wf-soft); }
.m365-publishing :focus-visible[b-u2tinj1b24] { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.m365-publishing :disabled[b-u2tinj1b24] { opacity: 0.65; cursor: not-allowed; }
.m365-identity code[b-u2tinj1b24] { display: block; overflow-wrap: anywhere; font-size: 0.75rem; color: var(--wf-ink); }
.m365-publishing li[b-u2tinj1b24] { margin-bottom: 1rem; overflow-wrap: anywhere; }
.m365-publishing li span[b-u2tinj1b24] { display: block; }
.m365-publishing .m365-error[b-u2tinj1b24] { color: var(--wf-danger); }
.m365-imports[b-u2tinj1b24] { display: grid; gap: 0.75rem; }
.m365-imports[b-u2tinj1b24]  input { display: block; max-width: 100%; font-weight: 400; }
/* /Components/WorkflowMediaPreview.razor.rz.scp.css */
.workflow-media-preview[b-a05zl8x83w] {
    min-width: 0; margin: 0.75rem 0; color: var(--wf-ink, #172033);
}
.workflow-media-preview figcaption[b-a05zl8x83w] {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
    gap: 0.5rem; margin-bottom: 0.5rem; font-size: 0.875rem; overflow-wrap: anywhere;
}
.workflow-media-preview img[b-a05zl8x83w],
.workflow-media-preview audio[b-a05zl8x83w],
.workflow-media-preview video[b-a05zl8x83w] {
    display: block; width: 100%; max-height: 28rem; object-fit: contain;
    border: 1px solid var(--wf-border, #dbe2ea); border-radius: 0.375rem;
    background: var(--wf-code, #101827);
}
.workflow-media-download[b-a05zl8x83w] {
    display: inline-flex; align-items: center; min-height: 2.25rem; padding: 0.375rem 0.625rem;
    border: 1px solid var(--wf-border, #dbe2ea); border-radius: 0.375rem;
    color: var(--wf-ink, #172033); background: var(--wf-paper, #ffffff);
    font: inherit; font-size: 0.875rem; text-decoration: none; cursor: pointer;
}
.workflow-media-download:hover[b-a05zl8x83w] {
    border-color: var(--wf-strong-border, #aab6c5); background: var(--wf-soft, #f7f9fc);
}
.workflow-media-download:focus-visible[b-a05zl8x83w] {
    outline: 2px solid var(--wf-blue, #2563eb); outline-offset: 2px;
}
.workflow-media-note[b-a05zl8x83w] {
    margin: 0.5rem 0; font-size: 0.875rem; line-height: 1.6; color: var(--wf-muted, #596579);
}
/* /Components/WorkflowModelSummary.razor.rz.scp.css */
.workflow-model-summary[b-rjykobq3x4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem 0.875rem;
    padding: 0.625rem 0;
    margin-bottom: 0.375rem;
    border-block: 1px solid var(--wf-border);
}

.workflow-model-group[b-rjykobq3x4] {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
    min-width: 0;
    max-width: 100%;
    padding: 0.25rem 0.375rem;
    border: 1px solid var(--wf-model-category-border, var(--wf-border));
    border-radius: 0.375rem;
}

.workflow-model-group[data-category="Chat"][b-rjykobq3x4] {
    --wf-model-category-border: #00a4ef;
}

.workflow-model-group[data-category="Image"][b-rjykobq3x4] {
    --wf-model-category-border: #7fba00;
}

.workflow-model-group[data-category="Video"][b-rjykobq3x4] {
    --wf-model-category-border: #f25022;
}

.workflow-model-group[data-category="Document"][b-rjykobq3x4] {
    --wf-model-category-border: #ffb900;
}

.workflow-model-category[b-rjykobq3x4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.75rem;
    height: 2rem;
    color: var(--wf-muted);
}

.workflow-model-vendors[b-rjykobq3x4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.125rem;
    min-width: 0;
    padding-left: 0.375rem;
    border-left: 1px solid var(--wf-border);
}

.workflow-model-vendor[b-rjykobq3x4],
.workflow-model-empty[b-rjykobq3x4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    border-radius: 0.375rem;
    color: var(--wf-ink);
}

.workflow-model-vendor svg[b-rjykobq3x4] {
    width: 1.375rem;
    height: 1.375rem;
    fill: currentColor;
}

.workflow-model-vendor:hover[b-rjykobq3x4],
.workflow-model-vendor:focus-visible[b-rjykobq3x4],
.workflow-model-empty:focus-visible[b-rjykobq3x4] {
    background: var(--wf-soft);
}

.workflow-model-vendor:focus-visible[b-rjykobq3x4],
.workflow-model-empty:focus-visible[b-rjykobq3x4] {
    outline: 2px solid var(--wf-blue);
    outline-offset: 2px;
}

.workflow-model-empty[b-rjykobq3x4] {
    color: var(--wf-muted);
}
/* /Components/WorkflowOrchestrationInputForm.razor.rz.scp.css */
.workflow-orchestration-input[b-wrzjgaod19] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    min-width: 0;
    max-width: 100%;
    color: var(--wf-ink);
    font-family: "Segoe UI", Aptos, Calibri, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
    container: orchestration-input / inline-size;
}

.workflow-orchestration-input > div[b-wrzjgaod19] {
    min-width: 0;
}

.workflow-orchestration-input label[b-wrzjgaod19] {
    display: block;
    margin-bottom: 0.375rem;
    font-weight: 600;
}

.workflow-orchestration-input :is(textarea, input)[b-wrzjgaod19] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    border: 1px solid var(--wf-strong-border);
    border-radius: 0.625rem;
    padding: 0.625rem 0.75rem;
    background: var(--wf-paper);
    color: var(--wf-ink);
    font: inherit;
}

.workflow-orchestration-input textarea[b-wrzjgaod19] {
    min-height: 7.5rem;
    resize: vertical;
    overflow-wrap: anywhere;
}

.workflow-orchestration-input input[b-wrzjgaod19] {
    max-width: 12rem;
    font-variant-numeric: tabular-nums;
}

.workflow-orchestration-input textarea[b-wrzjgaod19]::placeholder {
    color: var(--wf-muted);
    opacity: 1;
}

.workflow-orchestration-input :is(textarea, input, summary):focus-visible[b-wrzjgaod19] {
    outline: 2px solid var(--wf-blue);
    outline-offset: 3px;
}

.workflow-orchestration-input [aria-invalid="true"][b-wrzjgaod19] {
    border-color: var(--wf-danger);
}

.workflow-orchestration-input :disabled[b-wrzjgaod19] {
    background: var(--wf-soft);
    color: var(--wf-muted);
    cursor: not-allowed;
}

.orchestration-input-help[b-wrzjgaod19],
.orchestration-input-error[b-wrzjgaod19],
.orchestration-input-beta[b-wrzjgaod19] {
    margin: 0.375rem 0 0;
    max-width: 75ch;
    font-size: 0.8125rem;
}

.orchestration-input-help[b-wrzjgaod19],
.orchestration-input-beta[b-wrzjgaod19] {
    color: var(--wf-muted);
}

.orchestration-input-error[b-wrzjgaod19] {
    color: var(--wf-danger);
}

.orchestration-input-help summary[b-wrzjgaod19] {
    cursor: pointer;
    min-height: 2.75rem;
    align-content: center;
}

.orchestration-input-help details p[b-wrzjgaod19],
.orchestration-input-help > p[b-wrzjgaod19] {
    margin: 0.25rem 0 0.5rem;
}

.orchestration-input-beta[b-wrzjgaod19] {
    margin-top: 0;
    padding-top: 0.75rem;
    border-top: 1px solid var(--wf-border);
}

@container orchestration-input (min-width: 44rem) {
    .orchestration-input-task[b-wrzjgaod19],
    .orchestration-input-concurrency[b-wrzjgaod19] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .orchestration-input-concurrency[b-wrzjgaod19] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
        gap: 0 1rem;
        align-items: start;
    }

    .orchestration-input-concurrency label[b-wrzjgaod19] {
        grid-column: 1 / -1;
    }

    .orchestration-input-concurrency input[b-wrzjgaod19] {
        grid-column: 1;
    }

    .orchestration-input-concurrency .orchestration-input-help[b-wrzjgaod19] {
        grid-column: 2;
        grid-row: 2;
        margin-top: 0;
    }

    .orchestration-input-error[b-wrzjgaod19] {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .workflow-orchestration-input :is(textarea, input)[b-wrzjgaod19] {
        scroll-behavior: auto;
    }
}
/* /Components/WorkflowOrchestrationView.razor.rz.scp.css */
.workflow-orchestration[b-wngbeuynm5] {
    min-width: 0;
    max-width: 100%;
    padding: 1rem;
    border: 1px solid var(--wf-border);
    border-radius: 0.875rem;
    background: var(--wf-paper);
    color: var(--wf-ink);
    font-family: "Segoe UI", Aptos, Calibri, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
    container: orchestration / inline-size;
}

.workflow-orchestration[b-wngbeuynm5],
.workflow-orchestration *[b-wngbeuynm5] {
    box-sizing: border-box;
}

.workflow-orchestration :is(h3, h4, h5, p)[b-wngbeuynm5] {
    margin: 0;
}

.orchestration-heading[b-wngbeuynm5],
.orchestration-section-heading[b-wngbeuynm5],
.orchestration-agent-topline[b-wngbeuynm5],
.orchestration-activity-heading[b-wngbeuynm5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.375rem 0.75rem;
}

.orchestration-heading > div[b-wngbeuynm5],
.orchestration-section-heading > div[b-wngbeuynm5] {
    min-width: 0;
}

.orchestration-heading h3[b-wngbeuynm5] {
    font-size: 1.125rem;
    font-weight: 650;
}

.workflow-orchestration h4[b-wngbeuynm5] {
    font-size: 1rem;
    font-weight: 650;
}

.workflow-orchestration h5[b-wngbeuynm5] {
    font-size: 0.875rem;
    font-weight: 650;
}

.orchestration-heading p[b-wngbeuynm5],
.orchestration-note[b-wngbeuynm5],
.orchestration-empty-note[b-wngbeuynm5],
.orchestration-agent-parent[b-wngbeuynm5],
.orchestration-agent-phase[b-wngbeuynm5],
.orchestration-activity-heading time[b-wngbeuynm5],
.orchestration-event-metadata[b-wngbeuynm5] {
    color: var(--wf-muted);
    font-size: 0.8125rem;
}

.orchestration-heading p[b-wngbeuynm5] {
    margin-top: 0.25rem;
    max-width: 65ch;
}

.orchestration-mission[b-wngbeuynm5] {
    margin-top: 0.75rem;
    padding: 0.25rem 0;
    border-top: 1px solid var(--wf-border);
}

.has-plan .orchestration-heading h3[b-wngbeuynm5] {
    font-size: 1.5rem;
    line-height: 1.25;
}

.orchestration-mission summary[b-wngbeuynm5],
.orchestration-response-details summary[b-wngbeuynm5] {
    min-height: 2.75rem;
    align-content: center;
    cursor: pointer;
}

.orchestration-response-details[b-wngbeuynm5] {
    font-size: 0.8125rem;
    color: var(--wf-muted);
}

.orchestration-mission > p[b-wngbeuynm5] {
    margin-top: 0.5rem;
    max-width: 85ch;
}

.orchestration-rounds[b-wngbeuynm5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: 1rem 2rem;
    margin: 1rem 0;
    padding-left: 1.25rem;
}

.orchestration-rounds li[b-wngbeuynm5] {
    padding-left: 0.25rem;
}

.orchestration-view-picker[b-wngbeuynm5] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: 0;
}

.orchestration-view-picker button[b-wngbeuynm5] {
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--wf-border);
    border-radius: 0.625rem;
    background: var(--wf-paper);
    color: var(--wf-ink);
    font: inherit;
    cursor: pointer;
}

.orchestration-view-picker button[aria-pressed="true"][b-wngbeuynm5],
.orchestration-view-picker button:hover[b-wngbeuynm5] {
    background: var(--wf-blue-soft);
    border-color: var(--wf-blue);
}

.orchestration-status[b-wngbeuynm5] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 600;
}

.orchestration-status[b-wngbeuynm5]::before {
    content: "";
    display: inline-block;
    flex: 0 0 0.375rem;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background: currentColor;
}

.orchestration-status.is-active[b-wngbeuynm5]::before {
    animation: orchestration-activity-b-wngbeuynm5 1.8s ease-in-out infinite;
}

.tone-success[b-wngbeuynm5] { color: var(--wf-success, var(--cp-success)); }
.tone-danger[b-wngbeuynm5] { color: var(--wf-danger); }
.tone-warning[b-wngbeuynm5] { color: var(--wf-warning, var(--cp-text)); }
.tone-neutral[b-wngbeuynm5] { color: var(--wf-ink); }

.orchestration-metadata[b-wngbeuynm5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem 1.25rem;
    margin: 1rem 0 0;
    padding: 0.875rem 0;
    border-top: 1px solid var(--wf-border);
    border-bottom: 1px solid var(--wf-border);
}

.orchestration-metadata dt[b-wngbeuynm5],
.orchestration-usage-values dt[b-wngbeuynm5],
.orchestration-agent-facts dt[b-wngbeuynm5] {
    color: var(--wf-muted);
    font-size: 0.8125rem;
}

.orchestration-metadata dd[b-wngbeuynm5],
.orchestration-usage-values dd[b-wngbeuynm5],
.orchestration-agent-facts dd[b-wngbeuynm5] {
    margin: 0.125rem 0 0;
    font-variant-numeric: tabular-nums;
}

.orchestration-metadata dd[b-wngbeuynm5] {
    font-weight: 600;
}

.orchestration-usage[b-wngbeuynm5] {
    margin-top: 1rem;
}

.orchestration-usage-values[b-wngbeuynm5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
    margin: 0.75rem 0 0;
}

.orchestration-identifier[b-wngbeuynm5],
.orchestration-agent-path[b-wngbeuynm5],
.orchestration-inspector-path[b-wngbeuynm5],
.orchestration-event-metadata[b-wngbeuynm5],
.orchestration-activity-agent[b-wngbeuynm5] {
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, Monaco, "Courier New", monospace;
    font-size: 0.8125rem;
    overflow-wrap: anywhere;
}

.orchestration-result[b-wngbeuynm5] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--wf-border);
    border-radius: 0.625rem;
    background: var(--wf-soft);
}

.orchestration-result-note[b-wngbeuynm5],
.orchestration-result-label[b-wngbeuynm5] {
    font-size: 0.8125rem;
}

.orchestration-result-note[b-wngbeuynm5] {
    margin-top: 0.375rem !important;
}

.orchestration-answer[b-wngbeuynm5] {
    margin-top: 0.875rem;
    color: var(--wf-ink);
    white-space: pre-wrap;
    max-width: 75ch;
}

.workflow-orchestration .orchestration-error[b-wngbeuynm5] {
    margin-top: 0.5rem;
    color: var(--wf-danger);
}

.orchestration-workspace[b-wngbeuynm5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    margin-top: 1.25rem;
}

.orchestration-network[b-wngbeuynm5],
.orchestration-inspector[b-wngbeuynm5] {
    min-width: 0;
}

.orchestration-section-heading[b-wngbeuynm5] {
    margin-bottom: 0.5rem;
}

.orchestration-observation-help[b-wngbeuynm5] {
    color: var(--wf-muted);
    font-size: 0.8125rem;
}

.orchestration-observation-help summary[b-wngbeuynm5] {
    min-height: 2.75rem;
    align-content: center;
    cursor: pointer;
}

.orchestration-observation-help ul[b-wngbeuynm5] {
    margin: 0 0 0.75rem;
    padding-left: 1.25rem;
}

.orchestration-observation-help li + li[b-wngbeuynm5] {
    margin-top: 0.5rem;
}

.orchestration-agent-trees[b-wngbeuynm5],
.orchestration-agent-children[b-wngbeuynm5] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.orchestration-agent-trees[b-wngbeuynm5] {
    margin-top: 0.875rem;
}

.orchestration-agent-node[b-wngbeuynm5] {
    min-width: 0;
    position: relative;
}

.orchestration-agent-node + .orchestration-agent-node[b-wngbeuynm5] {
    margin-top: 0.5rem;
}

.orchestration-agent-children[b-wngbeuynm5] {
    margin: 0.5rem 0 0 0.625rem;
    padding-left: 0.875rem;
    border-left: 1px solid var(--wf-strong-border);
}

.orchestration-agent-children > .orchestration-agent-node[b-wngbeuynm5]::before {
    position: absolute;
    top: 1.375rem;
    left: -0.875rem;
    width: 0.875rem;
    border-top: 1px solid var(--wf-strong-border);
    content: "";
}

.orchestration-agent-children .orchestration-agent-children .orchestration-agent-children[b-wngbeuynm5] {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}

.orchestration-agent-children .orchestration-agent-children .orchestration-agent-children > .orchestration-agent-node[b-wngbeuynm5]::before {
    content: none;
}

.orchestration-agent[b-wngbeuynm5] {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    padding: 0.75rem;
    border: 1px solid var(--wf-border);
    border-radius: 0.625rem;
    background: var(--wf-paper);
    color: var(--wf-ink);
    font: inherit;
    text-align: left;
    overflow-wrap: anywhere;
    cursor: pointer;
    transition: background-color 120ms ease-out, border-color 120ms ease-out;
}

.orchestration-agent:hover[b-wngbeuynm5] {
    background: var(--wf-soft);
    border-color: var(--wf-strong-border);
}

.orchestration-agent.is-selected[b-wngbeuynm5] {
    border-color: var(--wf-blue);
    background: var(--wf-soft);
}

.orchestration-agent-role[b-wngbeuynm5] {
    font-weight: 650;
}

.orchestration-agent-path[b-wngbeuynm5],
.orchestration-agent-phase[b-wngbeuynm5],
.orchestration-agent-parent[b-wngbeuynm5],
.orchestration-agent-selection[b-wngbeuynm5] {
    display: block;
    margin-top: 0.25rem;
}

.orchestration-agent-selection[b-wngbeuynm5] {
    color: var(--wf-blue-hover);
    font-size: 0.8125rem;
    font-weight: 600;
}

.orchestration-placeholder[b-wngbeuynm5] {
    display: grid;
    gap: 0.125rem;
    margin-top: 0.875rem;
    padding: 0.75rem;
    border: 1px dashed var(--wf-strong-border);
    border-radius: 0.625rem;
}

.orchestration-empty[b-wngbeuynm5] {
    padding: 1rem 0 0.25rem;
}

.orchestration-empty strong[b-wngbeuynm5] {
    display: block;
    font-weight: 600;
}

.orchestration-empty p[b-wngbeuynm5] {
    margin-top: 0.25rem;
    color: var(--wf-muted);
    max-width: 65ch;
}

.workflow-orchestration .orchestration-empty-note[b-wngbeuynm5] {
    margin-top: 0.75rem;
}

.orchestration-workspace.has-constellation[b-wngbeuynm5] {
    grid-template-columns: minmax(0, 1fr);
}

.has-constellation .orchestration-inspector[b-wngbeuynm5] {
    border-left: 0;
    border-top: 1px solid var(--wf-border);
    padding: 1rem 0 0;
}

.orchestration-inspector[b-wngbeuynm5] {
    border-top: 1px solid var(--wf-border);
    padding-top: 1rem;
}

.workflow-orchestration .orchestration-inspector-path[b-wngbeuynm5] {
    margin-top: 0.25rem;
}

.orchestration-task[b-wngbeuynm5],
.orchestration-agent-content[b-wngbeuynm5] {
    margin-top: 1rem;
}

.orchestration-task p[b-wngbeuynm5] {
    margin-top: 0.375rem;
    white-space: pre-wrap;
    max-width: 75ch;
}

.orchestration-agent-facts[b-wngbeuynm5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.875rem 1rem;
    margin: 1rem 0;
}

.orchestration-fact-wide[b-wngbeuynm5] {
    grid-column: 1 / -1;
}

.orchestration-message-route[b-wngbeuynm5] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
}

.orchestration-agent-content[b-wngbeuynm5] {
    padding-top: 0.875rem;
    border-top: 1px solid var(--wf-border);
}

.orchestration-agent-content > .orchestration-note[b-wngbeuynm5] {
    margin-top: 0.375rem;
}

.workflow-orchestration .orchestration-disclosure[b-wngbeuynm5] {
    margin: 0.5rem 0;
    color: var(--wf-warning, var(--cp-text));
    font-size: 0.8125rem;
}

.orchestration-returned-text[b-wngbeuynm5] {
    max-height: 24rem;
    margin-top: 0.625rem;
    padding: 0.75rem;
    overflow: auto;
    white-space: pre-wrap;
    background: var(--wf-soft);
    border: 1px solid var(--wf-border);
    border-radius: 0.375rem;
}

.orchestration-timeline[b-wngbeuynm5] {
    margin-top: 1.5rem;
    border-top: 1px solid var(--wf-border);
    padding-top: 1rem;
}

.orchestration-activity-filter[b-wngbeuynm5] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    cursor: pointer;
    font-size: 0.8125rem;
}

.orchestration-activity-filter input[b-wngbeuynm5] {
    flex-shrink: 0;
    accent-color: var(--wf-blue);
}

.orchestration-activity-filter:has(:disabled)[b-wngbeuynm5] {
    color: var(--wf-muted);
    cursor: not-allowed;
}

.orchestration-activity-scroll[b-wngbeuynm5] {
    max-height: 26rem;
    padding: 0.25rem;
    overflow: auto;
}

.orchestration-activity-list[b-wngbeuynm5] {
    list-style: none;
    padding: 0 0 0 0.75rem;
    margin: 0 0 0 0.1875rem;
    border-left: 1px solid var(--wf-border);
}

.orchestration-activity-entry[b-wngbeuynm5] {
    position: relative;
    padding: 0.5rem 0 0.75rem;
}

.orchestration-activity-entry[b-wngbeuynm5]::before {
    position: absolute;
    left: -0.9375rem;
    top: 1.5rem;
    width: 0.3125rem;
    height: 0.3125rem;
    border-radius: 50%;
    background: var(--wf-muted);
    content: "";
}

.orchestration-activity-entry + .orchestration-activity-entry[b-wngbeuynm5] {
    border-top: 1px solid var(--wf-border);
}

.orchestration-activity-agent[b-wngbeuynm5] {
    min-width: 0;
    min-height: 2.75rem;
    border: 0;
    padding: 0.375rem 0;
    background: transparent;
    color: var(--wf-blue-hover);
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-align: left;
    cursor: pointer;
}

.orchestration-activity-agent:hover[b-wngbeuynm5] {
    color: var(--wf-blue);
}

.orchestration-activity-heading time[b-wngbeuynm5] {
    font-variant-numeric: tabular-nums;
}

.orchestration-activity-description[b-wngbeuynm5] {
    white-space: pre-wrap;
    max-width: 75ch;
}

.orchestration-event-metadata[b-wngbeuynm5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.125rem 1rem;
    margin-top: 0.25rem;
}

.workflow-orchestration :is(button, input, summary, [tabindex]):focus-visible[b-wngbeuynm5] {
    outline: 2px solid var(--wf-blue);
    outline-offset: 3px;
}

.orchestration-sr-only[b-wngbeuynm5] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@container orchestration (min-width: 32rem) {
    .orchestration-metadata[b-wngbeuynm5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .orchestration-response-id[b-wngbeuynm5] {
        grid-column: 1 / -1;
    }

    .orchestration-usage-values[b-wngbeuynm5] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container orchestration (min-width: 50rem) {
    .orchestration-metadata[b-wngbeuynm5] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.5fr);
    }

    .orchestration-response-id[b-wngbeuynm5] {
        grid-column: auto;
    }

    .orchestration-usage-values[b-wngbeuynm5] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .orchestration-workspace[b-wngbeuynm5] {
        grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
        gap: 1.5rem;
    }

    .orchestration-inspector[b-wngbeuynm5] {
        border-top: 0;
        padding-top: 0;
        border-left: 1px solid var(--wf-border);
        padding-left: 1.5rem;
    }
}

@container orchestration (max-width: 20rem) {
    .orchestration-agent-facts[b-wngbeuynm5],
    .orchestration-usage-values[b-wngbeuynm5] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@keyframes orchestration-activity-b-wngbeuynm5 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

@media (prefers-reduced-motion: reduce) {
    .orchestration-status.is-active[b-wngbeuynm5]::before { animation: none; }
    .orchestration-agent[b-wngbeuynm5] { transition: none; }
}
/* /Components/WorkflowOutputPreview.razor.rz.scp.css */
.workflow-output-preview[b-5naojyceu4] { min-width: 0; }
.workflow-output-text:hover[b-5naojyceu4]  .playground-contextual-row,
.workflow-output-text:focus-within[b-5naojyceu4]  .playground-contextual-row {
    opacity: 1; pointer-events: auto;
}
.workflow-output-preview textarea[b-5naojyceu4] {
    display: block; width: 100%; resize: vertical;
    margin: 0.5rem 0; padding: 0.75rem; border: 1px solid var(--wf-border); border-radius: 0.375rem;
    background: var(--wf-code); color: var(--wf-code-text);
    font: 0.75rem/1.6 "Cascadia Code", Consolas, monospace;
    white-space: pre-wrap; overflow-wrap: anywhere; overflow: auto; max-height: 22rem;
}

.workflow-output-markdown[b-5naojyceu4] { max-height: 22rem; overflow: auto; overflow-wrap: anywhere; }
.workflow-output-prettified[b-5naojyceu4] {
    margin: 0.5rem 0; padding: 2rem 0.75rem 0.75rem;
    border: 1px solid var(--wf-border); border-radius: 0.375rem;
}
.workflow-output-prettified[b-5naojyceu4]  .markdown-copy-toolbar { display: none; }
.workflow-output-markdown:focus-visible[b-5naojyceu4] { outline: 2px solid var(--wf-blue); outline-offset: -2px; }
.workflow-output-markdown[b-5naojyceu4]  :is(h1, h2, h3, h4, h5, h6) {
    margin: 0.75rem 0 0.5rem; font-size: 1rem; font-weight: 650; line-height: 1.4;
}
.workflow-output-markdown[b-5naojyceu4]  h1 { font-size: 1.5rem; }
.workflow-output-markdown[b-5naojyceu4]  h2 { font-size: 1.25rem; }
.workflow-output-markdown[b-5naojyceu4]  .markdown-copy-toolbar { opacity: 0; pointer-events: none; }
.workflow-output-markdown:hover[b-5naojyceu4]  .markdown-copy-toolbar,
.workflow-output-markdown:focus-within[b-5naojyceu4]  .markdown-copy-toolbar,
.workflow-output-markdown[b-5naojyceu4]  .markdown-copy-toolbar:has([role="status"]:not(:empty)) {
    opacity: 1; pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
    .workflow-output-markdown[b-5naojyceu4]  .markdown-copy-toolbar { transition: none; }
}
/* /Components/WorkflowPreviewCredential.razor.rz.scp.css */
.workflow-fields[b-bnahxe0jzi] { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.5rem 1rem 1rem; }
.workflow-fields label[b-bnahxe0jzi] { display: block; margin-top: 0.5rem; font-size: 0.75rem; font-weight: 600; }
.workflow-fields input[b-bnahxe0jzi],
.workflow-fields[b-bnahxe0jzi]  input.workflow-vault-secret,
.workflow-fields[b-bnahxe0jzi]  input.workflow-principal-input {
    display: block; width: 100%; min-width: 0; border: 1px solid var(--wf-border); border-radius: 0.375rem;
    padding: 0.5rem 0.625rem; min-height: 2.25rem; font: inherit; color: var(--wf-ink); background: var(--wf-paper);
}
.workflow-fields input:focus-visible[b-bnahxe0jzi],
.workflow-fields[b-bnahxe0jzi]  input.workflow-vault-secret:focus-visible,
.workflow-fields[b-bnahxe0jzi]  input.workflow-principal-input:focus-visible { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.workflow-fields p[b-bnahxe0jzi] { margin: 0.5rem 0; color: var(--wf-muted); font-size: 0.75rem; line-height: 1.6; }
.workflow-fields code[b-bnahxe0jzi] { color: var(--wf-blue-hover); overflow-wrap: anywhere; }
.workflow-advanced summary[b-bnahxe0jzi] { cursor: pointer; font-size: 0.75rem; font-weight: 600; padding: 0.5rem 0; }
.workflow-token-input[b-bnahxe0jzi] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.workflow-token-input input[b-bnahxe0jzi] { flex: 1 1 10rem; width: auto; }
.workflow-vault-secret-field[b-bnahxe0jzi] { flex: 1 1 10rem; min-width: 0; }
.workflow-token-button[b-bnahxe0jzi] {
    flex: 0 1 auto; min-height: 2.25rem; padding: 0.5rem 0.75rem;
    border: 1px solid var(--wf-blue); border-radius: 0.375rem;
    background: var(--wf-blue); color: var(--wf-paper); font: inherit; font-weight: 600; cursor: pointer;
}
.workflow-token-button:hover:not(:disabled)[b-bnahxe0jzi] { background: var(--wf-blue-hover); border-color: var(--wf-blue-hover); }
.workflow-token-button:disabled[b-bnahxe0jzi] { opacity: 0.65; cursor: not-allowed; }
.workflow-token-button:focus-visible[b-bnahxe0jzi] { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.workflow-fields .workflow-token-error[b-bnahxe0jzi] { color: var(--wf-danger); }
.workflow-cli-snippet[b-bnahxe0jzi] { position: relative; min-width: 0; margin-block: 0.5rem; }
.workflow-cli-snippet textarea[b-bnahxe0jzi] {
    display: block; width: 100%; min-width: 0; max-width: 100%; padding: 2.75rem 0.75rem 0.75rem;
    border: 1px solid var(--wf-border); border-radius: 0.375rem; resize: vertical;
    background: var(--wf-code); color: var(--wf-code-text);
    font: 0.8125rem/1.6 "Cascadia Code", Consolas, monospace;
}
.workflow-cli-snippet textarea:focus-visible[b-bnahxe0jzi] { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.workflow-cli-snippet[b-bnahxe0jzi]  .playground-icon-button,
.workflow-cli-snippet[b-bnahxe0jzi]  [role="status"]:not(:empty) { background: var(--wf-paper); }
.workflow-cli-actions[b-bnahxe0jzi] { display: flex; margin-block: 0.5rem; }
.foundry-policy-shell-link[b-bnahxe0jzi] {
    align-items: center; display: inline-flex;
    min-height: var(--playground-touch-target); white-space: nowrap;
}
/* /Components/WorkflowStatusIcon.razor.rz.scp.css */
.workflow-status-icon[b-ptd4o8y9r9] {
    --wf-status-fill: var(--wf-muted, #596579);
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.workflow-status-glyph[b-ptd4o8y9r9] {
    display: block;
    box-sizing: border-box;
    width: var(--wf-status-size, 1.125rem);
    height: var(--wf-status-size, 1.125rem);
    padding: 0.125rem;
    border-radius: 50%;
    background: var(--wf-status-fill);
    color: var(--wf-paper, #ffffff);
    fill: currentColor;
    fill-rule: evenodd;
}

.workflow-status-icon.completed[b-ptd4o8y9r9],
.workflow-status-icon.succeeded[b-ptd4o8y9r9] { --wf-status-fill: var(--wf-success, #166534); }
.workflow-status-icon.failed[b-ptd4o8y9r9] { --wf-status-fill: var(--wf-danger, #9f1239); }
.workflow-status-icon.running[b-ptd4o8y9r9] { --wf-status-fill: var(--wf-blue, #2563eb); }
.workflow-status-icon.running .workflow-status-glyph[b-ptd4o8y9r9] { animation: workflow-spin-b-ptd4o8y9r9 1s linear infinite; }
.workflow-status-icon.running.is-static .workflow-status-glyph[b-ptd4o8y9r9] { animation: none; }
.workflow-status-icon.waiting[b-ptd4o8y9r9],
.workflow-status-icon.cancelled[b-ptd4o8y9r9],
.workflow-status-icon.stopped[b-ptd4o8y9r9],
.workflow-status-icon.paused[b-ptd4o8y9r9],
.workflow-status-icon.paused-for-budget[b-ptd4o8y9r9],
.workflow-status-icon.waiting-for-input[b-ptd4o8y9r9] { --wf-status-fill: var(--wf-warning, #854d0e); }

@keyframes workflow-spin-b-ptd4o8y9r9 { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .workflow-status-icon.running .workflow-status-glyph[b-ptd4o8y9r9] { animation: none; }
}
/* /Components/WorkflowTemplateCard.razor.rz.scp.css */
.workflow-template-card[b-hkcjwg8kkm] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    --wf-description-background: var(--wf-paper);
}
.workflow-template-card[b-hkcjwg8kkm]  > button:not([data-template-description-toggle]) { flex: 1; }
.workflow-template-card[b-hkcjwg8kkm]  > :is(.workflow-starter, .workflow-vmaas-template) {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    min-width: 0;
    min-height: 4.5rem;
    padding: 0.75rem;
    border: 1px solid var(--wf-border);
    border-radius: 0.625rem;
    background: var(--wf-paper);
    color: var(--wf-ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 120ms ease-out, border-color 120ms ease-out;
}
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail { display: flex; align-items: center; justify-content: center; flex: 0 0 2.25rem; width: 2.25rem; height: 2.25rem; border: 1px solid var(--wf-border); border-radius: 0.5rem; color: var(--wf-muted); background: var(--wf-soft); }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="waving_hand"] { background: #fff0c2; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="alt_route"] { background: #dcfce7; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="data_object"] { background: #e0f2fe; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="repeat"] { background: #ede9fe; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="call_merge"] { background: #cffafe; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="fact_check"] { background: #ecfccb; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="account_tree"] { background: #e0e7ff; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="sports_esports"] { background: #f3e8ff; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="today"] { background: #fef9c3; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="menu_book"] { background: #eef4ff; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="hub"] { background: #fae8ff; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="construction"] { background: #ffedd5; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="deployed_code"] { background: #e2ecf5; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="directions_boat"] { background: #ccfbf1; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="rocket_launch"] { background: #ffe4e6; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="sports_tennis"] { background: #f1f8ce; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="skateboarding"] { background: #ffe8cc; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="replay"] { background: #ffeadb; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="schedule"] { background: #f5ede0; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="festival"] { background: #fce7f3; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="monitoring"] { background: #dcf5e3; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="document_scanner"] { background: #dbeafe; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="gavel"] { background: #f2eafd; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="receipt_long"] { background: #e7f2d9; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="manage_search"] { background: #d9f4ef; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="subtitles"] { background: #e8e4f8; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="graphic_eq"] { background: #ece3ff; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="support_agent"] { background: #e5f2ff; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="router"] { background: #e3f7f5; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="health_and_safety"] { background: #f0e8fb; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="local_hospital"] { background: #e8f6ec; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="hotel"] { background: #fff2df; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="flight"] { background: #e7f3fc; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="local_shipping"] { background: #f8efdc; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="bolt"] { background: #fbf4cc; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="translate"] { background: #f1eafb; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="school"] { background: #eaf3df; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="movie"] { background: #fbe4ec; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="auto_awesome"] { background: #fff5d6; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="video_library"] { background: #f5e1f7; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="branding_watermark"] { background: #f9e7d2; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="fingerprint"] { background: #e0f3ed; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="code"] { background: #e5edf8; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="shopping_bag"] { background: #fcebcf; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="medical_services"] { background: #e1f5f2; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="account_balance"] { background: #e6edf9; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="public"] { background: #eef4da; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="subscriptions"] { background: #edfdfb; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="folder"] { background: #f8fbef; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="inventory_2"] { background: #f5eefb; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="computer"] { background: #eff9fd; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="storage"] { background: #fff8ec; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="web"] { background: #f2f5ff; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="key"] { background: #fef6ee; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="extension"] { background: #eefdf1; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="admin_panel_settings"] { background: #f5fcfa; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="image"] { background: #e8f3fb; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="description"] { background: #eef0ff; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="record_voice_over"] { background: #f3edf9; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="payments"] { background: #f7efdf; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="speed"] { background: #e6f7fa; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="verified"] { background: #edf8eb; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="approval"] { background: #fff0eb; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="mark_email_unread"] { background: #edf3fc; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="flag"] { background: #fff4dc; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="task_alt"] { background: #e6f5e9; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="event_note"] { background: #edf0fc; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="drafts"] { background: #f5eef9; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="event_available"] { background: #e6f6ed; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="self_improvement"] { background: #ecf7f2; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="outgoing_mail"] { background: #f7f1e8; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="attach_email"] { background: #edf5fb; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="folder_open"] { background: #fff6e7; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="history"] { background: #f2f0fa; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="create_new_folder"] { background: #fbf6e9; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="monitor_heart"] { background: #e9f6f5; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="dataset"] { background: #edf4f8; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="pending_actions"] { background: #f5f1e7; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="new_releases"] { background: #fbefea; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="merge"] { background: #eeeffc; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="webhook"] { background: #edf7f8; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail[data-icon="checklist"] { background: #f0f6e8; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-thumbnail .rzi { font-size: 1.25rem; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-copy { display: flex; flex: 1; flex-direction: column; gap: 0.25rem; min-width: 0; overflow-wrap: anywhere; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-copy strong { font-size: 0.8125rem; font-weight: 650; line-height: 1.4; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-copy > span { color: var(--wf-muted); font-size: 0.75rem; line-height: 1.5; }
.workflow-template-card[b-hkcjwg8kkm]  .workflow-starter-arrow { color: var(--wf-muted); font-size: 1rem; }
.workflow-template-card[b-hkcjwg8kkm]  > :is(.workflow-starter, .workflow-vmaas-template):hover:not(:disabled) { border-color: var(--wf-blue); background: var(--wf-blue-soft); }
.workflow-template-card[b-hkcjwg8kkm]  > :is(.workflow-starter, .workflow-vmaas-template):hover:not(:disabled) strong,
.workflow-template-card[b-hkcjwg8kkm]  > :is(.workflow-starter, .workflow-vmaas-template):hover:not(:disabled) > .workflow-starter-arrow { color: var(--wf-blue-hover); }
.workflow-template-card[b-hkcjwg8kkm]  > :is(.workflow-starter, .workflow-vmaas-template):focus-visible { outline: 2px solid var(--wf-blue); outline-offset: 3px; }
.workflow-template-card[b-hkcjwg8kkm]  > :is(.workflow-starter, .workflow-vmaas-template):disabled { opacity: 0.48; cursor: not-allowed; }
.workflow-template-card[b-hkcjwg8kkm]  [data-template-description] {
    display: block;
    overflow: hidden;
    overflow-wrap: anywhere;
    max-height: 2lh;
}
.workflow-template-card[data-description-expanded="true"][b-hkcjwg8kkm]  [data-template-description] {
    max-height: none;
}
.workflow-template-card:has(> :is(.workflow-starter, .workflow-vmaas-template):hover:not(:disabled))[b-hkcjwg8kkm] {
    --wf-description-background: var(--wf-blue-soft);
}
.workflow-template-card > .workflow-template-description-toggle[b-hkcjwg8kkm] {
    position: absolute;
    top: var(--wf-description-top);
    right: var(--wf-description-right);
    width: 2em;
    height: var(--wf-description-line-height);
    padding: 0;
    border: 0;
    background: var(--wf-description-background);
    color: var(--wf-blue);
    font: inherit;
    font-size: var(--wf-description-font-size);
    line-height: var(--wf-description-line-height);
    cursor: pointer;
}
.workflow-template-description-toggle[b-hkcjwg8kkm]::after { content: ""; position: absolute; inset: -3px 0; }
.workflow-template-description-toggle[hidden][b-hkcjwg8kkm] { display: none; }
.workflow-template-description-toggle:hover[b-hkcjwg8kkm] { color: var(--wf-blue-hover); text-decoration: underline; }
.workflow-template-description-toggle:focus-visible[b-hkcjwg8kkm] { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.workflow-template-card[data-description-expanded="true"] > .workflow-template-description-toggle[b-hkcjwg8kkm] {
    position: relative;
    top: auto;
    right: auto;
    align-self: flex-end;
    width: auto;
    height: auto;
    min-height: 2.75rem;
    padding: 0.5rem;
    background: transparent;
}
/* /Components/WorkflowTraderDashboard.razor.rz.scp.css */
.workflow-trader[b-ap7jm2rif0] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--wf-border);
    border-radius: 0.875rem;
    background: var(--wf-paper);
    color: var(--wf-ink);
    font-family: "Segoe UI", Aptos, Calibri, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
    container-type: inline-size;
}
.workflow-trader h3[b-ap7jm2rif0], .workflow-trader h4[b-ap7jm2rif0], .workflow-trader h5[b-ap7jm2rif0], .workflow-trader p[b-ap7jm2rif0] { margin: 0; }
.trader-heading[b-ap7jm2rif0], .trader-section-heading[b-ap7jm2rif0] { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem 1rem; }
.trader-heading h3[b-ap7jm2rif0] { font-size: 1.125rem; font-weight: 650; }
.trader-heading p[b-ap7jm2rif0], .trader-section-heading > span[b-ap7jm2rif0], .trader-note[b-ap7jm2rif0] { color: var(--wf-muted); font-size: 0.8125rem; }
.trader-status[b-ap7jm2rif0] { font-weight: 600; }
.trader-controls[b-ap7jm2rif0] { display: flex; align-items: end; flex-wrap: wrap; gap: 0.5rem; margin: 1rem 0 0.5rem; }
.trader-controls > div[b-ap7jm2rif0] { flex: 1 1 8rem; min-width: 0; }
.trader-controls label[b-ap7jm2rif0] { display: block; margin-bottom: 0.25rem; font-weight: 600; }
.trader-controls input[b-ap7jm2rif0], .trader-controls button[b-ap7jm2rif0] { min-height: 2.75rem; border: 1px solid var(--wf-strong-border); border-radius: 0.625rem; padding: 0.5rem 0.75rem; font: inherit; background: var(--wf-paper); color: var(--wf-ink); }
.trader-controls input[b-ap7jm2rif0] { width: 100%; box-sizing: border-box; text-transform: uppercase; }
.trader-controls button[b-ap7jm2rif0] { cursor: pointer; }
.trader-controls button:hover:not(:disabled)[b-ap7jm2rif0] { background: var(--wf-soft); }
.trader-controls .trader-primary[b-ap7jm2rif0] { background: var(--wf-blue); color: var(--wf-paper); border-color: var(--wf-blue); }
.trader-controls .trader-primary:hover:not(:disabled)[b-ap7jm2rif0] { background: var(--wf-blue-hover); }
.trader-controls :disabled[b-ap7jm2rif0] { opacity: 0.55; cursor: not-allowed; }
.workflow-trader :is(button, input, a, summary):focus-visible[b-ap7jm2rif0] { outline: 2px solid var(--wf-blue); outline-offset: 3px; }
.trader-quote[b-ap7jm2rif0], .trader-insights[b-ap7jm2rif0], .workflow-trader footer[b-ap7jm2rif0] { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--wf-border); }
.trader-section-heading[b-ap7jm2rif0] { margin-bottom: 0.75rem; }
.trader-section-heading h4[b-ap7jm2rif0] { font-size: 1rem; font-weight: 650; }
.trader-price-line[b-ap7jm2rif0] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem 1rem; font-variant-numeric: tabular-nums; }
.trader-price[b-ap7jm2rif0] { font-size: clamp(1.75rem, 6cqi, 2.5rem); font-weight: 650; }
.trader-change.positive[b-ap7jm2rif0] { color: var(--wf-success, var(--cp-success)); }
.trader-change.negative[b-ap7jm2rif0], .trader-error[b-ap7jm2rif0] { color: var(--wf-danger); }
.trader-warning[b-ap7jm2rif0] { color: var(--wf-warning, var(--cp-text)); font-weight: 600; }
.workflow-trader .trader-error[b-ap7jm2rif0], .workflow-trader .trader-warning[b-ap7jm2rif0] { margin-top: 0.75rem; }
.trader-market-values[b-ap7jm2rif0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem 1rem; margin: 1rem 0; }
.trader-market-values dt[b-ap7jm2rif0] { color: var(--wf-muted); font-size: 0.8125rem; font-weight: 400; }
.trader-market-values dd[b-ap7jm2rif0] { margin: 0.25rem 0 0; font-variant-numeric: tabular-nums; font-weight: 600; }
.workflow-trader .trader-summary[b-ap7jm2rif0] { margin-top: 0.5rem; max-width: 72ch; }
.trader-analysis[b-ap7jm2rif0] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin: 1rem 0; }
.trader-analysis h5[b-ap7jm2rif0] { font-size: 0.875rem; font-weight: 650; margin-bottom: 0.375rem; }
.workflow-trader ul[b-ap7jm2rif0] { margin: 0.5rem 0; padding-left: 1.25rem; }
.workflow-trader li + li[b-ap7jm2rif0] { margin-top: 0.5rem; }
.trader-sources[b-ap7jm2rif0] { margin: 0.75rem 0; }
.trader-sources summary[b-ap7jm2rif0] { cursor: pointer; min-height: 2.75rem; align-content: center; }
.trader-sources a[b-ap7jm2rif0] { color: var(--wf-blue-hover); text-underline-offset: 0.2em; }
.trader-empty[b-ap7jm2rif0] { padding: 0.75rem 0; color: var(--wf-muted); }
@container (min-width: 36rem) {
    .trader-market-values[b-ap7jm2rif0] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .trader-analysis[b-ap7jm2rif0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* /Components/WorkflowUserInputPrompt.razor.rz.scp.css */
.workflow-user-input[b-bwepjfr3kd] {
    display: flex; flex-direction: column; gap: 0.75rem; min-width: 0; padding: 1rem;
    border: 1px solid var(--wf-strong-border, #aab6c5); border-radius: 0.625rem;
    color: var(--wf-ink, #172033); background: var(--wf-soft, #f7f9fc);
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.workflow-user-input-heading[b-bwepjfr3kd] { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; }
.workflow-user-input-heading h3[b-bwepjfr3kd] { margin: 0; font-size: 0.9375rem; font-weight: 650; }
.workflow-user-input-heading span[b-bwepjfr3kd] { color: var(--wf-muted, #596579); font-size: 0.75rem; }
.workflow-user-question[b-bwepjfr3kd] { margin: 0; font-size: 0.875rem; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.workflow-user-context[b-bwepjfr3kd] {
    margin: 0; padding: 0.75rem; max-height: 20rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere;
    border-radius: 0.375rem; color: var(--wf-code-ink, #d9e2ec); background: var(--wf-code-bg, #101827);
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace; font-size: 0.8125rem; line-height: 1.6;
}
.workflow-user-media[b-bwepjfr3kd] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: 0.75rem; }
.workflow-user-media > div[b-bwepjfr3kd] { min-width: 0; }
.workflow-user-media h4[b-bwepjfr3kd] { margin: 0 0 0.375rem; font-size: 0.8125rem; }
.workflow-user-options[b-bwepjfr3kd] { display: flex; flex-direction: column; gap: 0.5rem; }
.workflow-user-option[b-bwepjfr3kd] {
    min-height: 2.5rem; padding: 0.5rem 0.75rem; border: 1px solid var(--wf-border, #dbe2ea); border-radius: 0.375rem;
    color: var(--wf-ink, #172033); background: var(--wf-paper, #ffffff); text-align: left;
    font: inherit; font-size: 0.8125rem; line-height: 1.5; overflow-wrap: anywhere; cursor: pointer;
}
.workflow-user-option:hover:not(:disabled)[b-bwepjfr3kd] { border-color: var(--wf-strong-border, #aab6c5); }
.workflow-user-option[aria-pressed="true"][b-bwepjfr3kd] { border-color: var(--wf-blue, #2563eb); background: var(--wf-blue-soft, #eff6ff); }
.workflow-user-input label[b-bwepjfr3kd] { font-size: 0.75rem; font-weight: 600; }
.workflow-user-input textarea[b-bwepjfr3kd] {
    box-sizing: border-box; width: 100%; min-width: 0; min-height: 5rem; padding: 0.625rem; resize: vertical;
    border: 1px solid var(--wf-border, #dbe2ea); border-radius: 0.375rem; color: var(--wf-ink, #172033);
    background: var(--wf-paper, #ffffff); font: inherit; font-size: 0.875rem; line-height: 1.5;
}
.workflow-user-help[b-bwepjfr3kd] { margin: 0; color: var(--wf-muted, #596579); font-size: 0.75rem; line-height: 1.5; }
.workflow-user-error[b-bwepjfr3kd] { margin: 0; color: var(--wf-danger, #9f1239); font-size: 0.8125rem; line-height: 1.5; }
.workflow-user-submit[b-bwepjfr3kd] {
    align-self: flex-start; min-height: 2.5rem; padding: 0.5rem 0.875rem; border: 1px solid var(--wf-blue, #2563eb);
    border-radius: 0.5rem; color: var(--wf-paper, #ffffff); background: var(--wf-blue, #2563eb);
    font: inherit; font-size: 0.8125rem; font-weight: 600; cursor: pointer;
}
.workflow-user-submit:hover:not(:disabled)[b-bwepjfr3kd] { background: var(--wf-blue-hover, #1d4ed8); }
.workflow-user-input :is(button, textarea):focus-visible[b-bwepjfr3kd] { outline: 2px solid var(--wf-blue, #2563eb); outline-offset: 3px; }
.workflow-user-input button:disabled[b-bwepjfr3kd] { opacity: 0.6; cursor: not-allowed; }
/* /Components/WorkflowVmaasTemplateCatalog.razor.rz.scp.css */
.workflow-vmaas-catalog[b-2m3286g3m1] { min-width: 0; text-align: left; }
.workflow-vmaas-catalog :is(h4, h5)[b-2m3286g3m1] { margin: 0; color: var(--wf-ink); font-size: 0.875rem; font-weight: 650; line-height: 1.5; }
.workflow-vmaas-catalog > p[b-2m3286g3m1] { margin: 0.5rem 0 1rem; max-width: 65ch; color: var(--wf-muted); font-size: 0.875rem; line-height: 1.6; }
.workflow-vmaas-category[b-2m3286g3m1] { border-top: 1px solid var(--wf-border); }
.workflow-vmaas-category-heading[b-2m3286g3m1] { margin: 0; padding: 0.75rem 0.25rem; color: var(--wf-ink); font-size: 0.875rem; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.workflow-vmaas-category > summary[b-2m3286g3m1] { min-height: 2.75rem; padding: 0.75rem 0.25rem; color: var(--wf-ink); font-size: 0.875rem; font-weight: 600; line-height: 1.5; cursor: pointer; overflow-wrap: anywhere; }
.workflow-vmaas-count[b-2m3286g3m1] { display: inline-block; margin-inline-start: 0.5rem; color: var(--wf-muted); font-size: 0.75rem; font-weight: 400; }
.workflow-vmaas-list[b-2m3286g3m1] { display: grid; gap: 0.5rem; padding: 0 0.25rem 0.5rem; }
.workflow-vmaas-list[data-expanded="false"][b-2m3286g3m1]  > .workflow-template-card:nth-child(n + 2) { display: none; }
.workflow-vmaas-toggle[b-2m3286g3m1] { min-height: 2.75rem; margin-block: 0.5rem; padding: 0.5rem 0.25rem; border: 0; background: transparent; color: var(--wf-blue); font: inherit; font-size: 0.8125rem; text-align: left; text-decoration: underline; text-underline-offset: 0.2em; cursor: pointer; }
.workflow-vmaas-toggle:hover[b-2m3286g3m1] { color: var(--wf-blue-hover); }
.workflow-vmaas-category > summary:focus-visible[b-2m3286g3m1],
.workflow-vmaas-toggle:focus-visible[b-2m3286g3m1] { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
/* /Components/WorkflowWatermarkEditor.razor.rz.scp.css */
.watermark-fields[b-5knek9sw6d] {
    display: flex; flex-direction: column; gap: 0.5rem; min-width: 0;
    border: 0; margin: 0; padding: 0 1rem 1rem; color: var(--wf-ink);
}
.watermark-fields label[b-5knek9sw6d] { display: block; margin: 0.375rem 0; font-size: 0.875rem; font-weight: 600; }
.watermark-fields p[b-5knek9sw6d] { margin: 0; color: var(--wf-muted); font-size: 0.875rem; line-height: 1.6; overflow-wrap: anywhere; }
.watermark-fields h3[b-5knek9sw6d] { margin: 1rem 0 0; font-size: 1rem; font-weight: 600; }
.watermark-fields code[b-5knek9sw6d] { color: var(--wf-blue-hover); overflow-wrap: anywhere; }
.watermark-fields :is(input, select)[b-5knek9sw6d], .watermark-fields[b-5knek9sw6d]  input[type="file"] {
    display: block; width: 100%; min-width: 0; min-height: 2.75rem; padding: 0.5rem 0.625rem;
    border: 1px solid var(--wf-border); border-radius: 0.375rem;
    color: var(--wf-ink); background: var(--wf-paper); font: inherit; font-size: 0.875rem;
}
.watermark-fields :is(button, input, select):focus-visible[b-5knek9sw6d],
.watermark-fields[b-5knek9sw6d]  input:focus-visible { outline: 2px solid var(--wf-blue); outline-offset: 2px; }
.watermark-grid[b-5knek9sw6d] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.watermark-logo[b-5knek9sw6d] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem; padding-block: 0.5rem; font-size: 0.875rem; }
.watermark-logo img[b-5knek9sw6d] { width: 4rem; height: 4rem; object-fit: contain; background: var(--wf-soft); border: 1px solid var(--wf-border); }
.watermark-logo button[b-5knek9sw6d] { min-height: 2.75rem; padding: 0.375rem 0.75rem; background: var(--wf-paper); border: 1px solid var(--wf-border); border-radius: 0.375rem; color: var(--wf-ink); }
.watermark-guide[b-5knek9sw6d] {
    position: relative; width: 100%; aspect-ratio: 16 / 9; margin-top: 0.375rem;
    border: 1px solid var(--wf-strong-border); border-radius: 0.375rem; background: var(--wf-soft);
    scroll-margin-block: 4rem;
}
.watermark-guide.square[b-5knek9sw6d] { aspect-ratio: 1; }
.watermark-guide[b-5knek9sw6d]::before, .watermark-guide[b-5knek9sw6d]::after { content: ""; position: absolute; pointer-events: none; }
.watermark-guide[b-5knek9sw6d]::before { top: 50%; left: 0; right: 0; border-top: 1px dashed var(--wf-border); }
.watermark-guide[b-5knek9sw6d]::after { left: 50%; top: 0; bottom: 0; border-left: 1px dashed var(--wf-border); }
.watermark-guide-label[b-5knek9sw6d] { position: absolute; top: 0.625rem; left: 0.75rem; font-size: 0.75rem; color: var(--wf-muted); pointer-events: none; }
.watermark-marker[b-5knek9sw6d] {
    position: absolute; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; z-index: 1;
    color: var(--wf-paper); background: var(--wf-blue); border: 2px solid var(--wf-paper); border-radius: 0.375rem;
    cursor: grab; touch-action: none; user-select: none;
    scroll-margin-block: 4rem;
}
.watermark-marker:hover[b-5knek9sw6d] { background: var(--wf-blue-hover); }
.watermark-marker:active[b-5knek9sw6d] { cursor: grabbing; }
.watermark-fields .watermark-position[b-5knek9sw6d] { color: var(--wf-ink); font-variant-numeric: tabular-nums; }
.watermark-fields .watermark-error[b-5knek9sw6d] { color: var(--wf-danger, #9f1239); }
.watermark-fields:disabled[b-5knek9sw6d] { opacity: 0.65; }
.watermark-fields:disabled .watermark-marker[b-5knek9sw6d] { cursor: default; }
@media (max-width: 480px) { .watermark-grid[b-5knek9sw6d] { grid-template-columns: minmax(0, 1fr); } }