.structured-workspace {
    display: grid;
    gap: 0;
}

.structured-input-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 27rem;
}

.structured-input-grid > .workspace-pane + .workspace-pane {
    border-left: 1px solid var(--line);
}

.structured-workspace .code-input,
.structured-workspace .code-output {
    min-height: 23rem;
    font-size: clamp(.76rem, .72rem + .12vw, .88rem);
    line-height: 1.52;
}

.structured-result {
    border-top: 1px solid var(--line);
    padding: clamp(14px, 2vw, 22px);
}

.structured-output {
    width: 100%;
    min-height: 12rem !important;
}

.pane-limit {
    color: var(--muted);
    font-size: .72rem;
    text-transform: uppercase;
}

.schema-error-list,
.json-change-list {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.schema-error-list li,
.json-change-list li {
    display: grid;
    grid-template-columns: minmax(10rem, auto) minmax(0, 1fr) auto;
    gap: 8px 12px;
    align-items: start;
    border: 1px solid var(--line);
    background: rgba(2, 10, 5, .72);
    padding: 10px 12px;
}

.schema-error-list code,
.json-change-list code {
    overflow-wrap: anywhere;
}

.schema-error-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    max-width: 28rem;
}

.schema-error-actions code {
    flex: 1 1 100%;
    text-align: right;
}

.empty-result {
    color: var(--muted);
}

.structured-tool-page .product-bridge .workspace-actions {
    justify-content: flex-end;
}

.structured-search {
    display: grid;
    gap: 6px;
    margin-top: 14px;
}

.change-values {
    max-height: 7rem;
    overflow: auto;
    overflow-wrap: anywhere;
}

.stream-result-panel {
    display: grid;
    align-content: start;
    gap: 18px;
    padding: clamp(16px, 2.4vw, 28px);
}

.stream-result-panel progress {
    width: 100%;
    min-height: 1.25rem;
    accent-color: var(--phosphor);
}

.json-csv-input-grid .workspace-pane {
    min-height: 26rem;
}

@media (max-width: 760px) {
    .structured-input-grid {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .structured-input-grid > .workspace-pane + .workspace-pane {
        border-left: 0;
        border-top: 1px solid var(--line);
    }

    .structured-workspace .code-input,
    .structured-workspace .code-output {
        min-height: 15rem;
        font-size: .76rem;
    }

    .schema-error-list li,
    .json-change-list li {
        grid-template-columns: 1fr;
    }

    .schema-error-actions {
        justify-content: flex-start;
        max-width: none;
    }

    .schema-error-actions code {
        text-align: left;
    }
}