body.situation-remix-page {
    background: var(--primary-bg, #fdf6f8);
    color: var(--text-primary, #2a2328);
}
.situation-remix-page .situation-seo-shell {
    box-sizing: border-box;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    padding: 12px 20px calc(88px + env(safe-area-inset-bottom));
    background: var(--secondary-bg, #fff);
}
.situation-remix-back-nav { margin-bottom: 12px; }
.situation-remix-back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    color: var(--text-secondary, #746971);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
}
.situation-remix-back-link::before { content: "‹"; font-size: 20px; line-height: 1; }
.situation-remix-editor-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.situation-remix-page .situation-remix-title-section,
.situation-remix-page .situation-remix-edit-section,
.situation-remix-page .situation-remix-participants-section,
.situation-remix-page .situation-remix-metrics-section {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.situation-remix-page .situation-seo-section-title,
.situation-remix-title-label {
    display: block;
    margin: 0;
    padding: 0;
    color: var(--text-primary, #2a2328);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}
.situation-remix-page textarea,
.situation-remix-page .situation-remix-participant-name,
.situation-remix-page .situation-remix-metric-label {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 6px 0 0;
    padding: 10px 12px;
    border: 1px solid var(--border-color, #e9e4e8);
    border-radius: 8px;
    background: var(--input-bg, #fbfbfc);
    color: var(--text-primary, #332b31);
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: normal;
    overflow: auto;
    overflow-wrap: anywhere;
    resize: none;
    box-shadow: none;
    transition: border-color .15s, box-shadow .15s;
}
.situation-remix-page textarea:focus,
.situation-remix-page input:focus {
    outline: none;
    border-color: var(--button-primary-bg, #f657b5);
    box-shadow: 0 0 0 3px rgba(246, 87, 181, .10);
    background: var(--secondary-bg, #fff);
}
.situation-remix-page .situation-remix-title-input { min-height: 52px; max-height: 160px; font-weight: 500; }
.situation-remix-page .situation-remix-textarea { min-height: 96px; max-height: 240px; }
.situation-remix-page #situationRemixDetailInstructions { min-height: 220px; max-height: 360px; }
.situation-remix-editor-form > div:empty { display: none; }
.situation-remix-accordion-summary {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    min-height: 44px; cursor: pointer; list-style: none;
}
.situation-remix-accordion-summary::-webkit-details-marker { display: none; }
.situation-remix-accordion-chevron {
    width: 7px; height: 7px; flex: 0 0 auto;
    border-right: 1.5px solid var(--text-secondary, #746971);
    border-bottom: 1.5px solid var(--text-secondary, #746971);
    transform: rotate(45deg);
}
.situation-remix-accordion[open] .situation-remix-accordion-chevron { transform: rotate(225deg); }
.situation-remix-participant-list, .situation-remix-metric-list { display: grid; gap: 12px; margin-top: 8px; }
.situation-remix-participant-item, .situation-remix-metric-item {
    margin: 0; min-width: 0; padding: 12px;
    border: 1px solid var(--border-color, #eee8ec); border-radius: 8px;
}
.situation-remix-participant-copy { min-width: 0; }
.situation-remix-participant-field, .situation-remix-metric-field { display: block; min-width: 0; }
.situation-remix-participant-label { display: block; margin-top: 12px; font-size: 12px; color: var(--text-secondary, #746971); }
.situation-remix-page .situation-remix-participant-role,
.situation-remix-page .situation-remix-metric-description,
.situation-remix-page .situation-remix-metric-change-rules { min-height: 72px; max-height: 240px; }
.situation-remix-loading { display: none; padding: 8px 0; }
.situation-remix-loading-title { margin: 0; font-size: 14px; font-weight: 600; }
.situation-remix-loading-text { margin: 8px 0 16px; font-size: 12px; color: var(--text-secondary, #746971); }
.situation-remix-loading-line { display: block; height: 12px; margin-top: 10px; border-radius: 4px; background: var(--input-bg, #f5f2f5); }
.situation-remix-loading-line:last-child { width: 65%; }
.situation-remix-page [data-load-state="loading"] .situation-remix-loading { display: block; }
.situation-remix-page [data-load-state="loading"] .situation-remix-title-section,
.situation-remix-page [data-load-state="loading"] .situation-remix-edit-section,
.situation-remix-page [data-load-state="loading"] #situationRemixParticipantEditorHost,
.situation-remix-page [data-load-state="loading"] #situationRemixMetricEditorHost,
.situation-remix-page [data-load-state="login"] .situation-remix-title-section,
.situation-remix-page [data-load-state="login"] .situation-remix-edit-section,
.situation-remix-page [data-load-state="login"] #situationRemixParticipantEditorHost,
.situation-remix-page [data-load-state="login"] #situationRemixMetricEditorHost { display: none; }
.situation-remix-save-bar {
    position: fixed; bottom: 0; left: 50%; z-index: 20; transform: translateX(-50%);
    display: flex; flex-wrap: wrap; gap: 10px; box-sizing: border-box;
    width: min(100%, 450px); padding: 12px 20px calc(12px + env(safe-area-inset-bottom));
    border: 0;
    background: var(--secondary-bg, #fff);
}
.situation-remix-save-status { flex: 1 1 100%; margin: 0; font-size: 12px; line-height: 1.5; color: var(--text-secondary, #746971); }
.situation-remix-save-status:empty { display: none; }
.situation-remix-save-status[data-status-type="error"] { color: #b42318; }
.situation-remix-save-status[data-status-type="success"] { color: #247047; }
.situation-remix-save-button, .situation-remix-login-button {
    flex: 1; min-height: 46px; padding: 12px 16px; border: 0; border-radius: 8px;
    background: var(--button-primary-bg, #f657b5); color: var(--button-primary-text, #fff);
    font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.5; cursor: pointer;
}
.situation-remix-save-button { font-family: inherit; font-size: 14px; font-weight: 600; }
.situation-remix-login-button { font-family: inherit; font-size: 14px; }
.situation-remix-save-button:disabled { opacity: .5; cursor: wait; }
.situation-remix-login-button[hidden] { display: none; }
@media (max-width: 360px) {
    .situation-remix-page .situation-seo-shell { padding-left: 12px; padding-right: 12px; }
}