:root {
    --rage-bg: #07080b;
    --rage-panel: #111319;
    --rage-panel-2: #171a22;
    --rage-border: #2a2f3b;
    --rage-text: #f4f5f7;
    --rage-muted: #9ca3af;
    --rage-red: #ff2d2d;
    --rage-yellow: #ffd21f;
    --rage-white: #ffffff;
    --rage-green: #22c55e;
    --rage-calendar-published: #4ade80;
    --rage-calendar-scheduled: #79b8ed;
    --rage-calendar-planned: #ffd21f;
    --rage-analytics-surface: rgba(255, 255, 255, 0.025);
    --rage-safe-bottom: env(safe-area-inset-bottom, 0px);
}

:root[data-theme="light"] {
    --rage-bg: #f3f4f6;
    --rage-panel: #ffffff;
    --rage-panel-2: #f0f2f5;
    --rage-border: #cbd0d8;
    --rage-text: #20242b;
    --rage-muted: #586271;
    --rage-red: #c71930;
    --rage-yellow: #806000;
    --rage-white: #20242b;
    --rage-green: #15803d;
    --rage-calendar-published: #159b47;
    --rage-calendar-scheduled: #1676d2;
    --rage-calendar-planned: #d4a000;
    --rage-analytics-surface: #ffffff;
    --rage-ink: #20242b;
    --rage-muted-ink: #586271;
    --rage-surface: #ffffff;
    --rage-surface-alt: #f0f2f5;
    --rage-edge: #cbd0d8;
    --rage-danger-ink: #b42332;
    --rage-success-ink: #166534;
    --rage-warning-ink: #806000;
    --rage-edge-rgb: 32, 36, 43;
    --rage-surface-rgb: 255, 255, 255;
}

* {
    box-sizing: border-box;
}

html {
    height: 100%;
    max-width: 100%;
    overflow: hidden;
}

body {
    background: radial-gradient(circle at top left, rgba(255, 45, 45, 0.18), transparent 34%),
        radial-gradient(circle at bottom right, rgba(255, 210, 31, 0.1), transparent 30%),
        linear-gradient(135deg, var(--rage-surface, #07080b) 0%, var(--rage-surface-alt, #10131a) 52%, var(--rage-surface, #06070a) 100%);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--rage-text);
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
}

a {
    color: var(--rage-danger-ink, #ff7a7a);
}

:root[data-theme="light"] body {
    background: var(--rage-bg);
}

:root[data-theme="light"] .rage-button:not(.secondary):not(.danger),
:root[data-theme="light"] label.rage-button:not(.secondary):not(.danger),
:root[data-theme="light"] button.rage-button:not(.secondary):not(.danger) {
    color: #ffffff;
}

:root[data-theme="light"] .rage-switch-control::after {
    background: #ffffff;
}

:root[data-theme="light"] .rage-content-privacy-inline select {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2320242b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

:root[data-theme="light"] .rage-form select {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%2320242b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

:root[data-theme="light"] .rage-card {
    box-shadow: 0 2px 8px rgba(32, 36, 43, 0.05);
}

/* Simulated social posts retain their platform presentation in either app theme. */
:root[data-theme="light"] .rage-platform-preview {
    --rage-ink: initial;
    --rage-muted-ink: initial;
    --rage-surface: initial;
    --rage-surface-alt: initial;
    --rage-edge: initial;
    --rage-edge-rgb: initial;
    --rage-surface-rgb: initial;
    --rage-text: #f4f5f7;
    --rage-muted: #9ca3af;
    --rage-white: #ffffff;
    --rage-panel: #111319;
    --rage-panel-2: #171a22;
    --rage-yellow: #ffd21f;
    color: #f4f5f7;
    color-scheme: dark;
}

.rage-shell {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100vh;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.rage-app-header {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 7, 8, 11), 0.92);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    display: grid;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr);
    max-width: 100%;
    min-width: 0;
    padding: 8px 10px;
    z-index: 1000;
}

.rage-header-right {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: flex-end;
    min-width: 0;
}

.rage-header-brand {
    display: inline-flex;
    width: fit-content;
}

.rage-header-logo {
    display: none;
    height: auto;
    max-width: 32px;
}

.rage-header-favicon {
    display: block;
    height: 34px;
    width: 34px;
}

.rage-header-nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: flex-end;
    min-width: 0;
}

.rage-header-nav a {
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--rage-ink, #d7dce5);
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    padding: 6px;
    text-decoration: none;
    white-space: nowrap;
}

.rage-header-nav a:hover {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.05);
    border-color: rgba(255, 210, 31, 0.22);
    color: var(--rage-ink, #ffffff);
}

.rage-header-nav a.active {
    background: rgba(255, 210, 31, 0.1);
    border-color: rgba(255, 210, 31, 0.48);
    color: var(--rage-yellow);
}

.rage-header-actions {
    justify-self: end;
}

.rage-header-actions .rage-button {
    padding: 6px 7px;
    margin-left: 6px;
}

.rage-signout-full {
    display: none;
}

.rage-signout-short {
    display: inline;
}

.rage-content {
    margin: 0 auto;
    max-width: 1560px;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 12px 40px;
    width: 100%;
}

.rage-app-workspace {
    display: grid;
    grid-template-columns: minmax(0, 248px) minmax(0, 1fr);
    height: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.rage-app-workspace .rage-content {
    margin: 0;
    max-width: none;
}

.rage-global-sync {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 10, 12, 18), 0.82);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 5px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 12px;
    min-width: 0;
    padding: 8px 10px 8px 12px;
}

.rage-global-sync-main {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    min-width: 0;
}

.rage-global-sync-main span {
    color: var(--rage-red);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-global-sync-main strong {
    color: var(--rage-muted);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

[data-global-sync-details] { flex-basis: 100%; font-size: 12px; overflow-wrap: anywhere; }
[data-global-sync-details] summary { cursor: pointer; }
[data-global-sync-details] ul { max-height: 180px; overflow-y: auto; padding-left: 18px; margin: 6px 0; }

.rage-api-docs pre { max-width: 100%; overflow-x: auto; }
.rage-api-docs-actions { display: flex; justify-content: flex-end; margin-bottom: 8px; }
.rage-up-next .rage-project-content-row { grid-template-columns: 40px minmax(0, 1fr); }
.rage-up-next .rage-analytics-content-row small { flex-wrap: wrap; }
.rage-api-docs dt { overflow-wrap: anywhere; }
#api-access { grid-column: 1 / -1; font-size: 13px; }
#api-access fieldset { min-width: 0; padding: 0; border: 0; margin: 0; }
#api-access fieldset legend { font-size: 13px; font-weight: 700; margin-bottom: 8px; }
#api-access fieldset label { display: flex; align-items: center; gap: 8px; overflow-wrap: anywhere; font-size: 13px; font-weight: 400; margin-bottom: 8px; }
#api-access input[type="checkbox"] { width: auto; flex: 0 0 auto; }
#api-access .rage-section-heading { flex-wrap: wrap; }
#api-access .rage-api-check { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 13px; font-weight: 400; }
#api-access .rage-api-check input[type="checkbox"] { margin: 0; padding: 0; width: 16px; height: 16px; min-height: 0; flex: 0 0 16px; align-self: center; }
#api-access .rage-api-check > span { min-width: 0; margin: 0; line-height: 20px; }
.rage-api-project-icon { width: 24px; height: 24px; flex: 0 0 24px; display: grid; place-items: center; border-radius: 4px; overflow: hidden; background: var(--rage-panel); }
.rage-api-project-icon img { width: 100%; height: 100%; object-fit: cover; }
.rage-api-password { position: relative; }
#api-access .rage-api-password input { padding-right: 46px; margin: 0; }
.rage-api-password button { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 36px; height: 36px; border: 0; background: transparent; color: var(--rage-muted); cursor: pointer; }
.rage-api-password button:focus-visible { outline: 2px solid var(--rage-yellow); }
#api-token-expiry[hidden] { display: none; }
.rage-api-expiration { display: grid; gap: 8px; padding-top: 10px; }
#api-access .rage-api-expiration > label { margin: 0; }
#api-access .rage-api-expiration input[type="date"] { margin-bottom: 0; }
.rage-api-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.rage-api-token-row { display: flex; align-items: center; gap: 16px; }
.rage-api-token-copy { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.rage-api-token-copy p { margin: 4px 0; }
.rage-api-token-copy small { font-size: 12px; color: var(--rage-muted); }
.rage-api-token-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rage-api-token-status { font-size: 12px; font-weight: 600; }
.rage-api-token-status.active { color: #16843b; }
.rage-api-token-status.revoked { color: #c32643; }
.rage-api-token-status.expired { color: #946200; }
:root:not([data-theme="light"]) .rage-api-token-status.active { color: #63d68a; }
:root:not([data-theme="light"]) .rage-api-token-status.revoked { color: #ff8095; }
:root:not([data-theme="light"]) .rage-api-token-status.expired { color: #eac365; }
.rage-api-inline-secret { display: flex; width: 280px; max-width: 100%; margin: 5px 0; }
.rage-api-copy-success { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 20px; opacity: 0; color: #16843b; font-size: 12px; }
.rage-api-copy-success.is-visible { opacity: 1; }
:root:not([data-theme="light"]) .rage-api-copy-success { color: #63d68a; }
.rage-api-inline-secret input { flex: 1; width: 0; min-width: 0; height: 26px; padding: 3px 6px; margin: 0; font: 11px ui-monospace, SFMono-Regular, Consolas, monospace; color: var(--rage-ink); background: var(--rage-surface); border: 1px solid var(--rage-border); border-radius: 4px 0 0 4px; }
.rage-api-inline-secret .rage-button { flex: 0 0 28px; min-height: 0; height: 26px; padding: 0; font-size: 12px; border-radius: 0 4px 4px 0; }
[data-token-feedback]:empty { display: none; }
.rage-api-token-row form { margin: 0; flex-shrink: 0; }
dialog.rage-api-modal { width: min(520px, calc(100% - 24px)); max-height: calc(100dvh - 32px); padding: 0; margin: auto; color: var(--rage-ink); border: 1px solid var(--rage-border); }
dialog.rage-api-modal:not([open]) { display: none; }
dialog.rage-api-modal::backdrop { background: rgba(0,0,0,.65); }
.rage-api-modal .rage-modal-header h2 { font-size: 20px; margin: 0; }
.rage-api-modal .rage-modal-body { max-width: none; width: 100%; }
.rage-api-modal .rage-modal-body > label { font-size: 13px; }
dialog.rage-docs-download { width: min(560px, calc(100% - 24px)); background: var(--rage-surface, #0c0e14); grid-template-rows: auto minmax(0, 1fr); }
.rage-docs-download .rage-modal-header { align-items: center; padding: 20px; }
.rage-docs-download .rage-docs-download-form { box-sizing: border-box; padding: 20px; gap: 20px; margin: 0; font-size: 14px; }
.rage-docs-choices { border: 0; padding: 0; margin: 0; display: block; min-width: 0; }
.rage-docs-choices legend { float: none; width: 100%; padding: 0; margin-bottom: 10px; font-size: 12px; font-weight: 700; color: var(--rage-muted, #a8b2c4); }
.rage-docs-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.rage-docs-download .rage-docs-choice { display: flex; align-items: center; gap: 10px; margin: 0; padding: 16px 12px; border: 1px solid var(--rage-border, #343943); border-radius: 6px; cursor: pointer; font-size: 13px; font-weight: 600; line-height: 1.4; background: var(--rage-surface-alt, #151820); }
.rage-docs-choice:has(input:checked) { border-color: var(--rage-red, #ed1231); background: rgba(237, 18, 49, .08); }
.rage-docs-choice:has(input:focus-visible) { outline: 2px solid var(--rage-red, #ed1231); outline-offset: 3px; }
.rage-docs-download input[type="radio"], .rage-docs-download input[type="checkbox"] { width: 16px; height: 16px; min-height: 16px; flex: 0 0 16px; padding: 0; margin: 0; accent-color: var(--rage-red, #ed1231); }
.rage-docs-token-options { display: grid; gap: 14px; min-width: 0; }
.rage-docs-token-options[hidden] { display: none; }
.rage-docs-token-options > label:not(.rage-docs-confirm) { display: grid; gap: 8px; font-weight: 600; }
.rage-docs-token-options select { box-sizing: border-box; width: 100%; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid var(--rage-border, #343943); border-radius: 4px; background: var(--rage-surface-alt, #151820); color: var(--rage-ink, #f8fafc); font: inherit; }
.rage-docs-token-options p { margin: 0; }
.rage-docs-token-options [data-docs-token-access] { font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; color: var(--rage-muted, #a8b2c4); }
.rage-docs-secret-warning { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border-left: 3px solid var(--rage-red, #ed1231); background: rgba(237, 18, 49, .08); font-size: 13px; line-height: 1.5; }
.rage-docs-secret-warning > i { margin-top: 3px; }
.rage-docs-download .rage-docs-confirm { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 20px; cursor: pointer; }
.rage-docs-confirm input { margin-top: 2px !important; }
.rage-docs-create-token { display: inline-flex; align-items: center; justify-self: start; gap: 8px; font-size: 13px; color: var(--rage-ink, #f8fafc); text-decoration: none; }
.rage-docs-create-token:hover { text-decoration: underline; }
.rage-docs-create-token > i:last-child { font-size: 10px; color: var(--rage-muted, #a8b2c4); }
.rage-docs-download [data-docs-download-message] { margin: 0; color: var(--rage-red, #ed1231); overflow-wrap: anywhere; }
.rage-docs-download [data-docs-download-message]:empty, .rage-docs-download [data-docs-token-access]:empty { display: none; }
.rage-docs-download .rage-modal-actions { margin: 0 -20px -20px; padding: 16px 20px; background: var(--rage-surface, #0c0e14); bottom: -20px; }
@media (max-width: 480px) {
    .rage-docs-download .rage-docs-choice-grid { grid-template-columns: minmax(0, 1fr); }
    .rage-docs-download .rage-docs-choice { padding: 12px; }
    .rage-docs-download .rage-modal-actions .rage-button { flex: 1; }
}
[data-api-token-message]:empty { display: none; }
.rage-api-modal .rage-api-secret-body { gap: 8px; }
.rage-api-modal .rage-api-secret-body > label { margin: 0; }
.rage-api-secret-control { display: flex; align-items: stretch; min-width: 0; }
.rage-api-modal .rage-api-secret-control input { box-sizing: border-box; flex: 1 1 0; min-width: 0; width: 0; margin: 0; height: 44px; border-radius: 4px 0 0 4px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px; font-weight: 400; }
.rage-api-secret-control .rage-button { flex: 0 0 auto; height: 44px; min-width: 76px; border-radius: 0 4px 4px 0; gap: 6px; }
.rage-api-secret-note { font-size: 12px; line-height: 1.5; margin: 4px 0 0; }
.rage-api-secret-actions { padding: 14px 18px; margin: 0; gap: 8px; }
.rage-api-secret-body [data-api-secret-message] { margin: 0; font-size: 13px; overflow-wrap: anywhere; }
.rage-api-secret-body [data-api-secret-message]:empty { display: none; }
#api-access [role="status"].is-error { color: #b71938; }
:root:not([data-theme="light"]) #api-access [role="status"].is-error { color: #ff8095; }

.rage-global-sync form {
    flex: 0 0 auto;
    margin: 0;
}

.rage-sync-refresh-label { display: none; }
@media (min-width: 720px) {
    .rage-dashboard-sidebar:has([data-sidebar-sync]) { grid-template-rows: minmax(0, 1fr) auto; }
    [data-sidebar-sync] .rage-global-sync { flex-direction: column; align-items: stretch; gap: 10px; margin: 12px 0 0; padding: 12px 0 0; border: 0; border-top: 1px solid var(--rage-border); border-radius: 0; background: none; }
    [data-sidebar-sync] .rage-global-sync-main > span { display: none; }
    [data-sidebar-sync] .rage-global-sync-main strong { font-size: 11px; font-weight: 400; }
    [data-sidebar-sync] .rage-sync-refresh-label { display: inline; }
    [data-sidebar-sync] .rage-activity-sync-button { width: 100%; gap: 8px; }
}

.rage-auth-body {
    overflow-x: hidden;
}

html.rage-auth-page, .rage-auth-page body { height: auto; min-height: 100%; overflow: visible; }

.rage-auth-shell {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 32px 18px;
}

.rage-auth-card {
    background: transparent;
    border: 0;
    box-shadow: none;
    max-width: 430px;
    padding: 24px;
    width: 100%;
}

.rage-auth-logo {
    display: block;
    height: auto;
    margin: 0 auto 22px;
    width: 100%;
}

.rage-login-form {
    margin: 0 auto;
    max-width: 360px;
}

.rage-login-form input {
    margin-bottom: 12px;
}

.rage-login-form input::placeholder {
    color: var(--rage-muted-ink, #8e97a7);
}

.rage-invite-email {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.11);
    border-radius: 6px;
    display: grid;
    gap: 3px;
    margin-bottom: 12px;
    min-width: 0;
    overflow: hidden;
    padding: 10px 14px;
    text-align: center;
}

.rage-invite-email-label {
    color: var(--rage-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-invite-email-value {
    color: var(--rage-ink, #ffffff);
    display: block;
    font-size: 16px;
    line-height: 1.35;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.rage-invite-email-value span {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    width: 100%;
}

.rage-auth-password-field {
    position: relative;
}

.rage-auth-password-field input {
    padding-right: 46px;
}

.rage-auth-password-field button {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--rage-muted-ink, #aeb7c6);
    cursor: pointer;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 4px;
    top: 0;
    width: 42px;
}

.rage-auth-password-field button:hover,
.rage-auth-password-field button:focus {
    color: var(--rage-yellow);
    outline: none;
}

.rage-password-strength,
.rage-password-match-message {
    display: block;
    font-size: 12px;
    margin: -5px 0 12px;
    text-align: center;
}

.rage-password-strength {
    color: var(--rage-muted);
}

.rage-password-strength.is-weak,
.rage-password-match-message {
    color: var(--rage-danger-ink, #fecaca);
}

.rage-password-strength.is-ok {
    color: var(--rage-warning-ink, #fde68a);
}

.rage-password-strength.is-strong {
    color: var(--rage-success-ink, #bbf7d0);
}

.rage-form .rage-login-remember {
    align-items: center;
    color: var(--rage-muted-ink, #c8d0dd);
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    margin: 0 0 18px;
}

.rage-form .rage-login-remember input {
    accent-color: var(--rage-yellow);
    display: inline-block;
    flex: 0 0 auto;
    height: 15px;
    margin: 0;
    padding: 0;
    width: 15px;
}

.rage-login-form .rage-form-actions {
    justify-content: center;
}

.rage-login-submit {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
}

.rage-login-submit .rage-spinner {
    display: none;
}

.rage-login-submit.is-loading .rage-spinner {
    display: inline-block;
}

.rage-card,
.rage-panel {
    background: rgba(var(--rage-surface-rgb, 12, 14, 20), 0.9);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 4px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
    padding: 14px;
}

.rage-panel {
    background: rgba(var(--rage-surface-rgb, 23, 26, 34), 0.9);
}

.rage-topbar {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 24px;
}

.rage-title {
    color: var(--rage-ink, #ffffff);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.1;
    margin: 0;
}

.rage-kicker {
    align-items: center;
    color: var(--rage-red);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    margin-bottom: 8px;
    min-height: 16px;
    text-transform: uppercase;
}

.rage-muted {
    color: var(--rage-muted);
}

.rage-button,
label.rage-button,
button.rage-button {
    background: #e11d2e;
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 4px;
    color: var(--rage-ink, #ffffff);
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    padding: 7px 10px;
    text-decoration: none;
}

.rage-button:hover,
button.rage-button:hover {
    background: #f22535;
}

.rage-button:disabled {
    cursor: wait;
    opacity: 0.72;
}

.rage-spinner {
    animation: rage-spin 0.8s linear infinite;
    border: 2px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.28);
    border-radius: 999px;
    border-top-color: var(--rage-ink, #ffffff);
    display: inline-block;
    height: 14px;
    width: 14px;
}

@keyframes rage-spin {
    to {
        transform: rotate(360deg);
    }
}

.rage-button.secondary {
    background: var(--rage-edge, #2a2f3b);
}

.rage-button.danger {
    background: transparent;
    border-color: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.16);
    color: var(--rage-ink, #d7dce5);
}

.rage-button.danger:hover {
    background: rgba(255, 45, 45, 0.1);
    border-color: rgba(255, 45, 45, 0.35);
    color: var(--rage-ink, #ffffff);
}

.rage-form {
    max-width: 980px;
}

.rage-form label {
    color: var(--rage-ink, #ffffff);
    display: block;
    font-weight: 800;
    margin-bottom: 7px;
}

.rage-form input,
.rage-form select,
.rage-form textarea {
    background: var(--rage-surface, #090b10);
    border: 1px solid var(--rage-edge, #3b414d);
    border-radius: 6px;
    color: var(--rage-text);
    display: block;
    font-size: 16px;
    margin-bottom: 16px;
    padding: 11px 14px;
    width: 100%;
}

.rage-form textarea {
    line-height: 1.45;
    resize: vertical;
}

.rage-form select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23dfe4ed' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-right: 42px;
}

.rage-form input:focus,
.rage-form select:focus,
.rage-form textarea:focus {
    border-color: var(--rage-yellow);
    box-shadow: 0 0 0 3px rgba(255, 210, 31, 0.16);
    outline: none;
}

.rage-form-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.rage-back-link {
    color: var(--rage-ink, #cbd5e1);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 14px;
    text-decoration: none;
}

.rage-back-link:hover {
    color: var(--rage-yellow);
}

.rage-wizard-shell {
    margin: 0 auto;
    max-width: 760px;
    padding-top: 18px;
}

.rage-wizard-intro {
    margin-bottom: 20px;
    text-align: center;
}

.rage-wizard-intro .rage-muted {
    margin: 8px auto 0;
    max-width: 560px;
}

.rage-path-grid {
    display: grid;
    gap: 12px;
    margin-bottom: 14px;
}

.rage-path-card {
    background: rgba(var(--rage-surface-rgb, 12, 14, 20), 0.9);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 4px;
    color: var(--rage-text);
    cursor: pointer;
    padding: 16px;
    text-align: left;
}

.rage-path-card:hover,
.rage-path-card.active {
    border-color: rgba(255, 210, 31, 0.58);
    box-shadow: 0 0 0 1px rgba(255, 210, 31, 0.14);
}

.rage-path-eyebrow {
    color: var(--rage-yellow);
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.rage-path-card strong {
    display: block;
    font-size: 18px;
    margin-bottom: 6px;
}

.rage-path-card small {
    color: var(--rage-muted);
    display: block;
    line-height: 1.4;
}

.rage-wizard-form {
    display: none;
    margin-top: 14px;
    padding: 18px;
}

.rage-wizard-form.is-visible {
    display: block;
}

.rage-mode-panel {
    display: none;
}

.rage-mode-panel.is-visible {
    display: block;
}

.rage-wizard-form .rage-section-heading {
    display: block;
    margin-bottom: 14px;
}

.rage-wizard-form .rage-section-heading h2 {
    font-size: 24px;
    line-height: 1.15;
}

.rage-wizard-fields {
    display: grid;
    gap: 14px;
    margin-bottom: 18px;
}

.rage-wizard-fields label {
    color: var(--rage-ink, #dfe4ed);
    font-size: 13px;
    font-weight: 700;
}

.rage-wizard-fields input {
    background: var(--rage-surface, #090b10);
    border: 1px solid var(--rage-edge, #3b414d);
    border-radius: 4px;
    color: var(--rage-text);
    display: block;
    font-size: 15px;
    margin-top: 7px;
    min-height: 42px;
    padding: 10px 12px;
    width: 100%;
}

.rage-wizard-fields input:focus {
    border-color: var(--rage-yellow);
    box-shadow: 0 0 0 3px rgba(255, 210, 31, 0.14);
    outline: none;
}

.rage-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.rage-dashboard-hero {
    align-items: flex-start;
    background: linear-gradient(135deg, rgba(255, 45, 45, 0.1), rgba(255, 210, 31, 0.035) 45%, rgba(var(--rage-surface-rgb, 12, 14, 20), 0.88));
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 4px;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 12px;
    padding: 16px;
}

.rage-page-heading {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 12px;
    min-width: 0;
}

.rage-page-heading .rage-kicker {
    margin-bottom: 4px;
}

.rage-page-heading .rage-title {
    font-size: 24px;
    line-height: 1.05;
}

.rage-page-heading .rage-muted {
    font-size: 14px;
    line-height: 1.35;
    margin: 4px 0 0;
    max-width: 780px;
}

.rage-page-heading>div {
    min-width: 0;
}

.rage-dashboard-sidebar {
    background: rgba(var(--rage-surface-rgb, 8, 10, 15), 0.76);
    border-right: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    display: grid;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 18px 10px 12px;
    z-index: 800;
}

.rage-dashboard-mobile-toggle {
    display: none;
}

.rage-dashboard-sidebar-body {
    display: grid;
    grid-template-rows: auto auto auto;
    align-content: start;
    min-height: 0;
    min-width: 0;
}

.rage-dashboard-app-switcher {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 17, 19, 27), 0.84);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 4px;
    color: var(--rage-ink, #ffffff);
    display: grid;
    font-size: 13px;
    font-weight: 800;
    gap: 8px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    margin-bottom: 14px;
    padding: 7px 8px;
    position: relative;
}

.rage-dashboard-app-switcher img {
    display: block;
    height: 28px;
    width: 28px;
}

.rage-dashboard-app-switcher span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-channel-switcher {
    display: block;
    padding: 0;
    z-index: 25;
}

.rage-channel-switcher button {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--rage-ink, #ffffff);
    cursor: pointer;
    display: grid;
    font-size: 13px;
    font-weight: 800;
    gap: 8px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    min-width: 0;
    outline: none;
    padding: 7px 8px;
    text-align: left;
    width: 100%;
}

.rage-channel-switcher button span:not(.rage-channel-switcher-fallback),
.rage-channel-switcher-menu a span:not(.rage-channel-switcher-fallback) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-channel-switcher button:hover,
.rage-channel-switcher button:focus {
    color: var(--rage-yellow);
}

.rage-channel-switcher-menu {
    background: var(--rage-surface-alt, #111319);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 4px;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34);
    display: grid;
    gap: 2px;
    left: 0;
    max-height: min(340px, calc(100vh - 180px));
    overflow-y: auto;
    padding: 5px;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
}

.rage-channel-switcher-menu.rage-channel-switcher-floating {
    position: fixed;
    inset: auto;
    margin: 0;
    box-sizing: border-box;
    z-index: 2000;
}

.rage-channel-switcher-menu[hidden] {
    display: none;
}

.rage-channel-switcher-menu a {
    align-items: center;
    border-radius: 4px;
    color: var(--rage-ink, #ffffff);
    display: grid;
    font-size: 13px;
    font-weight: 800;
    gap: 8px;
    grid-template-columns: 28px minmax(0, 1fr);
    min-height: 38px;
    padding: 5px 6px;
    text-decoration: none;
}

.rage-channel-switcher-menu a:hover,
.rage-channel-switcher-menu a:focus,
.rage-channel-switcher-menu a[aria-selected="true"] {
    background: rgba(255, 210, 31, 0.12);
    color: var(--rage-yellow);
    outline: none;
}

.rage-channel-switcher-fallback {
    align-items: center;
    background: rgba(255, 45, 45, 0.14);
    border: 1px solid rgba(255, 45, 45, 0.28);
    border-radius: 4px;
    color: var(--rage-ink, #ffffff);
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.rage-dashboard-side-nav {
    display: grid;
    gap: 4px;
    align-content: start;
    min-width: 0;
}

.rage-dashboard-side-nav a,
.rage-dashboard-side-nav button,
.rage-dashboard-side-subnav button,
.rage-dashboard-side-subnav a,
.rage-dashboard-side-footer a {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--rage-ink, #d7dce5);
    display: grid;
    font-size: 13px;
    font-weight: 800;
    gap: 10px;
    grid-template-columns: 22px minmax(0, 1fr);
    line-height: 1.2;
    padding: 10px 9px;
    text-decoration: none;
    width: 100%;
}

.rage-dashboard-side-nav a:hover,
.rage-dashboard-side-nav a:focus,
.rage-dashboard-side-nav button:hover,
.rage-dashboard-side-nav button:focus,
.rage-dashboard-side-subnav button:hover,
.rage-dashboard-side-subnav button:focus,
.rage-dashboard-side-subnav a:hover,
.rage-dashboard-side-subnav a:focus,
.rage-dashboard-side-footer a:hover,
.rage-dashboard-side-footer a:focus {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.05);
    border-color: rgba(255, 210, 31, 0.18);
    color: var(--rage-ink, #ffffff);
    outline: none;
}

.rage-dashboard-side-nav a.is-active,
.rage-dashboard-side-nav button.is-active,
.rage-dashboard-side-subnav button.is-active,
.rage-dashboard-side-subnav a.is-active {
    background: rgba(255, 210, 31, 0.12);
    border-color: rgba(255, 210, 31, 0.22);
    color: var(--rage-yellow);
}

.rage-dashboard-side-nav i,
.rage-dashboard-side-nav button i,
.rage-dashboard-side-subnav i,
.rage-dashboard-side-footer i {
    color: inherit;
    font-size: 14px;
    text-align: center;
}

.rage-dashboard-side-subnav {
    border-left: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    display: grid;
    gap: 3px;
    margin: 0 0 6px 20px;
    min-width: 0;
    padding-left: 8px;
}

.rage-dashboard-side-subnav button {
    background: transparent;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 8px;
    text-align: left;
}

.rage-dashboard-side-nav button {
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.rage-dashboard-side-subnav a {
    font-size: 12px;
    font-weight: 700;
    padding: 8px 8px;
}

.rage-dashboard-side-footer {
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    margin-top: 10px;
    padding-top: 10px;
}

.rage-dashboard-canvas {
    background: transparent;
    display: grid;
    gap: 18px;
    min-width: 0;
}

.rage-dashboard-canvas .rage-dashboard-hero,
.rage-dashboard-canvas .rage-dashboard-panel {
    max-width: none;
}

.rage-dashboard-canvas .rage-page-heading {
    margin-bottom: 0;
}

.rage-dashboard-hero .rage-button {
    justify-self: start;
}

.rage-dashboard-strip {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .rage-dashboard-canvas .rage-dashboard-heading {
        grid-template-columns: minmax(0, 1fr);
    }

    .rage-dashboard-canvas .rage-dashboard-heading .rage-title {
        font-size: 16px;
        line-height: 1.3;
    }

    .rage-dashboard-heading .rage-period-tabs {
        justify-self: start;
        max-width: 100%;
    }

    .rage-dashboard-strip {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin: 0;
    }

    .rage-dashboard-strip > div {
        min-width: 0;
        width: auto;
        margin-top: 0;
        padding: 0;
    }

    .rage-dashboard-stat-engagement {
        grid-column: 1 / -1;
        order: 1;
    }

    .rage-dashboard-strip .rage-stat-card {
        text-align: center;
        overflow-wrap: anywhere;
    }
}

.rage-stat-card {
    background: rgba(var(--rage-surface-rgb, 12, 14, 20), 0.82);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    padding: 12px 14px;
}

.rage-stat-action { display: block; color: inherit; text-decoration: none; }
.rage-stat-action:hover { color: inherit; text-decoration: none; border-color: var(--rage-red, #e90029); }
.rage-stat-action:focus-visible { outline: 2px solid var(--rage-red, #e90029); outline-offset: 3px; }

.rage-stat-card span {
    color: var(--rage-yellow);
    display: block;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 8px;
}

.rage-stat-card strong,
.rage-empty-state h3,
.rage-dashboard-panel h2 {
    color: var(--rage-white);
}

.rage-stat-card small {
    color: var(--rage-muted);
    display: block;
    line-height: 1.35;
    margin-top: 6px;
}

.rage-docs-overview {
    margin-bottom: 16px;
}

.rage-docs-grid {
    display: grid;
    gap: 16px;
}

.rage-docs-checklist,
.rage-docs-list {
    display: grid;
    gap: 10px;
}

.rage-docs-check,
.rage-docs-list-item {
    align-items: flex-start;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    border-radius: 4px;
    color: var(--rage-ink, #d7dce5);
    display: grid;
    gap: 10px;
    grid-template-columns: 16px 1fr;
    line-height: 1.45;
    padding: 10px 12px;
}

.rage-docs-check i,
.rage-docs-list-item i {
    color: var(--rage-yellow);
    font-size: 12px;
    line-height: 1.8;
}

.rage-docs-use-cases {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.rage-docs-use-case {
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.32);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    border-radius: 4px;
    display: grid;
    gap: 9px;
    min-width: 0;
    padding: 12px;
}

.rage-docs-use-case-heading {
    align-items: start;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.rage-docs-use-case h3 {
    color: var(--rage-ink, #ffffff);
    font-size: 14px;
    line-height: 1.2;
    margin: 0;
    overflow-wrap: anywhere;
}

.rage-docs-use-case span {
    border: 1px solid rgba(255, 210, 31, 0.28);
    border-radius: 999px;
    color: var(--rage-yellow);
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.04em;
    padding: 4px 7px;
    text-transform: uppercase;
}

.rage-docs-use-case p,
.rage-docs-use-case small {
    color: var(--rage-muted-ink, #b7bfcc);
    font-size: 12px;
    line-height: 1.45;
    margin: 0;
}

.rage-docs-use-case small {
    color: var(--rage-ink, #d7dce5);
    font-weight: 700;
}

.rage-docs-connection {
    display: grid;
    gap: 16px;
}

.rage-docs-connection-header {
    align-items: flex-start;
    display: grid;
    gap: 12px;
}

.rage-docs-platform {
    align-items: flex-start;
    display: grid;
    gap: 12px;
    grid-template-columns: 34px 1fr;
}

.rage-docs-platform-icon {
    align-items: center;
    background: rgba(255, 45, 45, 0.14);
    border: 1px solid rgba(255, 45, 45, 0.28);
    border-radius: 4px;
    color: var(--rage-ink, #ffffff);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.rage-docs-platform h2 {
    color: var(--rage-ink, #ffffff);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.15;
    margin: 0 0 6px;
}

.rage-docs-platform p {
    color: var(--rage-muted-ink, #b7bfcc);
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

.rage-docs-status {
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.16);
    border-radius: 999px;
    color: var(--rage-ink, #ffffff);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    justify-self: start;
    letter-spacing: 0.06em;
    padding: 6px 9px;
    text-transform: uppercase;
}

.rage-docs-status.is-good {
    background: rgba(34, 197, 94, 0.15);
    border-color: rgba(34, 197, 94, 0.42);
    color: var(--rage-success-ink, #bbf7d0);
}

.rage-docs-status.is-warning {
    background: rgba(255, 210, 31, 0.12);
    border-color: rgba(255, 210, 31, 0.38);
    color: var(--rage-yellow);
}

.rage-docs-status.is-review {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.07);
    border-color: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.18);
    color: var(--rage-ink, #d7dce5);
}

.rage-docs-milestone-grid {
    display: grid;
    gap: 12px;
}

.rage-docs-milestone {
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.32);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    border-radius: 4px;
    display: grid;
    gap: 14px;
    padding: 14px;
}

.rage-docs-milestone-heading {
    align-items: flex-start;
    display: grid;
    gap: 12px;
    grid-template-columns: 34px minmax(0, 1fr);
}

.rage-docs-milestone h3 {
    color: var(--rage-ink, #ffffff);
    font-size: 18px;
    line-height: 1.15;
    margin: 0 0 6px;
}

.rage-docs-milestone-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 6px;
}

.rage-docs-milestone-title h3 {
    margin: 0;
}

.rage-docs-milestone-title span {
    border: 1px solid rgba(255, 210, 31, 0.28);
    border-radius: 999px;
    color: var(--rage-yellow);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.06em;
    padding: 4px 7px;
    text-transform: uppercase;
}

.rage-docs-milestone p {
    color: var(--rage-muted-ink, #b7bfcc);
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

.rage-docs-progress {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
    position: relative;
}

.rage-docs-progress::before,
.rage-docs-progress::after {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 13px;
}

.rage-docs-progress::before {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
}

.rage-docs-progress::after {
    background: rgba(34, 197, 94, 0.46);
    right: auto;
    width: var(--progress-percent, 0%);
}

.rage-docs-progress-step {
    align-items: center;
    color: var(--rage-muted-ink, #8d96a6);
    display: grid;
    gap: 7px;
    justify-items: center;
    min-width: 0;
    position: relative;
    text-align: center;
}

.rage-docs-connection .rage-docs-progress {
    margin-top: 2px;
}

.rage-docs-progress-step i {
    align-items: center;
    background: var(--rage-surface-alt, #121620);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.16);
    border-radius: 999px;
    color: var(--rage-muted-ink, #8d96a6);
    display: inline-flex;
    font-size: 10px;
    height: 28px;
    justify-content: center;
    position: relative;
    width: 28px;
    z-index: 1;
}

.rage-docs-progress-step small {
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1.2;
    min-height: 24px;
    text-transform: uppercase;
}

.rage-docs-progress-step.is-done {
    color: var(--rage-success-ink, #bbf7d0);
}

.rage-docs-progress-step.is-done i {
    background: rgba(34, 197, 94, 0.18);
    border-color: rgba(34, 197, 94, 0.56);
    color: var(--rage-success-ink, #bbf7d0);
}

.rage-docs-progress-step.is-current {
    color: var(--rage-yellow);
}

.rage-docs-progress-step.is-current i {
    background: rgba(255, 210, 31, 0.16);
    border-color: rgba(255, 210, 31, 0.58);
    box-shadow: 0 0 0 4px rgba(255, 210, 31, 0.08);
    color: var(--rage-yellow);
}

.rage-docs-progress-step.is-disabled {
    opacity: 0.42;
}

.rage-docs-progress-step[data-tooltip]::after {
    background: var(--rage-surface, #05070b);
    border: 1px solid rgba(255, 210, 31, 0.28);
    border-radius: 4px;
    bottom: calc(100% + 12px);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.38);
    color: var(--rage-ink, #f8fafc);
    content: attr(data-tooltip);
    font-size: 12px;
    font-weight: 700;
    left: 50%;
    line-height: 1.4;
    max-width: min(300px, 72vw);
    opacity: 0;
    padding: 9px 10px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    text-transform: none;
    transform: translate(-50%, 6px);
    transition: opacity 0.14s ease, transform 0.14s ease;
    width: max-content;
    z-index: 20;
}

.rage-docs-progress-step[data-tooltip]:hover::after,
.rage-docs-progress-step[data-tooltip]:focus-visible::after {
    opacity: 1;
    transform: translate(-50%, 0);
}

.rage-docs-progress-step:focus-visible {
    outline: none;
}

.rage-docs-progress-step:focus-visible i {
    box-shadow: 0 0 0 4px rgba(255, 210, 31, 0.12);
}

.rage-docs-milestone ol {
    counter-reset: milestone;
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.rage-docs-milestone li {
    align-items: start;
    color: var(--rage-ink, #d7dce5);
    display: grid;
    font-size: 13px;
    gap: 10px;
    grid-template-columns: 22px minmax(0, 1fr);
    line-height: 1.45;
}

.rage-docs-milestone li::before {
    align-items: center;
    background: rgba(255, 210, 31, 0.12);
    border: 1px solid rgba(255, 210, 31, 0.24);
    border-radius: 999px;
    color: var(--rage-yellow);
    content: counter(milestone);
    counter-increment: milestone;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    height: 22px;
    justify-content: center;
    width: 22px;
}

@media (min-width: 760px) {
    .rage-docs-connection-header {
        align-items: flex-start;
        grid-template-columns: 1fr auto;
    }

    .rage-docs-status {
        justify-self: end;
    }

    .rage-docs-milestone-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.rage-channel-stats .rage-stat-card {
    padding: 12px;
}

.rage-channel-stats .rage-stat-card span {
    font-size: 19px;
}

.rage-channel-stats .rage-stat-card.is-warning span {
    color: var(--rage-red);
}

@media (max-width: 767.98px) {
    .rage-channel-stats .rage-stat-card {
        text-align: center;
    }

    .rage-channel-stats .rage-stat-card small {
        display: none;
    }
}

.rage-dashboard-panel {
    margin-bottom: 16px;
}

.rage-dashboard-insights-grid {
    align-items: stretch;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.32fr);
}

.rage-dashboard-insights-grid .rage-dashboard-panel {
    margin-bottom: 0;
}

.rage-dashboard-panel-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.rage-label-mobile {
    display: none;
}

.rage-dashboard-loading {
    align-items: center;
    color: var(--rage-muted-ink, #b8c2d2);
    display: inline-flex;
    font-size: 11px;
    font-weight: 400;
    gap: 7px;
    justify-self: end;
    line-height: 1;
    padding-top: 0;
    align-self: start;
    white-space: nowrap;
}

.rage-dashboard-loading[hidden] {
    display: none;
}

.rage-dashboard-loading .rage-spinner {
    height: 12px;
    width: 12px;
}

.rage-kicker-count {
    color: var(--rage-muted);
    margin-left: 4px;
}

.rage-dashboard-panel .rage-channel-inline {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 36px minmax(0, 1fr);
    text-decoration: none;
}

.rage-dashboard-panel .rage-channel-inline>span:last-child {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.rage-dashboard-panel .rage-channel-inline strong {
    color: var(--rage-ink, #ffffff);
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-dashboard-panel .rage-channel-inline small {
    color: var(--rage-muted);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-dashboard-connection-icons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.rage-dashboard-connection-icons .rage-provider-mark {
    font-size: 8px;
    height: 24px;
    width: 24px;
}

.rage-dashboard-connection-icons .rage-provider-mark svg {
    height: 22px;
    width: 22px;
}

.rage-dashboard-channel-performance {
    display: grid;
    gap: 7px;
    min-width: 190px;
}

.rage-dashboard-channel-performance small {
    color: var(--rage-muted);
    display: block;
    font-size: 12px;
    line-height: 1.25;
    white-space: nowrap;
}

.rage-dashboard-channel-performance small.rage-dashboard-channel-performance-period,
.rage-dashboard-panel .rage-dashboard-channel-performance small.rage-dashboard-channel-performance-period {
    display: none;
}

.rage-dashboard-channel-performance small strong {
    color: var(--rage-ink, #ffffff);
    font-size: inherit;
    font-weight: 900;
}

.rage-dashboard-insight-panel {
    display: grid;
    gap: 16px;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
}

.rage-dashboard-insight-panel .rage-section-heading {
    margin-bottom: 0;
}

.rage-dashboard-mix-donut {
    align-items: center;
    aspect-ratio: 1;
    display: grid;
    justify-self: center;
    max-width: 190px;
    padding: 17px;
    place-items: center;
    position: relative;
    width: min(100%, 190px);
}

.rage-dashboard-mix-svg {
    height: 100%;
    inset: 0;
    overflow: visible;
    position: absolute;
    transform: rotate(-90deg);
    width: 100%;
}

.rage-dashboard-mix-segment,
.rage-dashboard-mix-empty-ring {
    fill: none;
    stroke-linecap: butt;
    stroke-width: 18;
}

.rage-dashboard-mix-segment {
    cursor: pointer;
    filter: drop-shadow(0 0 12px rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08));
    outline: none;
    transition: opacity 0.18s ease;
}

.rage-dashboard-mix-segment:hover,
.rage-dashboard-mix-segment:focus {
    opacity: 0.86;
    stroke-width: 18;
}

.rage-dashboard-mix-empty-ring {
    stroke: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
}

.rage-dashboard-mix-donut::after {
    background: var(--rage-surface-alt, #101319);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    border-radius: 50%;
    content: "";
    inset: 25%;
    position: absolute;
}

.rage-dashboard-mix-center {
    display: grid;
    gap: 4px;
    place-items: center;
    position: relative;
    z-index: 1;
}

.rage-dashboard-mix-tooltip {
    background: rgba(var(--rage-surface-rgb, 9, 11, 16), 0.96);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 4px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.34);
    color: var(--rage-ink, #ffffff);
    display: grid;
    gap: 3px;
    left: 50%;
    min-width: 142px;
    opacity: 0;
    padding: 8px 9px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(12px, -108%);
    transition: opacity 120ms ease;
    z-index: 2;
}

.rage-dashboard-mix-tooltip.is-visible {
    opacity: 1;
}

.rage-dashboard-mix-tooltip strong {
    color: var(--rage-ink, #ffffff);
    font-size: 12px;
    line-height: 1.15;
}

.rage-dashboard-mix-tooltip span {
    color: var(--rage-muted);
    font-size: 11px;
}

.rage-dashboard-mix-center strong {
    color: var(--rage-ink, #ffffff);
    font-size: 25px;
    line-height: 1;
}

.rage-dashboard-mix-center span {
    color: var(--rage-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-dashboard-mix-list {
    display: none;
    gap: 8px;
    min-width: 0;
}

.rage-dashboard-mix-list p {
    font-size: 13px;
    margin: 0;
}

.rage-dashboard-mix-row {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 10px minmax(0, 1fr) 38px 44px;
}

.rage-dashboard-mix-row i {
    background: var(--mix-color, var(--rage-yellow));
    border-radius: 999px;
    box-shadow: 0 0 14px color-mix(in srgb, var(--mix-color, var(--rage-yellow)) 45%, transparent);
    display: block;
    height: 10px;
    width: 10px;
}

.rage-dashboard-mix-row strong {
    color: var(--rage-ink, #ffffff);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-dashboard-mix-row span,
.rage-dashboard-mix-row b {
    color: var(--rage-muted);
    font-size: 11px;
    text-align: right;
}

.rage-dashboard-mix-row b {
    color: var(--rage-ink, #ffffff);
}

.rage-dashboard-mix-tabs {
    align-items: center;
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 4px;
    display: inline-flex;
    justify-self: end;
    overflow: hidden;
}

.rage-dashboard-mix-tabs button {
    align-items: center;
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    color: var(--rage-muted-ink, #bfd4f2);
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    justify-content: center;
    line-height: 1;
    min-width: 36px;
    min-height: 32px;
    padding: 0 10px;
}

.rage-dashboard-mix-tabs button:last-child {
    border-right: 0;
}

.rage-dashboard-mix-tabs button.active {
    background: rgba(255, 210, 31, 0.14);
    color: var(--rage-yellow);
}

.rage-analytics-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.rage-analytics-grid div {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
    border-radius: 4px;
    display: grid;
    gap: 5px;
    padding: 12px;
}

.rage-analytics-grid span {
    color: var(--rage-yellow);
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
}

.rage-analytics-grid strong {
    color: var(--rage-ink, #ffffff);
}

.rage-analytics-grid small {
    color: var(--rage-muted);
    line-height: 1.35;
}

.rage-analytics-kpi-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    margin-bottom: 14px;
}

.rage-analytics-kpi,
.rage-analytics-panel,
.rage-dashboard-canvas .rage-stat-card,
.rage-dashboard-canvas .rage-dashboard-panel,
.rage-dashboard-canvas .rage-dashboard-insight-panel {
    background: var(--rage-analytics-surface);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
    border-radius: 4px;
}

:root[data-theme="light"] .rage-analytics-kpi,
:root[data-theme="light"] .rage-dashboard-canvas .rage-stat-card,
:root[data-theme="light"] .rage-dashboard-canvas .rage-dashboard-panel,
:root[data-theme="light"] .rage-dashboard-canvas .rage-dashboard-insight-panel,
:root[data-theme="light"] .rage-analytics-panel,
:root[data-theme="light"] .rage-portfolio-channel-row {
    background: var(--rage-panel);
}

.rage-analytics-kpi {
    display: grid;
    gap: 6px;
    min-height: 104px;
    padding: 12px;
}

.rage-analytics-kpi span {
    color: var(--rage-yellow);
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

.rage-analytics-kpi strong {
    color: var(--rage-ink, #ffffff);
    font-size: 14px;
}

.rage-analytics-kpi small,
.rage-analytics-placeholder {
    color: var(--rage-muted);
    line-height: 1.35;
}

.rage-analytics-layout {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    margin-top: 14px;
}

.rage-analytics-panel {
    min-width: 0;
    padding: 14px;
}

.rage-analytics-provider-list,
.rage-analytics-post-list {
    display: grid;
    gap: 8px;
}

.rage-analytics-provider-row,
.rage-analytics-post-row {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 7, 8, 11), 0.42);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    border-radius: 4px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) minmax(76px, auto) minmax(92px, auto);
    padding: 10px;
}

.rage-analytics-provider-row strong,
.rage-analytics-provider-row small,
.rage-analytics-post-row strong,
.rage-analytics-post-row small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-analytics-provider-row strong,
.rage-analytics-post-row strong {
    color: var(--rage-ink, #ffffff);
    font-size: 14px;
}

.rage-analytics-provider-row span,
.rage-analytics-post-row span {
    color: var(--rage-white);
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.rage-analytics-provider-row small,
.rage-analytics-post-row small {
    color: var(--rage-muted);
    font-size: 12px;
}

.rage-analytics-provider-row>small,
.rage-analytics-post-row>small {
    text-align: right;
}

.rage-analytics-dashboard {
    overflow: hidden;
}

.rage-analytics-portfolio-kpis {
    margin-bottom: 14px;
}

.rage-analytics-portfolio-kpis .rage-analytics-kpi {
    min-height: 86px;
}

.rage-analytics-portfolio-kpis .rage-analytics-kpi strong {
    color: var(--rage-ink, #ffffff);
    font-size: 24px;
    line-height: 1;
}

.rage-analytics-portfolio-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.46fr);
    margin-bottom: 14px;
}

.rage-analytics-portfolio-main {
    min-width: 0;
}

.rage-portfolio-channel-list {
    display: grid;
    gap: 8px;
}

.rage-portfolio-channel-row {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.07);
    border-radius: 4px;
    color: inherit;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(230px, auto);
    padding: 12px;
    text-decoration: none;
}

.rage-portfolio-channel-row:hover,
.rage-portfolio-channel-row:focus,
.rage-analytics-content-row:hover,
.rage-analytics-content-row:focus {
    border-color: rgba(255, 210, 31, 0.4);
    outline: none;
}

.rage-portfolio-channel-main {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.rage-portfolio-channel-head {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 34px minmax(0, 1fr);
    min-width: 0;
}

.rage-portfolio-channel-avatar {
    align-items: center;
    background: rgba(255, 210, 31, 0.11);
    border: 1px solid rgba(255, 210, 31, 0.32);
    border-radius: 4px;
    color: var(--rage-yellow);
    display: block;
    font-size: 11px;
    font-weight: 900;
    height: 34px;
    justify-content: center;
    letter-spacing: 0.02em;
    object-fit: cover;
    width: 34px;
}

.rage-portfolio-channel-avatar.is-placeholder {
    display: inline-flex;
    object-fit: initial;
}

.rage-analytics-content-row span {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.rage-portfolio-channel-head strong,
.rage-analytics-content-row strong {
    color: var(--rage-ink, #ffffff);
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-analytics-content-row small {
    color: var(--rage-muted);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-portfolio-channel-metrics {
    align-items: end;
    color: var(--rage-muted);
    display: grid;
    font-size: 12px;
    gap: 6px;
    justify-items: end;
    line-height: 1.2;
    text-align: right;
}

.rage-portfolio-channel-metrics b {
    color: var(--rage-ink, #ffffff);
    font-weight: 900;
}

.rage-analytics-content-row b {
    color: var(--rage-ink, #ffffff);
    font-size: 13px;
    white-space: nowrap;
}

.rage-analytics-portfolio-content {
    display: grid;
    gap: 12px;
    align-content: start;
}

.rage-portfolio-bottom-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.rage-portfolio-comparison { height: 260px; min-width: 0; position: relative; }
.rage-comparison-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.rage-comparison-heading > div { min-width: 0; }
.rage-comparison-change { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; flex-shrink: 0; }
.rage-comparison-change[data-direction="up"] { color: var(--rage-green); }
.rage-comparison-change[data-direction="down"] { color: var(--rage-red); }
.rage-portfolio-bottom-grid [data-comparison-note] { font-size: 12px; margin-bottom: 0; }
@media (max-width: 1000px) { .rage-portfolio-bottom-grid { grid-template-columns: minmax(0, 1fr); } }

.rage-platform-mix-panel {
    min-width: 0;
}

.rage-platform-mix-donut-layout {
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
}

.rage-platform-mix-donut {
    align-items: center;
    aspect-ratio: 1;
    background: var(--mix-chart);
    border-radius: 50%;
    display: grid;
    justify-self: center;
    max-width: 220px;
    padding: 18px;
    position: relative;
    width: min(100%, 220px);
}

.rage-platform-mix-donut::after {
    background: var(--rage-surface-alt, #101319);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    border-radius: 50%;
    content: "";
    inset: 24%;
    position: absolute;
}

.rage-platform-mix-donut div {
    display: grid;
    gap: 4px;
    place-items: center;
    position: relative;
    z-index: 1;
}

.rage-platform-mix-donut strong {
    color: var(--rage-ink, #ffffff);
    font-size: 28px;
    line-height: 1;
}

.rage-platform-mix-donut span {
    color: var(--rage-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-platform-mix-tooltip {
    background: rgba(var(--rage-surface-rgb, 9, 11, 16), 0.96);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 4px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.34);
    color: var(--rage-ink, #ffffff);
    display: grid;
    gap: 3px;
    left: 50%;
    min-width: 130px;
    opacity: 0;
    padding: 8px 9px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(10px, -100%);
    transition: opacity 120ms ease;
    z-index: 2;
}

.rage-platform-mix-tooltip.is-visible {
    opacity: 1;
}

.rage-platform-mix-tooltip strong {
    font-size: 12px;
    line-height: 1.15;
}

.rage-platform-mix-tooltip span {
    color: var(--rage-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.rage-platform-mix-legend {
    display: grid;
    gap: 8px;
    min-width: 0;
    width: 100%;
}

.rage-chart-legend-marks {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rage-chart-legend-dot {
    background: var(--dot-color);
    border-radius: 50%;
    display: inline-block;
    flex: 0 0 10px;
    height: 10px;
    width: 10px;
    justify-self: center;
}

.rage-platform-mix-legend-row {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 42px minmax(0, 1fr) 46px 48px;
}

.rage-platform-mix-legend-row strong {
    color: var(--rage-ink, #ffffff);
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-platform-mix-legend-row small {
    color: var(--rage-muted);
    font-size: 11px;
    text-align: right;
}

.rage-platform-mix-legend-row b {
    color: var(--rage-ink, #ffffff);
    font-size: 12px;
    text-align: right;
}

.rage-platform-mix-tabs button {
    min-height: 30px;
    min-width: 34px;
}

.rage-analytics-content-row.rage-portfolio-content-row {
    color: inherit;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 0.34fr) auto;
    min-height: 62px;
    text-decoration: none;
}

.rage-analytics-content-row.rage-portfolio-content-row small {
    align-items: center;
    display: flex;
    gap: 6px;
    margin-top: 5px;
}

.rage-analytics-content-row.rage-portfolio-content-row small em {
    color: var(--rage-muted);
    font-style: normal;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-analytics-content-row.rage-portfolio-content-row .rage-provider-mark {
    flex: 0 0 auto;
    font-size: 8px;
    height: 20px;
    width: 20px;
}

.rage-analytics-content-row.rage-portfolio-content-row .rage-provider-mark svg {
    height: 19px;
    width: 19px;
}

.rage-analytics-content-row.rage-portfolio-content-row b {
    color: var(--rage-ink, #ffffff);
    text-align: right;
}

.rage-analytics-toolbar {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 18px;
}

.rage-analytics-toolbar h2 {
    color: var(--rage-ink, #ffffff);
    font-size: 30px;
    line-height: 1.05;
    margin: 0;
}

.rage-analytics-controls {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.rage-portfolio-bottom-grid .rage-portfolio-content-row { grid-template-columns: minmax(0, 1fr) auto; }
.rage-portfolio-content-row .rage-portfolio-content-identity { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rage-portfolio-content-row .rage-portfolio-content-thumbnail { display: grid; place-items: center; position: relative; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 4px; overflow: hidden; background: var(--rage-panel-2); color: var(--rage-muted); }
.rage-portfolio-content-thumbnail img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rage-portfolio-content-thumbnail img[hidden] { display: none; }
.rage-portfolio-content-copy { min-width: 0; flex: 1; }
.rage-portfolio-bottom-grid .rage-portfolio-content-row .rage-analytics-bar-track { grid-column: 1 / -1; grid-row: 2; }

.rage-analytics-content-filter {
    flex: 0 1 320px;
    min-width: 0;
    width: 320px;
    max-width: 100%;
    margin-bottom: 0;
}

.rage-portfolio-filter-bar {
    margin-bottom: 16px;
}

.rage-portfolio-filter-bar .rage-analytics-content-filter {
    flex-grow: 1;
}

.rage-analytics-content-filter > [data-content-picker-toggle] {
    height: 34px;
    padding: 3px 8px;
}

.rage-analytics-content-filter img {
    border-radius: 3px;
    object-fit: cover;
}

.rage-analytics-content-filter .rage-channel-switcher-menu[hidden] {
    display: none;
}

.rage-analytics-content-filter [role="option"] {
    grid-template-columns: 28px minmax(0, 1fr);
    border-radius: 4px;
}

:root:not([data-theme="light"]) .rage-channels-panel,
:root:not([data-theme="light"]) .rage-channel-panel > .rage-card,
:root:not([data-theme="light"]) .rage-channel-activity-card,
:root:not([data-theme="light"]) .rage-channel-panel .rage-audience,
:root:not([data-theme="light"]) .rage-channel-stats .rage-stat-card,
:root:not([data-theme="light"]) .rage-destination-account-panel,
:root:not([data-theme="light"]) .rage-settings-panel.rage-card,
:root:not([data-theme="light"]) .rage-settings-copy-card {
    background: var(--rage-analytics-surface);
    border-color: rgba(255, 255, 255, 0.09);
    box-shadow: none;
}

.rage-analytics-content-filter button:focus-visible,
.rage-analytics-content-filter [role="option"]:hover,
.rage-analytics-content-filter [aria-selected="true"] {
    background: rgba(255, 210, 31, 0.12);
    color: var(--rage-yellow);
}

.rage-analytics-platform-tabs {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.03);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    display: inline-grid;
    grid-auto-columns: 36px;
    grid-auto-flow: column;
    overflow: hidden;
}

.rage-analytics-platform-tabs button {
    align-items: center;
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    filter: grayscale(1);
    opacity: 0.45;
    padding: 0;
}

.rage-analytics-platform-tabs button:last-child {
    border-right: 0;
}

.rage-analytics-platform-tabs button.active {
    filter: none;
    opacity: 1;
}

.rage-analytics-platform-tabs .rage-provider-mark {
    font-size: 8px;
    height: 20px;
    width: 20px;
}

.rage-analytics-platform-tabs .rage-provider-mark svg {
    height: 19px;
    width: 19px;
}

.rage-metric-tabs {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.03);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    display: inline-grid;
    grid-template-columns: repeat(3, 36px);
    overflow: hidden;
}

.rage-metric-tabs button {
    align-items: center;
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    color: var(--rage-muted);
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
}

.rage-metric-tabs button:last-child {
    border-right: 0;
}

.rage-metric-tabs button.active {
    background: rgba(255, 210, 31, 0.1);
    color: var(--rage-yellow);
}

.rage-analytics-visual-grid,
.rage-analytics-lower-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1.18fr) minmax(280px, 0.82fr);
}

.rage-analytics-lower-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.88fr);
    margin-top: 14px;
}

.rage-analytics-hero-chart,
.rage-analytics-chart-card {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
    border-radius: 4px;
    min-width: 0;
    padding: 14px;
}

:root[data-theme="light"] .rage-analytics-chart-card,
:root[data-theme="light"] .rage-analytics-hero-chart,
:root[data-theme="light"] .rage-analytics-line-chart,
:root[data-theme="light"] .rage-analytics-breakdown-row,
:root[data-theme="light"] .rage-analytics-content-row {
    background-color: var(--rage-panel);
}

.rage-analytics-hero-chart {
    align-items: center;
    display: grid;
    gap: 12px;
    justify-items: center;
}

.rage-analytics-radial {
    aspect-ratio: 1;
    max-width: 240px;
    position: relative;
    width: min(100%, 240px);
}

.rage-analytics-radial svg {
    display: block;
    height: 100%;
    overflow: visible;
    transform: rotate(-90deg);
    width: 100%;
}

.rage-radial-track,
.rage-radial-segment {
    fill: none;
    stroke-linecap: round;
    stroke-width: 14;
}

.rage-radial-track {
    stroke: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
}

.rage-radial-segment {
    filter: drop-shadow(0 0 8px rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1));
    transition: opacity 160ms ease, stroke-width 160ms ease;
}

.rage-radial-segment:hover,
.rage-radial-segment:focus {
    opacity: 0.82;
    outline: none;
    stroke-width: 17;
}

.rage-analytics-radial-center {
    align-items: center;
    display: flex;
    flex-direction: column;
    inset: 0;
    justify-content: center;
    position: absolute;
    text-align: center;
}

.rage-analytics-radial-center strong {
    color: var(--rage-ink, #ffffff);
    font-size: 36px;
    font-weight: 900;
    line-height: 1;
}

.rage-analytics-radial-center span {
    color: var(--rage-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    margin-top: 8px;
    text-transform: uppercase;
}

.rage-analytics-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: center;
}

.rage-analytics-legend-item {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.04);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    border-radius: 4px;
    color: var(--rage-ink, #d7dce5);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 6px;
    min-height: 26px;
    padding: 5px 7px;
}

.rage-analytics-legend-item i,
.rage-analytics-mix-row i {
    border-radius: 999px;
    display: inline-block;
    flex: 0 0 auto;
    height: 8px;
    width: 8px;
}

.rage-analytics-chart-heading {
    align-items: end;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.rage-analytics-chart-heading h3 {
    color: var(--rage-ink, #ffffff);
    font-size: 22px;
    line-height: 1.1;
    margin: 0;
}

.rage-analytics-chart-heading>span {
    color: var(--rage-muted);
    font-size: 11px;
    font-weight: 800;
    text-align: right;
    text-transform: uppercase;
}

.rage-analytics-chart-heading-actions {
    align-items: flex-end;
    display: grid;
    gap: 7px;
    justify-items: end;
}

.rage-analytics-chart-heading-actions>span {
    color: var(--rage-muted);
    font-size: 11px;
    font-weight: 800;
    text-align: right;
    text-transform: uppercase;
}

.rage-trend-mode-tabs {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.03);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(78px, 1fr));
    overflow: hidden;
}

.rage-trend-mode-tabs button {
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    color: var(--rage-muted);
    cursor: pointer;
    font-size: 11px;
    font-weight: 850;
    min-height: 30px;
    padding: 0 10px;
    white-space: nowrap;
}

.rage-trend-mode-tabs button:last-child {
    border-right: 0;
}

.rage-trend-mode-tabs button.active {
    background: rgba(255, 210, 31, 0.1);
    color: var(--rage-yellow);
}

.rage-analytics-bar-list,
.rage-analytics-post-bars,
.rage-analytics-mix,
.rage-analytics-content-list {
    display: grid;
    gap: 9px;
}

.rage-analytics-line-chart {
    background:
        linear-gradient(rgba(var(--rage-edge-rgb, 255, 255, 255), 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--rage-edge-rgb, 255, 255, 255), 0.035) 1px, transparent 1px);
    background-size: 100% 20%, 8.333% 100%;
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    border-radius: 4px;
    height: clamp(300px, 34vw, 420px);
    min-height: 300px;
    overflow: hidden;
    padding: 10px;
    position: relative;
}

.rage-analytics-line-chart canvas {
    display: block;
    height: 100% !important;
    width: 100% !important;
}

.rage-analytics-line-chart.is-today {
    background: none;
    padding: 20px;
    overflow-y: auto;
}

.rage-today-total {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
}

.rage-today-total strong { font-size: 28px; line-height: 1.2; }
.rage-today-total > span { font-size: 13px; }
.rage-today-bars { display: grid; gap: 22px; padding-top: 22px; }
.rage-today-row { min-width: 0; }
.rage-today-row-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; font-size: 13px; }
.rage-today-row-heading > span { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rage-today-row-heading > span > span { overflow-wrap: anywhere; }
.rage-today-project-link { display: flex; align-items: center; gap: 10px; min-width: 0; color: inherit; text-decoration: none; }
.rage-today-project-link > span { overflow-wrap: anywhere; }
.rage-today-project-link:hover, .rage-today-project-link:focus-visible { color: var(--rage-yellow); text-decoration: underline; }
.rage-today-row-heading .rage-provider-mark { flex-shrink: 0; }
.rage-today-channel-avatar {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    object-fit: cover;
    flex-shrink: 0;
}
.rage-today-row-heading > strong { flex-shrink: 0; font-variant-numeric: tabular-nums; }
.rage-today-track { height: 10px; overflow: hidden; border-radius: 3px; background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08); }
.rage-today-track > div { height: 100%; border-radius: inherit; }

.rage-analytics-content-row {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 7, 8, 11), 0.38);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.075);
    border-radius: 4px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) 64px;
    min-height: 54px;
    padding: 10px 12px;
}

.rage-analytics-content-row strong,
.rage-analytics-content-row small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-project-content-row {
    position: relative;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 10px;
}

.rage-project-content-thumb {
    position: relative;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 4px;
    background: var(--rage-panel-2);
    color: var(--rage-muted);
}

.rage-project-content-thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rage-project-content-link {
    color: inherit;
    text-decoration: none;
}

.rage-project-content-link::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 4px;
}

.rage-project-content-link:focus-visible::after {
    outline: 2px solid var(--rage-yellow);
    outline-offset: 2px;
}

.rage-project-content-row .rage-provider-mark-link {
    position: relative;
    z-index: 2;
}

.rage-audience [data-audience-donut] { margin: 12px auto 20px; }
.rage-audience-layout { display: grid; grid-template-columns: minmax(0, 1fr); }
.rage-audience-stats { min-width: 0; }
@media (min-width: 768px) {
    .rage-audience-layout { grid-template-columns: 172px minmax(0, 1fr); align-items: center; gap: 20px; margin-top: 16px; }
    .rage-audience .rage-audience-layout [data-audience-donut] { margin: 0; }
}
.rage-audience-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto auto; gap: 8px; align-items: center; min-height: 24px; margin: 8px 0; font-size: 12px; }
.rage-audience-row > small { color: var(--rage-muted); }
.rage-audience-value { display: inline-flex; align-items: baseline; gap: 8px; }
.rage-audience-identity { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; min-width: 0; }
.rage-audience-value > :empty { display: none; }
.rage-audience-delta.is-positive { color: #16a34a; }
.rage-audience-delta.is-negative { color: var(--rage-danger-ink, #fca5a5); }
.rage-audience-total-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-top: 1px solid var(--rage-border); margin-top: 12px; padding-top: 12px; font-size: 14px; }
.rage-audience-total-row strong { white-space: nowrap; font-variant-numeric: tabular-nums; }
.rage-audience-row > :nth-child(n+3) { white-space: nowrap; text-align: right; font-variant-numeric: tabular-nums; }

.rage-post-performance {
    background: var(--rage-panel);
    padding: 20px;
    min-width: 0;
}

.rage-content-schedule { border-block: 1px solid var(--rage-border); padding: 20px 0; margin: 20px 0; }
.rage-content-schedule > .rage-kicker { margin-bottom: 12px; }
.rage-content-schedule .rage-form { max-width: none; width: 100%; }
.rage-content-schedule .rage-form-actions { margin-top: 16px; }
.rage-account-metric { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.rage-metric-help { border: 0; background: transparent; color: var(--rage-muted); padding: 2px; font: inherit; cursor: help; }
.rage-metric-help:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }


.rage-pane-actions.rage-post-footer-actions {
    margin-top: 20px;
}

.rage-post-heading {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
}
.rage-post-performance [hidden] { display: none !important; }

.rage-post-heading h1 {
    font-size: 24px;
    line-height: 1.25;
    margin: 5px 0;
    overflow-wrap: anywhere;
}

.rage-post-heading p { margin: 0; }
.rage-post-controls .rage-post-metric-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rage-post-controls .rage-post-metric-tabs button { width: 100%; min-width: 0; }
.rage-post-heading:has(.rage-post-edit) { grid-template-columns: 80px minmax(0, 1fr) auto; }
.rage-post-edit { white-space: nowrap; justify-self: end; }
@media (max-width: 719px) {
    .rage-post-heading:has(.rage-post-edit) { grid-template-columns: 56px minmax(0, 1fr); }
    .rage-post-edit { grid-column: 1 / -1; }
}
.rage-post-thumbnail {
    display: grid;
    place-items: center;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 4px;
    background: var(--rage-panel-2);
}
.rage-post-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.rage-post-caption { margin: 16px 0; }
.rage-post-caption summary, .rage-remaining-editor > summary { cursor: pointer; font-weight: 700; padding: 12px 0; }
.rage-post-caption p { white-space: normal; overflow-wrap: anywhere; }
.rage-post-caption video { width: 100%; max-height: 360px; }
.rage-post-detail-image { display: block; max-width: 100%; max-height: 360px; object-fit: contain; }
.rage-post-detail-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.rage-post-detail-copy, .rage-post-detail-media { min-width: 0; }
.rage-post-detail-media { padding-top: 16px; }
.rage-post-detail-gallery { position: relative; display: flex; gap: 12px; padding-inline: 10%; scroll-padding-inline: 10%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.rage-post-detail-gallery::-webkit-scrollbar { display: none; }
.rage-post-detail-gallery figure { margin: 0; min-width: 0; flex: 0 0 100%; scroll-snap-align: start; scroll-snap-stop: always; }
.rage-post-detail-gallery a { display: block; }
.rage-post-detail-gallery figure a { transform: scale(.92); opacity: .65; transition: transform .2s, opacity .2s; }
.rage-post-detail-gallery figure.is-current a { transform: scale(1); opacity: 1; }
@media (prefers-reduced-motion: reduce) { .rage-post-detail-gallery figure a { transition: none; } }
.rage-post-detail-gallery img { display: block; width: 100%; height: 440px; object-fit: contain; background: #090b0f; }
.rage-post-carousel-controls { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 12px 0; }
.rage-post-carousel-controls > button { width: 36px; height: 36px; padding: 0; flex: 0 0 36px; }
.rage-post-carousel-controls > span { white-space: nowrap; font-size: 12px; }
.rage-post-carousel-dots { display: flex; flex-wrap: wrap; justify-content: center; }
.rage-post-carousel-dots button { width: 24px; height: 28px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.rage-post-carousel-dots button::after { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #707782; margin: auto; }
.rage-post-carousel-dots button[aria-pressed="true"]::after { background: #ed1230; }
.rage-post-detail-gallery figcaption { text-align: center; padding: 6px 0; font-size: 12px; color: #aeb8c5; }
@media (max-width: 767px) {
    .rage-post-detail-layout { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .rage-post-detail-media { padding-top: 0; }
    .rage-post-detail-gallery img { height: 360px; }
}
.rage-post-notice { padding: 12px; border-left: 3px solid var(--rage-yellow); background: var(--rage-panel-2); }
.rage-post-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--rage-border); margin: 18px 0; }
.rage-post-metrics > div { padding: 18px 12px; text-align: center; min-width: 0; }
.rage-post-metrics strong { display: block; font-size: 24px; overflow-wrap: anywhere; }
.rage-post-metrics span { color: var(--rage-muted); font-size: 13px; }
.rage-post-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.rage-post-controls > .rage-kicker { margin-right: auto; }
.rage-post-controls .rage-post-range-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rage-post-visuals { margin-top: 20px; }
.rage-post-visuals > section { min-width: 0; }
.rage-post-account-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(270px, calc((100% - 48px) / 4))), 1fr)); gap: 16px; }
.rage-post-accounts { margin-top: 24px; }
.rage-post-performance h2 { font-size: 20px; }
.rage-post-data-note, .rage-post-performance [data-post-history-note] { font-size: 12px; margin: 12px 0; }
.rage-post-chart { min-width: 0; }
.rage-post-account { border: 1px solid var(--rage-border); border-radius: 6px; padding: 16px; min-width: 0; background: var(--rage-panel); }
.rage-post-account-heading { display: grid; grid-template-columns: 24px minmax(0, 1fr) 44px; align-items: center; gap: 10px; }
.rage-post-account-status { grid-column: 2; grid-row: 2; }
.rage-post-account-heading > a { grid-column: 3; grid-row: 1; }
.rage-post-account-heading strong { overflow-wrap: anywhere; font-size: 14px; }
.rage-post-account-heading small { display: block; color: var(--rage-muted); font-size: 12px; margin-top: 3px; }
.rage-post-account-heading > a { padding: 4px; }
.rage-post-account-status { font-size: 12px; color: var(--rage-muted); }
.rage-post-account-status[data-state="published"] { color: var(--rage-green); }
.rage-post-account-status[data-state="failed"], .rage-post-error { color: var(--rage-red); }
.rage-post-error { font-size: 13px; overflow-wrap: anywhere; }
.rage-post-account-metrics { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 12px 0 6px; font-size: 12px; color: var(--rage-muted); }
.rage-post-account-metrics b { color: var(--rage-text); margin-left: 4px; }
.rage-post-technical { margin-top: 10px; font-size: 12px; color: var(--rage-muted); }
.rage-post-technical summary { cursor: pointer; }
.rage-post-technical dl { margin-top: 10px; overflow-wrap: anywhere; }
.rage-remaining-editor { margin-top: 16px; }
@media (max-width: 719px) {
    .rage-post-performance { padding: 14px 10px; }
    .rage-post-heading { grid-template-columns: 56px minmax(0, 1fr); gap: 10px; }
    .rage-post-heading h1 { font-size: 18px; }
    .rage-post-heading p { font-size: 12px; }
    .rage-post-thumbnail { width: 56px; height: 56px; }
    .rage-post-metrics > div { padding: 14px 4px; }
    .rage-post-metrics strong { font-size: 18px; }
    .rage-post-controls h2 { width: 100%; }
    .rage-post-controls .rage-period-tabs { width: auto; flex: 1 1 auto; }
    .rage-post-controls .rage-period-tabs button { min-height: 44px; }
    .rage-post-controls .rage-post-range-tabs button { padding-inline: 8px; }
    .rage-post-account-heading { grid-template-columns: 24px minmax(0, 1fr) 44px; }
    .rage-post-account-status { grid-column: 2; grid-row: 2; }
    .rage-post-account-heading > a { grid-column: 3; grid-row: 1; display: grid; place-items: center; min-height: 44px; }
    .rage-post-technical summary { padding-block: 12px; }
}

.rage-analytics-content-row strong {
    color: var(--rage-ink, #ffffff);
    font-size: 13px;
}

.rage-analytics-content-row small {
    color: var(--rage-muted);
    font-size: 11px;
    margin-top: 4px;
}

.rage-analytics-content-row small:has(.rage-analytics-content-platforms) {
    align-items: center;
    display: flex;
    gap: 8px;
}

.rage-analytics-content-row .rage-analytics-content-platforms {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    gap: 5px;
}

.rage-analytics-content-platforms .rage-provider-mark-link {
    display: inline-flex;
    text-decoration: none;
}

.rage-analytics-content-platforms .rage-provider-mark {
    font-size: 8px;
    height: 20px;
    width: 20px;
}

.rage-analytics-content-platforms .rage-provider-mark svg {
    height: 19px;
    width: 19px;
}

.rage-analytics-content-row small em {
    color: var(--rage-muted);
    font-style: normal;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-analytics-content-row b {
    color: var(--rage-yellow);
    font-size: 14px;
    text-align: right;
}

.rage-analytics-content-action {
    justify-self: start;
    margin-top: 12px;
}

.rage-analytics-content-action[hidden] {
    display: none;
}

.rage-analytics-bar-row,
.rage-analytics-post-bar,
.rage-analytics-mix-row {
    align-items: center;
    display: grid;
    gap: 10px;
}

.rage-analytics-bar-row {
    grid-template-columns: minmax(92px, 0.24fr) minmax(0, 1fr) 58px;
    min-height: 38px;
}

.rage-analytics-post-bar {
    background: rgba(var(--rage-surface-rgb, 7, 8, 11), 0.38);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.075);
    border-radius: 4px;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) 52px;
    padding: 10px;
}

.rage-analytics-mix-row {
    grid-template-columns: minmax(84px, 0.45fr) minmax(0, 1fr) 48px;
}

.rage-analytics-bar-row>span,
.rage-analytics-post-bar strong,
.rage-analytics-mix-row>span {
    color: var(--rage-ink, #ffffff);
    font-size: 13px;
    font-weight: 900;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-analytics-post-bar small {
    color: var(--rage-muted);
    display: block;
    font-size: 11px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-analytics-mix-row>span {
    align-items: center;
    display: inline-flex;
    gap: 7px;
}

.rage-analytics-bar-row strong,
.rage-analytics-post-bar>span,
.rage-analytics-mix-row strong {
    color: var(--rage-ink, #dfe4ed);
    font-size: 13px;
    font-weight: 900;
    text-align: right;
}

.rage-analytics-bar-track {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.065);
    border-radius: 999px;
    height: 14px;
    overflow: hidden;
    position: relative;
}

.rage-analytics-bar-track i {
    background: var(--bar-color, var(--rage-yellow));
    border-radius: inherit;
    box-shadow: 0 0 18px color-mix(in srgb, var(--bar-color, var(--rage-yellow)) 42%, transparent);
    display: block;
    height: 100%;
    min-width: 0;
    transition: width 180ms ease;
    width: var(--bar-size, 0%);
}

.rage-analytics-compact-card {
    align-content: start;
}

.rage-analytics-breakdown-card {
    align-content: start;
}

.rage-analytics-breakdown-list {
    display: grid;
    gap: 8px;
}

.rage-analytics-breakdown-donut-wrap {
    display: grid;
    justify-items: center;
    margin-bottom: 12px;
}

.rage-analytics-breakdown-donut {
    max-width: 184px;
    width: min(100%, 184px);
}

.rage-analytics-breakdown-donut strong {
    font-size: 26px;
}

.rage-analytics-breakdown-row {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 7, 8, 11), 0.38);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.075);
    border-radius: 4px;
    display: grid;
    gap: 10px;
    grid-template-columns: 10px minmax(0, 1fr) 48px;
    min-height: 52px;
    padding: 9px 10px;
}

.rage-analytics-breakdown-row>span {
    background: var(--dot-color, var(--rage-yellow));
    border-radius: 999px;
    box-shadow: 0 0 14px color-mix(in srgb, var(--dot-color, var(--rage-yellow)) 45%, transparent);
    height: 10px;
    width: 10px;
}

.rage-analytics-breakdown-row strong,
.rage-analytics-breakdown-row small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-analytics-breakdown-row strong {
    color: var(--rage-ink, #ffffff);
    font-size: 13px;
}

.rage-analytics-breakdown-row small {
    color: var(--rage-muted);
    font-size: 11px;
    margin-top: 3px;
}

.rage-analytics-breakdown-row b {
    color: var(--rage-yellow);
    font-size: 13px;
    text-align: right;
}

.rage-section-heading {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.rage-section-heading h2 {
    margin: 0;
}

.rage-section-heading-stack {
    align-items: flex-start;
    gap: 14px;
    flex-wrap: wrap;
}

.rage-activity-sync-button {
    height: 36px;
    width: 36px;
}

.rage-activity-sync-button.is-syncing i {
    animation: rage-spin 0.8s linear infinite;
}

@keyframes rage-spin {
    to {
        transform: rotate(-360deg);
    }
}

.rage-period-tabs {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.03);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    display: inline-grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
}

.rage-period-tabs button {
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    color: var(--rage-muted);
    font-size: 12px;
    font-weight: 800;
    min-height: 34px;
    padding: 0 12px;
    white-space: nowrap;
}

.rage-period-tabs button:last-child {
    border-right: 0;
}

.rage-period-tabs button.active {
    background: rgba(255, 210, 31, 0.1);
    color: var(--rage-yellow);
}

.rage-period-tabs button:focus-visible {
    outline: 2px solid rgba(255, 210, 31, 0.55);
    outline-offset: -2px;
}

.rage-empty-state {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.035);
    border: 1px dashed rgba(255, 210, 31, 0.28);
    border-radius: 4px;
    padding: 16px;
}

.rage-empty-state h3 {
    margin: 0 0 8px;
}

.rage-channel-header {
    align-items: center;
    background: linear-gradient(135deg, rgba(255, 45, 45, 0.12), rgba(255, 210, 31, 0.04) 48%, rgba(var(--rage-surface-rgb, 12, 14, 20), 0.72));
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 4px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 12px;
    padding: 12px 14px;
}

.rage-channel-identity {
    align-items: center;
    display: flex;
    gap: 18px;
    min-width: 0;
}

.rage-channel-copy {
    min-width: 0;
}

.rage-channel-header:not(.rage-content-editor-header) .rage-channel-identity {
    display: grid;
    column-gap: 14px;
    grid-template-areas:
        "photo kicker"
        "photo copy";
    grid-template-columns: 72px minmax(0, 1fr);
    row-gap: 2px;
}

.rage-channel-header:not(.rage-content-editor-header) .rage-channel-photo-large {
    grid-area: photo;
}

.rage-channel-kicker {
    align-self: end;
    grid-area: kicker;
}

.rage-channel-header:not(.rage-content-editor-header) .rage-channel-copy {
    align-self: start;
    grid-area: copy;
}

.rage-channel-photo {
    align-items: center;
    background: linear-gradient(135deg, rgba(255, 45, 45, 0.26), rgba(255, 210, 31, 0.14));
    border: 1px solid rgba(255, 210, 31, 0.28);
    border-radius: 8px;
    color: var(--rage-ink, #ffffff);
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 900;
    justify-content: center;
    overflow: hidden;
}

.rage-channel-photo img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.rage-channel-photo-large {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
    font-size: 30px;
    height: 72px;
    width: 72px;
}

.rage-channel-photo-inline {
    border-radius: 6px;
    font-size: 13px;
    height: 34px;
    width: 34px;
}

.rage-channel-inline {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    min-width: 0;
}

.rage-channel-inline span:last-child {
    min-width: 0;
}

.rage-channel-inline .rage-channel-photo {
    text-decoration: none;
}

.rage-channel-title-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.rage-channel-status-form {
    align-self: start;
    justify-self: end;
    margin: 0;
}

.rage-channel-header-controls {
    align-items: center;
    align-self: start;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.rage-automation-switches {
    display: grid;
    gap: 8px;
}

.rage-switch-row {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    color: var(--rage-ink, #e5e7eb);
    cursor: pointer;
    display: grid;
    font-size: 14px;
    font-weight: 800;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0;
    min-height: 44px;
    padding: 8px 10px;
}

.rage-switch-row-compact {
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    font-size: 13px;
    gap: 10px;
    min-height: 32px;
    min-width: 0;
    padding: 0;
}

.rage-switch-row input[type="checkbox"] {
    height: 1px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 1px;
}

.rage-switch-control {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.16);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.18);
    border-radius: 999px;
    display: inline-flex;
    height: 22px;
    position: relative;
    transition: background 160ms ease, border-color 160ms ease;
    width: 42px;
}

.rage-switch-row-compact .rage-switch-control {
    height: 20px;
    width: 38px;
}

.rage-switch-control::after {
    background: var(--rage-ink, #f8fafc);
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: transform 160ms ease;
    width: 16px;
}

.rage-switch-row-compact .rage-switch-control::after {
    height: 14px;
    width: 14px;
}

.rage-switch-row input[type="checkbox"]:checked+.rage-switch-control {
    background: rgba(34, 197, 94, 0.42);
    border-color: rgba(34, 197, 94, 0.72);
}

.rage-switch-row input[type="checkbox"]:checked+.rage-switch-control::after {
    transform: translateX(20px);
}

.rage-switch-row-compact input[type="checkbox"]:checked+.rage-switch-control::after {
    transform: translateX(18px);
}

.rage-switch-row:focus-within {
    border-color: rgba(255, 210, 31, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 210, 31, 0.12);
}

.rage-channel-tabs {
    background: rgba(var(--rage-surface-rgb, 7, 8, 11), 0.9);
    border-bottom: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    display: flex;
    gap: 2px;
    margin-bottom: 14px;
    overflow-x: auto;
    padding: 4px 0 6px;
    position: sticky;
    top: 51px;
    z-index: 900;
}

.rage-channel-tabs button {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--rage-ink, #d7dce5);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 9px;
    white-space: nowrap;
}

.rage-channel-tabs button.active {
    background: rgba(255, 210, 31, 0.1);
    border-color: rgba(255, 210, 31, 0.48);
    color: var(--rage-yellow);
}

.rage-channel-panel {
    display: none;
}

.rage-channel-panel.is-visible {
    display: block;
}

.rage-channel-header:has(+ [data-channel-panel="overview"]) { margin-bottom: 16px; }
@media (max-width: 575px) {
    .rage-channel-header:has(+ [data-channel-panel="overview"]) { margin-bottom: 10px; }
}

.rage-definition-list {
    display: grid;
    gap: 10px;
    margin: 0;
}

.rage-definition-list div {
    align-items: baseline;
    border-bottom: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(110px, 0.7fr) 1fr;
    padding-bottom: 10px;
}

.rage-definition-list div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.rage-definition-list dt {
    color: var(--rage-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rage-definition-list dd {
    color: var(--rage-white);
    margin: 0;
}

.rage-channel-activity-list dd {
    font-variant-numeric: tabular-nums;
    justify-self: end;
    text-align: right;
}

.rage-channel-activity-title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
}

.rage-overview-activity-chart {
    background:
        linear-gradient(rgba(var(--rage-edge-rgb, 255, 255, 255), 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025) 1px, transparent 1px);
    background-size: 100% 33.333%, 16.666% 100%;
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    border-radius: 4px;
    height: 132px;
    margin-bottom: 14px;
    min-height: 132px;
    overflow: hidden;
    padding: 8px;
    position: relative;
}

.rage-overview-activity-chart canvas {
    display: block;
    height: 100% !important;
    width: 100% !important;
}

.rage-workflow-list {
    display: grid;
    gap: 9px;
}

.rage-workflow-list div,
.rage-content-workflow section {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
    border-radius: 4px;
    display: grid;
    gap: 5px;
    padding: 12px;
}

.rage-workflow-list span {
    color: var(--rage-yellow);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.rage-workflow-list strong,
.rage-content-workflow h3,
.rage-content-workflow strong {
    color: var(--rage-ink, #ffffff);
}

.rage-workflow-list small,
.rage-content-workflow p {
    line-height: 1.4;
    margin: 0;
}

.rage-content-workflow {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.rage-content-workflow h3 {
    font-size: 19px;
    margin: 0;
}

.rage-content-automation-panel {
    align-items: center;
    background:
        linear-gradient(110deg, rgba(255, 45, 45, 0.16), rgba(255, 210, 31, 0.075) 45%, rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025));
    border: 1px solid rgba(255, 210, 31, 0.24);
    border-radius: 4px;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 16px;
}

.rage-content-automation-panel h3,
.rage-section-subheading h3 {
    color: var(--rage-ink, #ffffff);
    font-size: 22px;
    margin: 0;
}

.rage-content-automation-panel p {
    line-height: 1.45;
    margin: 6px 0 0;
    max-width: 720px;
}

.rage-content-automation-panel .rage-button:disabled {
    cursor: not-allowed;
    opacity: 0.62;
}

.rage-section-subheading {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px;
}

.rage-content-workflow strong {
    font-size: 14px;
}

.rage-content-post-mini {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 54px minmax(0, 1fr);
    min-width: 0;
}

.rage-content-post-mini strong,
.rage-content-post-mini small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rage-content-post-mini strong {
    color: var(--rage-ink, #ffffff);
    font-size: 14px;
    margin-bottom: 3px;
    white-space: nowrap;
}

.rage-content-post-mini strong a {
    color: var(--rage-ink, #ffffff);
    text-decoration: none;
}

.rage-content-post-mini strong a:hover,
.rage-content-post-mini strong a:focus {
    color: var(--rage-yellow);
    outline: none;
}

.rage-content-post-mini small {
    color: var(--rage-muted);
    font-size: 12px;
    line-height: 1.35;
    max-width: 420px;
    white-space: nowrap;
}

.rage-content-byline {
    align-items: center;
    color: var(--rage-muted);
    display: inline-flex;
    gap: 6px;
    margin-top: 5px;
    max-width: 220px;
    min-width: 0;
}

.rage-content-byline b,
.rage-content-byline img {
    align-items: center;
    background: rgba(255, 210, 31, 0.12);
    border: 1px solid rgba(255, 210, 31, 0.35);
    border-radius: 999px;
    color: var(--rage-yellow);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.rage-content-byline img {
    object-fit: cover;
}

.rage-content-byline em {
    display: block;
    font-size: 11px;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-content-thumb {
    align-items: center;
    background: linear-gradient(135deg, rgba(255, 45, 45, 0.22), rgba(255, 210, 31, 0.12));
    border: 1px solid rgba(255, 210, 31, 0.22);
    border-radius: 6px;
    color: var(--rage-yellow);
    display: inline-flex;
    height: 44px;
    justify-content: center;
    overflow: hidden;
    text-decoration: none;
    width: 44px;
}

.rage-content-thumb img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.rage-content-library-filters {
    align-items: end;
    border-bottom: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.07);
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(140px, 1fr)) minmax(86px, auto);
    margin: -4px 0 12px;
    padding-bottom: 12px;
}

.rage-content-library-filters label {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.rage-content-library-filters label > span {
    color: var(--rage-muted-ink, #c4d2e5);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-content-library-filters select {
    appearance: none;
    background: var(--rage-surface, #090b10);
    background-image:
        linear-gradient(45deg, transparent 50%, var(--rage-ink, #d7dce5) 50%),
        linear-gradient(135deg, var(--rage-ink, #d7dce5) 50%, transparent 50%);
    background-position:
        calc(100% - 15px) 50%,
        calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px;
    border: 1px solid #343b48;
    border-radius: 4px;
    color: var(--rage-ink, #ffffff);
    font-size: 13px;
    min-height: 38px;
    padding: 8px 30px 8px 10px;
    width: 100%;
}

.rage-content-library-filters select:focus {
    border-color: rgba(255, 210, 31, 0.58);
    box-shadow: 0 0 0 3px rgba(255, 210, 31, 0.1);
    outline: none;
}

.rage-content-library-filter-actions {
    display: flex;
    gap: 8px;
    justify-content: end;
}

.rage-content-library-filter-actions .rage-button {
    min-height: 38px;
    padding: 9px 12px;
}

[data-content-list] {
    transition: opacity 120ms ease;
}

[data-content-list].is-loading {
    opacity: 0.55;
    pointer-events: none;
}

.rage-content-table th:nth-child(1),
.rage-content-table td:nth-child(1) {
    width: 46%;
}

.rage-content-table th:nth-child(2),
.rage-content-table td:nth-child(2) {
    width: 13%;
}

.rage-content-table th:nth-child(3),
.rage-content-table td:nth-child(3),
.rage-content-table th:nth-child(4),
.rage-content-table td:nth-child(4) {
    width: 12%;
}

.rage-content-table th:nth-child(5),
.rage-content-table td:nth-child(5) {
    width: 7%;
}

.rage-content-table th:nth-child(6),
.rage-content-table td:nth-child(6) {
    width: 10%;
}

.rage-content-metric-cell strong {
    color: var(--rage-ink, #ffffff);
    display: block;
    font-size: 16px;
    line-height: 1.1;
}

.rage-content-metric-cell small {
    color: var(--rage-muted);
    display: block;
    font-size: 11px;
    line-height: 1.25;
    margin-top: 4px;
    white-space: nowrap;
}

.rage-content-pagination {
    align-items: center;
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.07);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
}

.rage-content-pagination span {
    color: var(--rage-muted);
    font-size: 12px;
    font-weight: 800;
}

.rage-content-pagination div {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.rage-pagination-control,
.rage-pagination-page {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.045);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 4px;
    color: var(--rage-ink, #f8fafc);
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 6px;
    min-height: 32px;
    padding: 0 10px;
    text-decoration: none;
}

.rage-pagination-page {
    justify-content: center;
    min-width: 32px;
    padding: 0;
}

.rage-pagination-control:hover,
.rage-pagination-control:focus,
.rage-pagination-page:hover,
.rage-pagination-page:focus,
.rage-pagination-page.active {
    background: rgba(255, 210, 31, 0.12);
    border-color: rgba(255, 210, 31, 0.48);
    color: var(--rage-yellow);
    outline: none;
}

.rage-pagination-control.is-disabled {
    opacity: 0.42;
    pointer-events: none;
}

.rage-source-pill {
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 999px;
    color: var(--rage-ink, #f8fafc);
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    padding: 6px 8px;
    text-transform: uppercase;
    white-space: nowrap;
}

.rage-source-pill-manual {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.045);
}

.rage-source-pill-ai {
    background: rgba(255, 210, 31, 0.12);
    border-color: rgba(255, 210, 31, 0.32);
    color: var(--rage-yellow);
}

.rage-content-destination-stack {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.rage-content-destination-stack .rage-provider-mark {
    font-size: 9px;
    height: 24px;
    width: 24px;
}

.rage-content-destination-stack .rage-provider-mark svg {
    height: 22px;
    width: 22px;
}

.rage-content-destination-stack .rage-provider-mark-link {
    cursor: pointer;
    text-decoration: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.rage-content-destination-stack .rage-provider-mark-link:hover,
.rage-content-destination-stack .rage-provider-mark-link:focus {
    border-color: rgba(255, 210, 31, 0.68);
    box-shadow: 0 0 0 2px rgba(255, 210, 31, 0.14);
    outline: none;
    transform: translateY(-1px);
}

.rage-content-destination-more {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.045);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 999px;
    color: var(--rage-ink, #d7dce5);
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    padding: 0 6px;
}

.rage-provider-mark-muted {
    filter: grayscale(1);
    opacity: 0.34;
}

.rage-provider-mark-muted svg {
    opacity: 0.8;
}

.rage-modal {
    grid-template-rows: auto minmax(0, 1fr);
}

.rage-content-editor-header {
    margin-bottom: 14px;
}

.rage-content-editor-header .rage-channel-identity {
    gap: 12px;
}

.rage-content-editor-header .rage-channel-photo-large {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24);
    font-size: 22px;
    height: 52px;
    width: 52px;
}

.rage-content-editor-header .rage-title {
    font-size: 22px;
    line-height: 1.08;
}

.rage-content-editor-header form {
    justify-self: end;
    margin: 0;
}

.rage-content-editor-form {
    display: grid;
    gap: 18px;
    max-width: none;
}

.rage-content-archive-view {
    display: grid;
    gap: 18px;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

.rage-archive-record-panel {
    background:
        linear-gradient(135deg, rgba(255, 45, 45, 0.06), rgba(var(--rage-edge-rgb, 255, 255, 255), 0.024) 42%, rgba(255, 210, 31, 0.035));
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 16px;
}

.rage-archive-record-heading {
    align-items: start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    min-width: 0;
}

.rage-archive-record-heading h2 {
    color: var(--rage-ink, #ffffff);
    font-size: clamp(26px, 3.2vw, 38px);
    line-height: 1.05;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.rage-archive-record-layout {
    align-items: start;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr);
    max-width: 100%;
    min-width: 0;
}

.rage-archive-media-preview-card {
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.42);
    border: 1px solid rgba(255, 210, 31, 0.16);
    border-radius: 4px;
    display: grid;
    gap: 0;
    min-width: 0;
    overflow: hidden;
    padding: 10px;
}

.rage-archive-media-preview-card .rage-content-media-preview {
    border-color: rgba(255, 210, 31, 0.32);
}

.rage-archive-asset-footer {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 12, 14, 20), 0.96);
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    display: flex;
    gap: 8px;
    margin: 10px -10px -10px;
    min-width: 0;
    padding: 10px;
}

.rage-archive-asset-footer span {
    align-items: center;
    color: var(--rage-muted);
    display: inline-flex;
    font-size: 13px;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-archive-asset-footer i {
    color: var(--rage-yellow);
}

.rage-archive-media-note {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.42);
    border: 1px solid rgba(255, 210, 31, 0.16);
    border-radius: 4px;
    color: var(--rage-muted);
    display: grid;
    gap: 10px;
    justify-items: center;
    line-height: 1.35;
    min-height: 120px;
    padding: 16px;
    text-align: center;
}

.rage-archive-media-note i {
    color: var(--rage-yellow);
    font-size: 22px;
}

.rage-archive-record-copy {
    align-content: start;
    display: grid;
    gap: 14px;
    min-width: 0;
}

.rage-readonly-copy {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.rage-readonly-copy-details {
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.34);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.075);
    border-radius: 4px;
    min-width: 0;
    padding: 12px;
}

.rage-readonly-copy-details summary {
    align-items: center;
    color: var(--rage-ink, #ffffff);
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 900;
    gap: 10px;
    justify-content: space-between;
    list-style: none;
    min-width: 0;
}

.rage-readonly-copy-details summary::-webkit-details-marker {
    display: none;
}

.rage-readonly-copy-details summary span {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    min-width: 0;
}

.rage-readonly-copy-details summary i {
    color: var(--rage-yellow);
}

.rage-readonly-copy-details summary b {
    color: var(--rage-yellow);
    font-size: 12px;
}

.rage-readonly-copy-details[open] summary b {
    font-size: 0;
}

.rage-readonly-copy-details[open] summary b::after {
    content: "Collapse";
    font-size: 12px;
}

.rage-readonly-copy-block {
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.34);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.075);
    border-radius: 4px;
    min-width: 0;
    padding: 12px;
}

.rage-readonly-copy strong {
    color: var(--rage-ink, #ffffff);
    align-items: center;
    display: flex;
    font-size: 13px;
    gap: 8px;
    margin-bottom: 5px;
}

.rage-readonly-copy strong i {
    color: var(--rage-yellow);
}

.rage-readonly-copy p {
    color: var(--rage-muted);
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.rage-readonly-copy-details .rage-readonly-copy-block {
    background: transparent;
    border: 0;
    padding: 10px 0 0;
}

.rage-readonly-copy-details .rage-readonly-copy-block strong {
    display: none;
}

.rage-readonly-copy-details .rage-archive-tag-list {
    padding-top: 10px;
}

.rage-archive-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rage-archive-tag-list span {
    background: rgba(255, 210, 31, 0.09);
    border: 1px solid rgba(255, 210, 31, 0.2);
    border-radius: 999px;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--rage-ink, #f8fafc);
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    padding: 8px 10px;
}

.rage-content-details-grid {
    align-items: stretch;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr);
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

.rage-content-copy-panel,
.rage-content-media-panel {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    display: grid;
    gap: 12px;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    padding: 12px;
}

.rage-content-copy-panel>*,
.rage-content-media-panel>* {
    min-width: 0;
}

.rage-content-copy-panel .rage-pane-heading,
.rage-content-media-panel .rage-pane-heading {
    margin-bottom: 0;
}

.rage-content-copy-panel label,
.rage-content-media-panel label {
    margin-bottom: 6px;
}

.rage-content-copy-panel input,
.rage-content-copy-panel textarea {
    margin-bottom: 0;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.rage-content-copy-panel #content_description {
    height: 192px;
    max-height: 192px;
    min-height: 192px;
    resize: none;
}

.rage-content-media-field {
    display: grid;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
}

.rage-content-media-input {
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    height: 1px;
    left: 0;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 1px;
}

.rage-content-media-picker {
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.84);
    border: 1px solid rgba(255, 210, 31, 0.16);
    border-radius: 4px;
    box-sizing: border-box;
    display: grid;
    gap: 0;
    margin-bottom: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.rage-content-media-preview {
    align-items: center;
    aspect-ratio: 16 / 9;
    background:
        linear-gradient(45deg, rgba(var(--rage-edge-rgb, 255, 255, 255), 0.035) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(var(--rage-edge-rgb, 255, 255, 255), 0.035) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(var(--rage-edge-rgb, 255, 255, 255), 0.035) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(var(--rage-edge-rgb, 255, 255, 255), 0.035) 75%),
        var(--rage-surface, #07090d);
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
    background-size: 16px 16px;
    border: 1px dashed rgba(255, 210, 31, 0.28);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--rage-muted);
    display: grid;
    gap: 8px;
    height: auto;
    justify-items: center;
    justify-self: center;
    min-height: 0;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-align: center;
    width: min(100%, calc(clamp(220px, 23vw, 300px) * 1.7777778));
}

.rage-content-media-preview i {
    color: var(--rage-yellow);
    font-size: 26px;
}

.rage-content-media-preview img,
.rage-content-media-preview video {
    display: block;
    height: 100%;
    inset: 0;
    object-fit: contain;
    position: absolute;
    width: 100%;
}

.rage-content-image-set-preview {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 100%;
    inset: 0;
    padding: 4px;
    position: absolute;
    width: 100%;
}

.rage-content-image-set-preview img {
    display: block;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    position: static;
    width: 100%;
}

.rage-content-image-set-preview img:first-child:nth-last-child(3),
.rage-content-image-set-preview img:first-child:nth-last-child(5) {
    grid-row: span 2;
}

.rage-content-carousel-preview {
    align-content: start;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(116px, 1fr));
    height: 100%;
    inset: 0;
    overflow: auto;
    padding: 10px;
    position: absolute;
    width: 100%;
}

.rage-content-carousel-item {
    background: rgba(var(--rage-surface-rgb, 12, 14, 20), 0.88);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.11);
    border-radius: 4px;
    cursor: grab;
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 6px;
    position: relative;
}

.rage-content-carousel-item>span {
    background: rgba(255, 210, 31, 0.92);
    border-radius: 3px;
    color: #101218;
    font-size: 10px;
    font-weight: 900;
    left: 10px;
    line-height: 1;
    padding: 4px 5px;
    position: absolute;
    top: 10px;
    z-index: 1;
}

.rage-content-carousel-remove {
    align-items: center;
    background: rgba(255, 45, 45, 0.94);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.22);
    border-radius: 3px;
    color: var(--rage-ink, #ffffff);
    display: inline-flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    z-index: 2;
}

.rage-content-carousel-item.is-dragging {
    cursor: grabbing;
    opacity: 0.42;
}

.rage-content-carousel-item.is-drop-target {
    border-color: rgba(255, 210, 31, 0.78);
    box-shadow: inset 0 0 0 1px rgba(255, 210, 31, 0.5);
}

.rage-content-carousel-item img,
.rage-content-carousel-item video {
    aspect-ratio: 1 / 1;
    background: var(--rage-surface, #07090d);
    border-radius: 3px;
    height: auto;
    object-fit: cover;
    position: static;
    width: 100%;
}

.rage-content-carousel-item strong {
    color: var(--rage-ink, #f8fafc);
    display: block;
    font-size: 11px;
    line-height: 1.25;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-content-media-actions {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 12, 14, 20), 0.96);
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    display: grid;
    gap: 8px;
    grid-template-columns: auto auto minmax(0, 1fr);
    margin: 10px -10px -10px;
    max-width: calc(100% + 20px);
    min-width: 0;
    overflow-x: hidden;
    padding: 10px;
}

.rage-content-media-actions .rage-button {
    margin: 0;
    min-width: 0;
    text-align: center;
}

.rage-content-media-clear.is-hidden {
    display: none;
}

.rage-content-media-actions span {
    align-items: center;
    color: var(--rage-muted);
    display: inline-flex;
    font-size: 13px;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-content-media-actions span i {
    color: var(--rage-yellow);
}

.rage-content-media-specs {
    display: grid;
    gap: 8px;
    margin: 0;
    max-width: 100%;
    min-width: 0;
}

.rage-content-media-specs div {
    align-items: baseline;
    display: grid;
    gap: 10px;
    grid-template-columns: 76px minmax(0, 1fr);
    min-width: 0;
}

.rage-content-media-specs dt {
    color: var(--rage-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-content-media-specs dd {
    color: var(--rage-ink, #f8fafc);
    font-size: 13px;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-content-platform-compat {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    max-width: 100%;
    min-width: 0;
}

.rage-content-platform-compat-mark {
    align-items: center;
    display: inline-flex;
}

.rage-content-platform-compat-mark .rage-provider-mark {
    height: 24px;
    transition: filter 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
    width: 24px;
}

.rage-content-platform-compat-mark.is-compatible .rage-provider-mark {
    opacity: 1;
}

.rage-content-platform-compat-mark.is-incompatible .rage-provider-mark {
    filter: grayscale(1);
    opacity: 0.28;
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.rage-archive-media-specs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rage-archive-media-specs div {
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.34);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.075);
    border-radius: 4px;
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 10px;
}

.rage-archive-media-specs dd {
    font-size: 14px;
    font-weight: 900;
}

.rage-content-destinations {
    display: grid;
    gap: 12px;
}

.rage-content-destinations .rage-pane-heading {
    align-items: end;
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    padding-top: 14px;
}

.rage-content-destination-list {
    display: grid;
    gap: 10px;
}

.rage-content-destination-card {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    display: grid;
    gap: 10px;
    padding: 12px;
}

.rage-content-destination-card:not(.is-disabled) {
    background:
        linear-gradient(135deg, rgba(255, 45, 45, 0.052), rgba(var(--rage-edge-rgb, 255, 255, 255), 0.026) 48%, rgba(255, 210, 31, 0.028));
    border-color: rgba(255, 210, 31, 0.18);
}

.rage-content-destinations .rage-content-destination-card {
    gap: 12px;
}

.rage-content-destination-card.is-disabled {
    opacity: 0.54;
}

.rage-content-destination-card.is-platform-invalid {
    border-color: rgba(255, 68, 68, 0.44);
}

.rage-content-destination-card.is-platform-invalid:not(.is-disabled) {
    background:
        linear-gradient(135deg, rgba(255, 45, 45, 0.09), rgba(var(--rage-edge-rgb, 255, 255, 255), 0.026) 48%, rgba(255, 210, 31, 0.025));
}

.rage-platform-requirement-warning {
    border-color: rgba(255, 45, 45, 0.5);
}

.rage-platform-requirement-warning strong {
    color: var(--rage-danger-ink, #ff7a7a);
}

.rage-content-destination-top {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.rage-content-destination-expand {
    align-items: center;
    align-self: end;
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.88);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 2px;
    color: var(--rage-ink, #f8fafc);
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    margin: 0;
    width: 34px;
}

.rage-content-destination-expand i {
    font-size: 12px;
    transition: transform 0.16s ease;
}

.rage-content-destination-expand[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.rage-platform-preview {
    background: var(--rage-ink, #ffffff);
    border: 5px solid var(--rage-surface, #050505);
    border-radius: 30px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38);
    justify-self: center;
    max-width: 310px;
    overflow: hidden;
    position: relative;
    width: min(100%, 310px);
}

.rage-platform-preview::before {
    background: var(--rage-surface, #050505);
    border-radius: 0 0 14px 14px;
    content: "";
    height: 22px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 110px;
    z-index: 4;
}

.rage-platform-phone-status {
    align-items: center;
    color: currentColor;
    display: flex;
    font-size: 10px;
    font-weight: 800;
    justify-content: space-between;
    min-height: 24px;
    padding: 6px 15px 0;
    position: relative;
    z-index: 3;
}

.rage-platform-app-bar {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 35px;
    padding: 5px 13px 7px;
    position: relative;
    z-index: 3;
}

.rage-platform-app-bar strong {
    color: inherit;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0;
}

.rage-platform-app-icons {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-size: 18px;
    gap: 12px;
    font-weight: 900;
    letter-spacing: 0;
}

.rage-platform-preview-shell {
    display: grid;
    min-height: 0;
}

.rage-platform-preview-media {
    align-items: center;
    background:
        linear-gradient(45deg, rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025) 75%),
        var(--rage-surface, #07090d);
    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
    background-size: 20px 20px;
    color: var(--rage-muted);
    display: grid;
    gap: 8px;
    justify-items: center;
    min-height: 236px;
    overflow: hidden;
}

.rage-platform-preview-media img,
.rage-platform-preview-media video {
    display: block;
    height: 100%;
    max-height: 360px;
    object-fit: cover;
    width: 100%;
}

.rage-platform-preview-media i {
    color: var(--rage-yellow);
    font-size: 22px;
}

.rage-platform-preview-copy {
    display: grid;
    min-width: 0;
}

.rage-platform-preview-head {
    align-items: center;
    border-bottom: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.075);
    display: grid;
    gap: 9px;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    min-width: 0;
    padding: 14px 16px;
}

.rage-platform-preview-head strong,
.rage-platform-preview-head small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-platform-preview-head strong {
    color: var(--rage-ink, #f8fafc);
    font-size: 13px;
}

.rage-platform-preview-head small {
    color: var(--rage-muted);
    font-size: 11px;
    margin-top: 2px;
}

.rage-platform-preview-avatar {
    border-radius: 50%;
    display: block;
    height: 34px;
    object-fit: cover;
    width: 34px;
}

.rage-platform-preview-menu {
    color: var(--rage-ink, #f8fafc);
    font-weight: 900;
    letter-spacing: 0.12em;
}

.rage-platform-preview-body {
    align-content: start;
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 10px 12px;
}

.rage-platform-preview-body>strong {
    color: var(--rage-ink, #ffffff);
    font-size: 14px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.rage-platform-preview-body p {
    color: var(--rage-ink, #cbd5e1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
    max-width: 82ch;
    overflow: hidden;
    overflow-wrap: anywhere;
    line-clamp: 2;
}

.rage-platform-preview-body [data-preview-title] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rage-platform-preview-body [data-preview-title] {
    -webkit-line-clamp: 1;
    line-clamp: 1;
}

.rage-platform-preview-caption-account {
    color: var(--rage-ink, #f8fafc);
    display: inline;
    font-weight: 900;
    margin-right: 4px;
}

.rage-platform-preview-instagram [data-preview-title] {
    display: none;
}

.rage-platform-preview-actions {
    align-items: center;
    color: currentColor;
    display: flex;
    font-size: 20px;
    justify-content: space-between;
    line-height: 1;
    min-height: 24px;
}

.rage-platform-preview-actions span {
    align-items: center;
    display: inline-flex;
    gap: 12px;
}

.rage-platform-preview-engagement {
    color: currentColor;
    font-size: 11px;
    font-weight: 800;
}

.rage-platform-bottom-nav {
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    display: grid;
    font-size: 16px;
    grid-template-columns: repeat(5, 1fr);
    justify-items: center;
    min-height: 34px;
}

.rage-platform-bottom-nav span {
    border-radius: 50%;
    display: inline-block;
    height: 18px;
    overflow: hidden;
    text-indent: -999px;
    width: 18px;
}

.rage-platform-preview-tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 22px;
}

.rage-platform-preview-tags span,
.rage-platform-preview-tags small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #8fb3ff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    padding: 0;
}

.rage-platform-preview-tags small {
    color: var(--rage-muted);
}

.rage-platform-preview-time {
    color: var(--rage-muted);
    font-size: 12px;
    margin-top: 2px;
}

.rage-platform-preview-youtube .rage-platform-preview-shell,
.rage-platform-preview-tiktok .rage-platform-preview-shell {
    min-height: 650px;
    position: relative;
}

.rage-platform-preview-youtube .rage-platform-preview-media,
.rage-platform-preview-tiktok .rage-platform-preview-media {
    inset: 0;
    min-height: 650px;
    position: absolute;
}

.rage-platform-preview-youtube .rage-platform-preview-media img,
.rage-platform-preview-youtube .rage-platform-preview-media video,
.rage-platform-preview-tiktok .rage-platform-preview-media img,
.rage-platform-preview-tiktok .rage-platform-preview-media video {
    max-height: none;
}

.rage-platform-preview-youtube .rage-platform-preview-copy,
.rage-platform-preview-tiktok .rage-platform-preview-copy {
    align-content: end;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), transparent 28%, rgba(0, 0, 0, 0.82));
    color: var(--rage-ink, #ffffff);
    min-height: 650px;
    padding: 0 60px 72px 14px;
    position: relative;
    z-index: 2;
}

.rage-platform-preview-youtube .rage-platform-preview-head,
.rage-platform-preview-tiktok .rage-platform-preview-head {
    border-bottom: 0;
    padding: 0;
}

.rage-platform-preview-youtube .rage-platform-preview-menu,
.rage-platform-preview-tiktok .rage-platform-preview-menu {
    display: none;
}

.rage-platform-preview-youtube .rage-platform-preview-body,
.rage-platform-preview-tiktok .rage-platform-preview-body {
    gap: 6px;
    padding: 8px 0 0;
}

.rage-platform-preview-tiktok .rage-platform-preview-body>strong {
    display: none;
}

.rage-platform-preview-youtube .rage-platform-preview-body>strong,
.rage-platform-preview-youtube .rage-platform-preview-body p,
.rage-platform-preview-tiktok .rage-platform-preview-body p {
    color: var(--rage-ink, #ffffff);
}

.rage-platform-preview-tiktok .rage-platform-preview-head small,
.rage-platform-preview-youtube .rage-platform-preview-head small {
    display: none;
}

.rage-platform-preview-tiktok .rage-platform-preview-head,
.rage-platform-preview-youtube .rage-platform-preview-head {
    grid-template-columns: 34px minmax(0, 1fr);
}

.rage-platform-preview-tiktok .rage-platform-preview-avatar,
.rage-platform-preview-youtube .rage-platform-preview-avatar,
.rage-platform-preview-tiktok .rage-provider-mark,
.rage-platform-preview-youtube .rage-provider-mark {
    border: 2px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.85);
}

.rage-platform-preview-tiktok .rage-platform-preview-body p {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.rage-platform-preview-tiktok .rage-platform-preview-caption-account {
    display: none;
}

.rage-platform-preview-tiktok .rage-platform-preview-tags span,
.rage-platform-preview-tiktok .rage-platform-preview-tags small {
    color: var(--rage-ink, #ffffff);
    font-size: 12px;
}

.rage-platform-preview-tiktok .rage-platform-preview-time,
.rage-platform-preview-youtube .rage-platform-preview-time {
    color: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.8);
}

.rage-platform-preview-youtube .rage-platform-phone-status,
.rage-platform-preview-youtube .rage-platform-app-bar,
.rage-platform-preview-tiktok .rage-platform-phone-status,
.rage-platform-preview-tiktok .rage-platform-app-bar {
    color: var(--rage-ink, #ffffff);
    left: 0;
    position: absolute;
    right: 0;
}

.rage-platform-preview-youtube .rage-platform-phone-status,
.rage-platform-preview-tiktok .rage-platform-phone-status {
    top: 0;
}

.rage-platform-preview-youtube .rage-platform-app-bar,
.rage-platform-preview-tiktok .rage-platform-app-bar {
    top: 26px;
}

.rage-platform-preview-tiktok .rage-platform-app-bar,
.rage-platform-preview-youtube .rage-platform-app-bar {
    justify-content: center;
    padding-top: 12px;
}

.rage-platform-preview-tiktok .rage-platform-app-bar strong,
.rage-platform-preview-youtube .rage-platform-app-bar strong {
    font-size: 13px;
    word-spacing: 12px;
}

.rage-platform-preview-tiktok .rage-platform-app-bar span,
.rage-platform-preview-youtube .rage-platform-app-bar span {
    position: absolute;
    right: 16px;
}

.rage-platform-preview-tiktok .rage-platform-preview-actions,
.rage-platform-preview-youtube .rage-platform-preview-actions {
    bottom: 128px;
    display: grid;
    font-size: 21px;
    gap: 14px;
    justify-items: center;
    position: absolute;
    right: 16px;
}

.rage-platform-preview-tiktok .rage-platform-preview-actions span,
.rage-platform-preview-youtube .rage-platform-preview-actions span {
    display: grid;
    gap: 14px;
}

.rage-platform-preview-tiktok .rage-platform-preview-actions>i,
.rage-platform-preview-youtube .rage-platform-preview-actions>i {
    display: none;
}

.rage-platform-preview-tiktok .rage-platform-preview-engagement,
.rage-platform-preview-youtube .rage-platform-preview-engagement {
    display: none;
}

.rage-platform-preview-tiktok .rage-platform-bottom-nav,
.rage-platform-preview-youtube .rage-platform-bottom-nav {
    background: rgba(0, 0, 0, 0.72);
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    bottom: 0;
    color: var(--rage-ink, #ffffff);
    font-size: 9px;
    font-weight: 800;
    left: 0;
    min-height: 44px;
    padding: 3px 8px 7px;
    position: absolute;
    right: 0;
    z-index: 3;
}

.rage-platform-preview-tiktok .rage-platform-bottom-nav span,
.rage-platform-preview-youtube .rage-platform-bottom-nav span {
    align-items: center;
    background: transparent;
    border-radius: 0;
    display: inline-flex;
    height: auto;
    justify-content: center;
    overflow: visible;
    text-indent: 0;
    width: auto;
}

.rage-platform-preview-youtube .rage-platform-app-bar {
    justify-content: flex-end;
}

.rage-platform-preview-youtube .rage-platform-app-bar strong {
    display: none;
}

.rage-platform-preview-youtube .rage-platform-app-icons {
    right: 14px;
}

.rage-platform-preview-youtube .rage-platform-preview-body>strong {
    display: none;
}

.rage-platform-preview-youtube .rage-platform-preview-caption-account {
    display: none;
}

.rage-platform-preview-instagram {
    background: var(--rage-ink, #ffffff);
    color: var(--rage-surface-alt, #111827);
}

.rage-platform-preview-instagram::after {
    background: #0b0b0b;
    border-radius: 999px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    top: 15px;
    transform: translateX(-50%);
    width: 46px;
    z-index: 5;
}

.rage-platform-preview-instagram .rage-platform-app-bar strong {
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    font-size: 18px;
    justify-self: center;
}

.rage-platform-preview-instagram .rage-platform-app-bar {
    justify-content: center;
}

.rage-platform-preview-instagram .rage-platform-app-icons {
    position: absolute;
    right: 13px;
}

.rage-platform-preview-instagram .rage-platform-preview-head {
    border-bottom: 0;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    order: 1;
    padding: 7px 12px 8px;
}

.rage-platform-preview-instagram .rage-platform-preview-avatar {
    border: 1px solid #ff3158;
    padding: 1px;
}

.rage-platform-preview-instagram .rage-platform-preview-media {
    background: var(--rage-ink, #e4e4e4);
    min-height: 260px;
    order: 2;
}

.rage-platform-preview-instagram .rage-platform-preview-copy {
    display: contents;
}

.rage-platform-preview-instagram .rage-platform-preview-body {
    order: 3;
    padding: 9px 12px 10px;
}

.rage-platform-preview-instagram .rage-platform-preview-body>strong,
.rage-platform-preview-instagram .rage-platform-preview-body p,
.rage-platform-preview-instagram .rage-platform-preview-head strong {
    color: var(--rage-surface-alt, #111827);
}

.rage-platform-preview-instagram .rage-platform-preview-caption-account {
    color: var(--rage-surface-alt, #111827);
    font-weight: 900;
    opacity: 1;
}

.rage-platform-preview-instagram .rage-platform-preview-head small,
.rage-platform-preview-instagram .rage-platform-preview-time {
    color: #6b7280;
}

.rage-platform-preview-instagram .rage-platform-preview-actions {
    color: var(--rage-surface-alt, #111827);
    margin-bottom: 2px;
}

.rage-platform-preview-instagram .rage-platform-preview-actions .fa-heart {
    color: #ff3158;
}

.rage-platform-preview-instagram .rage-platform-preview-engagement {
    color: var(--rage-surface-alt, #111827);
}

.rage-platform-preview-instagram .rage-platform-preview-tags span,
.rage-platform-preview-instagram .rage-platform-preview-tags small {
    color: #335c9f;
    font-size: 11px;
}

.rage-platform-preview-instagram .rage-platform-bottom-nav {
    color: var(--rage-surface-alt, #111827);
}

.rage-platform-preview-instagram .rage-platform-bottom-nav span {
    background: var(--rage-ink, #e5e7eb);
}

.rage-platform-preview-facebook {
    background: var(--rage-ink, #ffffff);
    border: 0;
    border-radius: 3px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
    color: var(--rage-surface-alt, #111827);
    max-width: 286px;
    width: min(100%, 286px);
}

.rage-platform-preview-facebook::before,
.rage-platform-preview-facebook .rage-platform-phone-status,
.rage-platform-preview-facebook .rage-platform-app-bar {
    display: none;
}

.rage-platform-preview-facebook .rage-platform-preview-shell {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.rage-platform-preview-facebook .rage-platform-app-bar strong {
    color: #1877f2;
    font-family: Arial, sans-serif;
    font-size: 22px;
}

.rage-platform-preview-facebook .rage-platform-preview-head {
    border-bottom: 0;
    gap: 8px;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    padding: 12px 12px 8px;
}

.rage-platform-preview-facebook .rage-platform-preview-body {
    display: contents;
}

.rage-platform-preview-facebook .rage-platform-preview-body>strong {
    display: none;
}

.rage-platform-preview-facebook .rage-platform-preview-media {
    background: var(--rage-ink, #e5e5e5);
    min-height: 278px;
    order: 2;
}

.rage-platform-preview-facebook.is-text-only .rage-platform-preview-media {
    display: none;
}

.rage-platform-preview-facebook.is-text-only .rage-platform-preview-body p {
    max-height: none;
    overflow: visible;
    padding-bottom: 16px;
}

.rage-platform-preview-facebook.is-text-only [data-preview-caption] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.rage-platform-preview-facebook.is-text-only [data-preview-caption].is-expanded {
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
}

.rage-preview-see-more {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    padding: 4px 0 0;
}

.rage-preview-see-more[hidden] { display: none; }

.rage-platform-preview-facebook .rage-platform-preview-media img,
.rage-platform-preview-facebook .rage-platform-preview-media video {
    max-height: 278px;
}

.rage-platform-preview-facebook .rage-platform-preview-copy {
    order: 1;
}

.rage-platform-preview-facebook .rage-platform-preview-head {
    order: 1;
}

.rage-platform-preview-facebook .rage-platform-preview-body p {
    display: block;
    max-height: calc(13px * 1.45 * 2 + 8px);
    order: 2;
    overflow: hidden;
    padding: 0 12px 8px;
}

.rage-platform-preview-facebook [data-preview-caption] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

.rage-platform-preview-facebook .rage-platform-preview-tags {
    display: none;
}

.rage-platform-preview-facebook .rage-platform-preview-actions {
    display: none;
}

.rage-platform-preview-facebook .rage-platform-preview-time {
    display: none;
}

.rage-platform-preview-facebook .rage-platform-preview-caption-account {
    display: none;
}

.rage-platform-preview-facebook .rage-platform-preview-actions>i,
.rage-platform-preview-facebook .rage-platform-preview-engagement {
    display: none;
}

.rage-platform-preview-facebook .rage-platform-bottom-nav {
    border-top: 1px solid var(--rage-ink, #e5e7eb);
    color: #4b5563;
    font-size: 11px;
    grid-template-columns: repeat(3, 1fr);
    min-height: 38px;
    order: 6;
}

.rage-platform-preview-facebook .rage-platform-bottom-nav span {
    align-items: center;
    background: transparent;
    border-radius: 0;
    display: inline-flex;
    font-size: 11px;
    gap: 5px;
    height: auto;
    justify-content: center;
    overflow: visible;
    text-indent: 0;
    width: auto;
}

.rage-platform-preview-facebook .rage-platform-bottom-nav i {
    font-size: 13px;
}

.rage-platform-preview-facebook .rage-platform-preview-body p,
.rage-platform-preview-facebook .rage-platform-preview-head strong {
    color: var(--rage-surface-alt, #111827);
}

.rage-platform-preview-facebook .rage-platform-preview-head small {
    color: #6b7280;
}

.rage-platform-preview-facebook .rage-platform-preview-menu {
    color: #6b7280;
}

.rage-content-destination-result {
    background:
        linear-gradient(135deg, rgba(var(--rage-edge-rgb, 255, 255, 255), 0.048), rgba(var(--rage-edge-rgb, 255, 255, 255), 0.018));
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    border-radius: 4px;
    color: var(--rage-muted);
    display: grid;
    gap: 12px;
    line-height: 1.35;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    padding: 12px;
}

.rage-content-destination-result strong {
    color: var(--rage-yellow);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-content-destination-result a {
    color: var(--rage-ink, #ffffff);
}

.rage-platform-state-card {
    background:
        linear-gradient(135deg, rgba(255, 45, 45, 0.055), rgba(var(--rage-edge-rgb, 255, 255, 255), 0.022) 42%, rgba(255, 210, 31, 0.035));
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    padding: 14px;
}

.rage-platform-status-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 100%;
    min-width: 0;
}

.rage-platform-status-pill {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.055);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 999px;
    color: var(--rage-ink, #f8fafc);
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 7px;
    line-height: 1;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    min-height: 32px;
    padding: 8px 10px;
}

.rage-platform-status-pill small {
    color: var(--rage-muted);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-platform-status-pill-success {
    background: rgba(26, 166, 91, 0.16);
    border-color: rgba(48, 211, 123, 0.32);
}

.rage-platform-status-pill-platform {
    background: rgba(255, 210, 31, 0.1);
    border-color: rgba(255, 210, 31, 0.26);
    color: var(--rage-yellow);
}

.rage-platform-detail-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    margin: 0;
    max-width: 100%;
    min-width: 0;
}

.rage-platform-detail-grid div {
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.42);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.075);
    border-radius: 4px;
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 10px;
}

.rage-platform-detail-grid dt {
    color: var(--rage-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-platform-detail-grid dd {
    color: var(--rage-ink, #f8fafc);
    font-size: 14px;
    font-weight: 800;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.rage-platform-link-tile a {
    align-items: center;
    color: var(--rage-ink, #ffffff);
    display: inline-flex;
    gap: 8px;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    text-decoration-color: rgba(255, 210, 31, 0.52);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.rage-platform-link-tile a:hover,
.rage-platform-link-tile a:focus {
    color: var(--rage-yellow);
    outline: none;
}

.rage-platform-graph-data {
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.34);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.075);
    border-radius: 4px;
    display: grid;
    gap: 12px;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    padding: 12px;
}

.rage-platform-graph-heading {
    align-items: start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    min-width: 0;
}

.rage-platform-graph-heading div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.rage-platform-graph-heading strong {
    color: var(--rage-yellow);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-platform-graph-heading small,
.rage-platform-graph-heading span {
    color: var(--rage-muted);
    font-size: 12px;
    font-weight: 800;
}

.rage-platform-graph-heading span {
    max-width: min(360px, 50%);
    overflow-wrap: anywhere;
    text-align: right;
}

.rage-platform-graph-metrics,
.rage-platform-graph-fields {
    display: grid;
    gap: 8px;
    margin: 0;
    max-width: 100%;
    min-width: 0;
}

.rage-platform-graph-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rage-platform-graph-fields {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.rage-platform-graph-metrics div,
.rage-platform-graph-fields div {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.035);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.07);
    border-radius: 4px;
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 9px;
}

.rage-platform-graph-metrics dt,
.rage-platform-graph-fields dt {
    color: var(--rage-muted);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-platform-graph-metrics dd,
.rage-platform-graph-fields dd {
    color: var(--rage-ink, #f8fafc);
    font-size: 13px;
    font-weight: 900;
    margin: 0;
    overflow-wrap: anywhere;
}

.rage-platform-graph-warnings {
    border-left: 3px solid rgba(255, 210, 31, 0.58);
    display: grid;
    gap: 7px;
    min-width: 0;
    padding-left: 10px;
}

.rage-platform-graph-warnings strong {
    color: var(--rage-yellow);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-platform-graph-warnings p {
    color: var(--rage-ink, #dbe5f3);
    font-size: 12px;
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.rage-platform-graph-warnings span {
    color: var(--rage-muted);
    display: block;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.06em;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.rage-platform-graph-raw {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

.rage-platform-graph-raw summary {
    color: var(--rage-ink, #f8fafc);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
}

.rage-platform-graph-raw pre {
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.07);
    border-radius: 4px;
    color: var(--rage-ink, #dbe5f3);
    font-size: 11px;
    line-height: 1.45;
    margin: 8px 0 0;
    max-height: 320px;
    max-width: 100%;
    min-width: 0;
    overflow: auto;
    overflow-wrap: anywhere;
    padding: 10px;
    white-space: pre-wrap;
    word-break: break-word;
}

.rage-platform-error-tile {
    border-color: rgba(255, 45, 45, 0.32) !important;
}

.rage-platform-message {
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.38);
    border: 1px solid rgba(255, 210, 31, 0.18);
    border-radius: 4px;
    display: grid;
    gap: 5px;
    padding: 12px;
}

.rage-platform-message strong {
    color: var(--rage-yellow);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-platform-message p {
    color: var(--rage-ink, #f8fafc);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
    margin: 0;
}

.rage-platform-message-error {
    border-color: rgba(255, 45, 45, 0.42);
}

.rage-platform-message-error strong {
    color: var(--rage-danger-ink, #ff7474);
}

.rage-platform-detail-list {
    display: grid;
    gap: 8px;
    margin: 0;
    max-width: 100%;
    min-width: 0;
}

.rage-platform-detail-list div {
    align-items: baseline;
    display: grid;
    gap: 10px;
    grid-template-columns: 112px minmax(0, 1fr);
    min-width: 0;
}

.rage-platform-detail-list dt {
    color: var(--rage-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-platform-detail-list dd {
    color: var(--rage-ink, #f8fafc);
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.rage-content-destination-check {
    align-items: center;
    cursor: pointer;
    display: grid !important;
    gap: 10px;
    grid-template-columns: auto 24px minmax(0, 1fr);
    margin: 0 !important;
}

.rage-content-destination-check input {
    accent-color: var(--rage-yellow);
    margin: 0;
    width: auto;
}

.rage-content-destination-check strong,
.rage-content-destination-check small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-content-destination-check strong {
    color: var(--rage-ink, #ffffff);
    font-size: 14px;
}

.rage-content-destination-check small {
    color: var(--rage-muted);
    font-size: 12px;
    margin-top: 3px;
}

.rage-content-privacy-inline {
    align-items: end;
    text-align: end;
    display: grid;
    gap: 4px;
    justify-items: end;
    margin: 0 !important;
}

.rage-content-privacy-inline span {
    color: var(--rage-muted);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
}

.rage-content-privacy-inline select {
    appearance: none;
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.96);
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f8fafc' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: right 11px center;
    background-repeat: no-repeat;
    background-size: 10px 6px;
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 2px;
    color: var(--rage-ink, #ffffff);
    font-size: 13px;
    font-weight: 800;
    height: 30px;
    line-height: 1;
    margin: 0;
    min-width: 124px;
    padding: 4px 34px 4px 10px;
}

.rage-content-destination-detail-heading {
    align-items: start;
    display: grid;
    gap: 10px;
    grid-template-columns: 24px minmax(0, 1fr);
}

.rage-content-destination-detail-heading strong,
.rage-content-destination-detail-heading small {
    display: block;
}

.rage-content-destination-detail-heading strong {
    color: var(--rage-ink, #ffffff);
    font-size: 14px;
    margin-bottom: 4px;
}

.rage-content-destination-detail-heading small {
    color: var(--rage-muted);
    font-size: 12px;
    line-height: 1.4;
}

.rage-content-destination-fields {
    align-items: start;
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.34);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.075);
    border-radius: 4px;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
}

.rage-content-destination-fields.is-collapsed {
    display: none;
}

.rage-content-destination-overrides {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
}

@media (max-width: 1040px) {
    .rage-content-destination-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .rage-content-destination-overrides {
        grid-template-columns: minmax(0, 1fr);
    }
}

.rage-tag-editor {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.64);
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 48px;
    padding: 7px 9px;
}

.rage-tag-editor:focus-within {
    border-color: rgba(255, 210, 31, 0.68);
    box-shadow: 0 0 0 3px rgba(255, 210, 31, 0.12);
}

.rage-tag-editor.is-disabled {
    opacity: 0.7;
}

.rage-tag-editor-chips {
    display: contents;
}

.rage-tag-chip {
    max-width: 100%;
    overflow-wrap: anywhere;
    align-items: center;
    background: rgba(255, 210, 31, 0.14);
    border: 1px solid rgba(255, 210, 31, 0.28);
    border-radius: 999px;
    color: var(--rage-warning-ink, #fff7c2);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
    min-height: 26px;
    padding: 5px 8px;
}

.rage-tag-chip i {
    color: var(--rage-ink, #ffffff);
    font-size: 10px;
    opacity: 0.72;
}

.rage-tag-editor-entry {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--rage-ink, #f8fafc);
    flex: 1 1 150px;
    height: 28px !important;
    min-width: 0;
    padding: 0 !important;
}

.rage-recent-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

dialog.rage-connection-preview-modal:not([open]) {
    display: none;
}

.rage-connection-preview-actions {
    display: flex;
    justify-content: flex-end;
}

.rage-connection-caution:not([hidden]) {
    display: inline-flex;
    margin-left: 6px;
    color: var(--rage-warning-ink, #b87800);
    font-size: 13px;
}

.rage-connection-format:not([hidden]) {
    display: inline-block;
    color: var(--rage-muted);
    font-size: 11px;
    font-weight: 400;
    margin-left: 6px;
    white-space: nowrap;
    vertical-align: middle;
}

.rage-content-destination-check strong {
    display: inline;
    white-space: normal;
    overflow-wrap: anywhere;
}

.rage-connection-format[hidden] { display: none; }

.rage-connection-caution[hidden], .rage-connection-tag-note[hidden] {
    display: none;
}

.rage-content-platform-field .rage-connection-tag-note {
    color: var(--rage-danger-ink, #dc3545);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}

.rage-connection-preview-actions .rage-button {
    width: auto;
    flex: none;
}

dialog.rage-connection-preview-modal {
    width: min(440px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    overflow: auto;
    padding: 0;
}

.rage-connection-preview-modal::backdrop {
    background: rgba(0, 0, 0, 0.65);
}

.rage-connection-preview-modal .rage-platform-preview {
    margin: 0 auto;
    max-width: 100%;
}

.rage-content-platform-field {
    display: grid;
    gap: 6px;
    margin: 0 !important;
    min-width: 0;
}

.rage-content-platform-field span {
    color: var(--rage-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rage-content-destination-fields input,
.rage-content-destination-fields textarea {
    font-size: 13px;
    height: 44px;
    line-height: 20px;
    margin: 0;
    padding: 11px 10px;
}

.rage-content-destination-fields textarea {
    min-height: 160px;
    resize: vertical;
}

.rage-content-destination-overrides .rage-content-platform-field:nth-child(2) {
    align-self: stretch;
}

.rage-destination-form {
    display: grid;
    gap: 14px;
}

.rage-provider-grid {
    display: grid;
    gap: 10px;
    grid-auto-columns: 132px;
    grid-auto-flow: column;
    grid-template-columns: none;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding-bottom: 6px;
    scroll-snap-type: inline proximity;
}

.rage-provider-card {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 10, 12, 17), 0.9);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 4px;
    color: var(--rage-text);
    cursor: pointer;
    display: flex;
    gap: 8px;
    justify-content: center;
    min-height: 48px;
    padding: 9px 10px;
    position: relative;
    scroll-snap-align: start;
    text-align: center;
    width: 100%;
}

.rage-provider-copy {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.rage-provider-copy span {
    color: var(--rage-yellow);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.rage-provider-copy strong {
    color: var(--rage-ink, #e5e7eb);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.rage-provider-mark {
    align-items: center;
    background: #151922;
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 4px;
    color: #ffffff;
    display: inline-flex;
    font-size: 10px;
    font-weight: 900;
    height: 24px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
    width: 24px;
}

.rage-provider-mark svg {
    display: block;
    fill: currentColor;
    height: 24px;
    width: 24px;
}

.rage-provider-mark-facebook {
    background: #0866ff;
}

.rage-provider-mark-instagram {
    background: linear-gradient(135deg, #feda75, #fa7e1e 30%, #d62976 62%, #515bd4);
}

.rage-provider-mark-threads {
    background: #050505;
}

.rage-provider-mark-youtube {
    background: #ff0033;
}

.rage-provider-mark-tiktok {
    background: linear-gradient(135deg, #25f4ee, #0b0d12 44%, #fe2c55);
}

.rage-provider-mark-x {
    background: #050505;
}

.rage-provider-inline {
    align-items: center;
    display: inline-flex;
    gap: 14px;
    line-height: 24px;
    vertical-align: middle;
    white-space: nowrap;
}

.rage-provider-inline .rage-provider-mark {
    align-self: center;
    flex: 0 0 auto;
}

.rage-provider-inline-label {
    display: inline-flex;
    align-items: center;
    line-height: 24px;
}

.rage-provider-card:hover,
.rage-provider-card.active {
    background: linear-gradient(135deg, rgba(255, 45, 45, 0.14), rgba(var(--rage-surface-rgb, 12, 14, 20), 0.92));
    border-color: rgba(255, 210, 31, 0.52);
    box-shadow: 0 0 0 1px rgba(255, 210, 31, 0.12);
}

.rage-provider-card.is-coming-soon {
    background: rgba(var(--rage-surface-rgb, 10, 12, 17), 0.62);
    border-color: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    cursor: not-allowed;
    opacity: 0.72;
}

.rage-provider-card.is-coming-soon:hover,
.rage-provider-card.is-coming-soon.active {
    background: rgba(var(--rage-surface-rgb, 10, 12, 17), 0.74);
    border-color: rgba(255, 210, 31, 0.24);
    box-shadow: none;
}

.rage-provider-soon {
    background: rgba(255, 210, 31, 0.12);
    border: 1px solid rgba(255, 210, 31, 0.32);
    border-radius: 999px;
    color: var(--rage-yellow);
    display: inline-flex;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    padding: 4px 7px;
    text-transform: uppercase;
    white-space: nowrap;
}

.rage-provider-connected {
    align-items: center;
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.42);
    border-radius: 999px;
    color: var(--rage-success-ink, #86efac);
    display: inline-flex;
    font-size: 10px;
    font-weight: 900;
    justify-content: center;
    line-height: 1;
    min-width: 19px;
    padding: 4px 6px;
    position: absolute;
    right: 7px;
    top: 7px;
}

.rage-connection-workspace {
    display: grid;
    gap: 14px;
}

.rage-current-connections {
    display: grid;
    gap: 14px;
}

.rage-current-connections .rage-section-heading h2 {
    font-size: 20px;
}

.rage-connection-list {
    display: grid;
    gap: 8px;
    max-height: 390px;
    overflow: auto;
    padding-right: 2px;
}

.rage-connection-row {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
    border-radius: 4px;
    color: var(--rage-text);
    display: block;
    gap: 12px;
    padding: 10px 12px;
    text-decoration: none;
}

.rage-connection-row:hover {
    border-color: rgba(255, 210, 31, 0.35);
}

.rage-connection-row small {
    color: var(--rage-muted);
    font-size: 12px;
    margin-top: 2px;
}

.rage-connection-meta {
    align-items: center;
    display: flex;
    gap: 6px;
}

.rage-connection-platform-icon {
    font-size: 8px;
    height: 18px;
    width: 18px;
}

.rage-connection-platform-icon svg {
    height: 18px;
    width: 18px;
}

.rage-destination-config {
    display: grid;
    gap: 18px;
}

.rage-destination-config h2 {
    font-size: 24px;
    line-height: 1.15;
    margin: 0 0 6px;
}

.rage-edit-surface {
    display: grid;
    gap: 18px;
}

.rage-edit-overview {
    align-items: stretch;
    border-bottom: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
    display: grid;
    gap: 14px;
    padding-bottom: 18px;
}

.rage-edit-overview h2 {
    font-size: 26px;
    line-height: 1.12;
    margin: 0 0 6px;
}

.rage-edit-overview .rage-muted {
    margin: 0;
}

.rage-edit-grid {
    display: grid;
    gap: 16px;
}

.rage-edit-grid.is-single {
    grid-template-columns: 1fr;
}

.rage-edit-pane {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
    border-radius: 4px;
    display: grid;
    gap: 14px;
    padding: 14px;
}

.rage-pane-heading h3 {
    color: var(--rage-ink, #ffffff);
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
}

.rage-compact-form {
    display: grid;
    gap: 14px;
    max-width: none;
}

.rage-edit-field {
    display: grid;
    gap: 7px;
}

.rage-edit-field label {
    color: var(--rage-ink, #dfe4ed);
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
}

.rage-edit-pane .rage-control {
    background: var(--rage-surface, #090b10);
    border: 1px solid var(--rage-edge, #3b414d);
    border-radius: 4px;
    color: var(--rage-text);
    display: block;
    font-size: 15px;
    line-height: 1.35;
    margin: 0;
    min-height: 44px;
    padding: 10px 12px;
    width: 100%;
}

.rage-edit-pane .rage-control:focus {
    border-color: var(--rage-yellow);
    box-shadow: 0 0 0 3px rgba(255, 210, 31, 0.14);
    outline: none;
}

.rage-select-control {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23dfe4ed' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
    padding-right: 42px;
}

.rage-pane-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 2px;
}

.rage-connect-actions {
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    margin-top: 0;
    padding-top: 14px;
}

.rage-connect-actions form {
    margin: 0;
}

.rage-provider-setup {
    display: grid;
    gap: 14px;
}

.rage-developer-resource {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
}

.rage-developer-resource p {
    color: var(--rage-ink, #cbd5e1);
    font-size: 13px;
    line-height: 1.45;
    margin: 4px 0 0;
}

.rage-setup-steps {
    color: var(--rage-muted-ink, #d8dee8);
    display: grid;
    font-size: 13px;
    gap: 5px;
    line-height: 1.45;
    margin: 10px 0 0;
    padding-left: 18px;
}

.rage-setup-steps li::marker {
    color: var(--rage-yellow);
    font-weight: 900;
}

.rage-developer-resource .rage-button {
    justify-self: end;
}

.rage-provider-fields {
    display: grid;
    gap: 14px;
}

.rage-field-help {
    color: var(--rage-ink, #cbd5e1);
    font-size: 13px;
    line-height: 1.45;
    margin: -2px 0 0;
}

.rage-admin-note {
    background: rgba(255, 210, 31, 0.08);
    border: 1px solid rgba(255, 210, 31, 0.28);
    border-radius: 4px;
    color: var(--rage-warning-ink, #fef3c7);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
    padding: 10px 12px;
}

.rage-callback-box {
    display: grid;
    gap: 7px;
}

.rage-callback-box label {
    color: var(--rage-ink, #dfe4ed);
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rage-callback-box>div {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.rage-callback-box input {
    background: var(--rage-surface, #090b10);
    border: 1px solid var(--rage-edge, #3b414d);
    border-radius: 4px;
    color: var(--rage-text);
    font-size: 13px;
    min-width: 0;
    padding: 10px 11px;
    width: 100%;
}

.rage-provider-fields>div:not(.rage-edit-field) label {
    color: var(--rage-ink, #dfe4ed);
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.rage-provider-fields>div:not(.rage-edit-field) input {
    background: var(--rage-surface, #090b10);
    border: 1px solid var(--rage-edge, #3b414d);
    border-radius: 4px;
    color: var(--rage-text);
    display: block;
    font-size: 15px;
    min-height: 42px;
    padding: 10px 12px;
    width: 100%;
}

.rage-provider-fields>div:not(.rage-edit-field) input:focus {
    border-color: var(--rage-yellow);
    box-shadow: 0 0 0 3px rgba(255, 210, 31, 0.14);
    outline: none;
}

.rage-button:disabled,
button.rage-button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.is-hidden {
    display: none !important;
}

.rage-destination-types {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rage-type-option {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.04);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 4px;
    color: var(--rage-ink, #e5e7eb);
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    padding: 8px 10px;
}

.rage-type-option.active {
    background: rgba(255, 210, 31, 0.1);
    border-color: rgba(255, 210, 31, 0.58);
    color: var(--rage-yellow);
}

.rage-sync-preview {
    display: grid;
    gap: 8px;
}

.rage-header-button-group {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rage-header-button-group form {
    margin: 0;
}

.rage-status-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.rage-destination-title-row {
    align-items: center;
    display: flex;
    gap: 12px;
}

.rage-destination-avatar {
    background: var(--rage-surface-alt, #151922);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.16);
    border-radius: 50%;
    flex: 0 0 auto;
    height: 54px;
    object-fit: cover;
    width: 54px;
}

.rage-destination-avatar.is-placeholder,
.rage-destination-mini-avatar.is-placeholder {
    align-items: center;
    color: var(--rage-yellow);
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
}

.rage-destination-mini {
    align-items: center;
    display: flex;
    gap: 9px;
    min-width: 0;
}

.rage-destination-mini-avatar {
    background: var(--rage-surface-alt, #151922);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 50%;
    flex: 0 0 auto;
    height: 30px;
    object-fit: cover;
    width: 30px;
}

.rage-health-badge {
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 4px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
    padding: 7px 9px;
    text-transform: uppercase;
}

.rage-health-badge.is-good {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.46);
    color: var(--rage-success-ink, #86efac);
}

.rage-health-badge.is-warning {
    background: rgba(255, 210, 31, 0.1);
    border-color: rgba(255, 210, 31, 0.42);
    color: var(--rage-yellow);
}

.rage-maintenance-menu {
    justify-self: end;
    position: relative;
}

.rage-maintenance-menu summary {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.045);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 4px;
    color: var(--rage-ink, #f8fafc);
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    list-style: none;
    padding: 9px 11px;
}

.rage-maintenance-menu summary::-webkit-details-marker {
    display: none;
}

.rage-maintenance-menu[open] summary,
.rage-maintenance-menu summary:hover {
    border-color: rgba(255, 210, 31, 0.44);
    color: var(--rage-yellow);
}

.rage-maintenance-actions {
    background: rgba(var(--rage-surface-rgb, 12, 14, 20), 0.98);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 4px;
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.35);
    display: grid;
    gap: 8px;
    margin-top: 8px;
    min-width: 180px;
    padding: 10px;
    position: absolute;
    right: 0;
    z-index: 5;
}

.rage-maintenance-actions form,
.rage-maintenance-actions .rage-button {
    width: 100%;
}

.rage-maintenance-actions .rage-button {
    text-align: center;
}

.rage-table-actions {
    align-items: center;
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 0;
}

.rage-table-actions form {
    margin: 0;
}

.rage-icon-action {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.045);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 4px;
    color: var(--rage-ink, #f8fafc);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    justify-content: center;
    line-height: 1;
    height: 32px;
    padding: 0;
    text-decoration: none;
    width: 32px;
}

.rage-project-star[aria-pressed="true"] { color: var(--rage-yellow); }
.rage-project-star:disabled { opacity: 0.5; cursor: wait; }

.rage-icon-action svg {
    fill: none;
    height: 16px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    width: 16px;
}

.rage-icon-action i {
    font-size: 13px;
    line-height: 1;
}

.rage-icon-action:hover,
.rage-icon-action:focus {
    background: rgba(255, 210, 31, 0.12);
    border-color: rgba(255, 210, 31, 0.5);
    color: var(--rage-yellow);
    outline: none;
}

.rage-icon-action.danger:hover,
.rage-icon-action.danger:focus {
    background: rgba(255, 45, 45, 0.13);
    border-color: rgba(255, 45, 45, 0.55);
    color: var(--rage-danger-ink, #fecaca);
}

.rage-table-actions-cell,
.rage-table-actions-heading {
    text-align: right;
    white-space: nowrap;
}

.rage-status-pill {
    color: var(--rage-ink, #ffffff);
    display: inline-block;
    line-height: 1.35;
}

.rage-status-icon {
    align-items: center;
    background: rgba(148, 163, 184, 0.12);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 999px;
    color: var(--rage-ink, #cbd5e1);
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.rage-status-icon-success {
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.42);
    color: var(--rage-success-ink, #86efac);
}

.rage-status-icon-pending,
.rage-status-icon-draft {
    background: rgba(255, 210, 31, 0.12);
    border-color: rgba(255, 210, 31, 0.38);
    color: var(--rage-yellow);
}

.rage-status-icon-pending .fa-spinner {
    animation: rage-spin 0.9s linear infinite;
}

.rage-status-icon-danger {
    background: rgba(255, 45, 45, 0.13);
    border-color: rgba(255, 45, 45, 0.48);
    color: var(--rage-danger-ink, #fecaca);
}

.rage-status-text {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.rage-table-note {
    color: var(--rage-muted);
    display: block;
    font-size: 12px;
    line-height: 1.35;
    margin-top: 5px;
    max-width: 260px;
    white-space: normal;
}

.rage-sync-preview div {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.035);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
    border-radius: 4px;
    display: grid;
    gap: 4px;
    padding: 11px 12px;
}

.rage-sync-preview span {
    color: var(--rage-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rage-sync-preview strong {
    color: var(--rage-white);
    font-size: 14px;
}

.rage-requirements {
    border-left: 2px solid rgba(255, 45, 45, 0.72);
    padding-left: 14px;
}

.rage-requirements ul {
    color: var(--rage-ink, #cbd5e1);
    line-height: 1.55;
    margin: 0;
    padding-left: 18px;
}

.rage-choice-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    margin-bottom: 22px;
}

.rage-choice {
    background: var(--rage-surface, #0b0d12);
    border: 1px solid #343a46;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    padding: 18px;
}

.rage-choice input {
    margin-right: 8px;
    width: auto;
}

.rage-choice strong {
    color: var(--rage-ink, #ffffff);
    display: inline-block;
    margin-bottom: 8px;
}

.rage-choice span {
    color: var(--rage-muted);
    display: block;
    line-height: 1.45;
}

.rage-choice:has(input:checked) {
    border-color: var(--rage-red);
    box-shadow: 0 0 0 3px rgba(255, 45, 45, 0.15);
}

.rage-field-row {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.rage-channel-settings-form {
    display: grid;
    gap: 14px;
    max-width: none;
}

.rage-channel-details-editor {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: 92px minmax(0, 1fr);
}

.rage-channel-image-editor {
    display: block;
}

.rage-channel-photo-frame {
    border-radius: 8px;
    display: inline-block;
    position: relative;
}

.rage-channel-image-editor .rage-channel-photo {
    border-radius: 8px;
    height: 80px;
    width: 80px;
}

.rage-channel-description-editor {
    grid-column: 1 / -1;
}

.rage-channel-photo-button {
    align-items: center;
    background: rgba(8, 10, 15, 0.78);
    border-color: rgba(255, 255, 255, 0.24);
    border-radius: 0 0 8px 8px;
    bottom: 0;
    color: #fff;
    gap: 6px;
    height: 26px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}

.rage-channel-photo-button span {
    font-size: 11px;
    line-height: 1;
}

.rage-channel-photo-button:hover,
.rage-channel-photo-button:focus {
    background: rgba(8, 10, 15, 0.9);
    border-color: rgba(255, 255, 255, 0.34);
    color: #fff;
}

:root[data-theme="light"] .rage-channel-photo-button:hover,
:root[data-theme="light"] .rage-channel-photo-button:focus {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(32, 36, 43, 0.16);
    color: #20242b;
}

.rage-toggle-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.rage-toggle-grid label {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    color: var(--rage-ink, #e5e7eb);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 9px;
    margin: 0;
    min-height: 40px;
    padding: 8px 10px;
    white-space: nowrap;
}

.rage-toggle-grid input {
    accent-color: #0d6efd;
    flex: 0 0 auto;
    margin: 0;
    width: auto;
}

.rage-settings-message {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.42);
    border-radius: 4px;
    color: var(--rage-success-ink, #bbf7d0);
    font-size: 13px;
    font-weight: 700;
    padding: 10px 12px;
}

.rage-settings-message.is-error {
    background: rgba(255, 45, 45, 0.12);
    border-color: rgba(255, 45, 45, 0.42);
    color: var(--rage-danger-ink, #fecaca);
}

.rage-settings-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
}

.rage-settings-stack {
    container: rage-settings / inline-size;
    display: grid;
    gap: 12px;
}

.rage-settings-primary-grid {
    align-items: stretch;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
}

@container rage-settings (min-width: 980px) {
    .rage-settings-primary-grid:not(.is-profile-only) {
        grid-template-columns: minmax(0, 1fr) 520px;
    }
}

.rage-settings-primary-grid > .rage-settings-profile-panel {
    grid-column: 1 / -1;
}

.rage-settings-primary-grid.is-profile-only {
    grid-template-columns: minmax(0, 1fr);
}

[data-invite-link-slot]:empty {
    display: none;
}

.rage-settings-grid>.rage-settings-panel:only-child {
    grid-column: 1 / -1;
}

.rage-settings-grid.rage-settings-support-grid {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}

.rage-settings-panel {
    margin-bottom: 0;
    min-width: 0;
}

.rage-settings-panel .rage-section-heading {
    margin-bottom: 14px;
}

.rage-settings-panel .rage-section-heading h3 {
    color: var(--rage-ink, #ffffff);
    font-size: 20px;
    font-weight: 750;
    line-height: 1.1;
    margin: 0;
}

.rage-settings-access-panel {
    overflow: hidden;
}

.rage-settings-access-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 2.2fr) minmax(300px, 0.8fr);
}

.rage-settings-members-column,
.rage-settings-pending-column {
    min-width: 0;
}

.rage-settings-pending-column {
    border-left: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
    padding-left: 18px;
}

.rage-settings-pending-column .rage-section-heading h3 {
    font-size: 18px;
}

.rage-settings-form {
    max-width: none;
}

.rage-settings-profile-form {
    display: grid;
    gap: 10px;
    max-width: none;
}

.rage-settings-profile-panel {
    align-self: start;
    grid-template-columns: minmax(0, 1fr);
}

.rage-settings-profile-preview,
.rage-member-profile-card {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    min-width: 0;
}

.rage-member-profile-card>div {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.rage-settings-profile-panel .rage-form-actions {
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: 4px;
}

.rage-settings-profile-panel .rage-button {
    width: auto;
}

.rage-settings-profile-preview {
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.rage-settings-profile-fields {
    flex: 1 1 140px;
    min-width: 0;
    display: grid;
    gap: 4px;
    overflow-wrap: anywhere;
}

.rage-settings-profile-name {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.rage-settings-profile-name strong {
    font-size: 24px;
    line-height: 1.4;
    min-width: 0;
}

.rage-settings-profile-name-editor {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) 32px 32px;
    max-width: 560px;
}

.rage-settings-profile-name-editor input {
    height: 32px;
    min-height: 32px;
    min-width: 0;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    width: 100%;
}

.rage-settings-profile-name .rage-icon-action {
    flex: 0 0 32px;
}

.rage-settings-profile-photo-button {
    margin-left: auto;
}

.rage-settings-profile-preview .rage-user-avatar {
    position: relative;
    flex-shrink: 0;
    overflow: hidden;
    width: 72px;
    height: 72px;
    border-radius: 8px;
}

.rage-settings-profile-preview .rage-user-avatar img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rage-settings-profile-form [data-profile-photo-name] {
    overflow-wrap: anywhere;
}

.rage-member-profile-card strong,
.rage-member-profile-card small {
    display: block;
}

.rage-user-avatar {
    align-items: center;
    background: rgba(255, 210, 31, 0.12);
    border: 1px solid rgba(255, 210, 31, 0.38);
    border-radius: 999px;
    color: var(--rage-yellow);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 900;
    height: 28px;
    justify-content: center;
    overflow: hidden;
    width: 28px;
}

.rage-user-avatar-large {
    font-size: 18px;
    height: 58px;
    width: 58px;
}

.rage-user-avatar img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.rage-file-picker {
    align-items: center;
    background: var(--rage-surface, #090b10);
    border: 1px solid var(--rage-border-strong);
    border-radius: 5px;
    color: var(--rage-ink, #ffffff);
    cursor: pointer;
    display: grid;
    gap: 3px;
    margin: 0;
    padding: 10px 12px;
}

.rage-file-picker input {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.rage-file-picker span {
    align-items: center;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    gap: 7px;
}

.rage-file-picker small {
    color: var(--rage-muted);
    display: block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-settings-option-list {
    display: grid;
    gap: 8px;
}

.rage-settings-option {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
    border-radius: 5px;
    display: grid;
    gap: 10px;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    min-width: 0;
    padding: 10px;
}

.rage-settings-option>span:nth-child(2) {
    min-width: 0;
}

.rage-settings-option-icon {
    align-items: center;
    background: rgba(255, 210, 31, 0.12);
    border: 1px solid rgba(255, 210, 31, 0.42);
    border-radius: 5px;
    color: var(--rage-yellow);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.rage-settings-option strong,
.rage-settings-option small {
    display: block;
}

.rage-settings-option strong {
    color: var(--rage-ink, #ffffff);
    font-size: 14px;
}

.rage-settings-option small {
    color: var(--rage-muted);
    font-size: 12px;
    line-height: 1.35;
}

.rage-settings-option-toggle {
    cursor: pointer;
    margin: 0;
}

.rage-settings-option-toggle input {
    accent-color: var(--rage-red);
    height: 16px;
    margin: 0;
    width: 16px;
}

.rage-settings-preferences-form {
    display: grid;
    gap: 0;
    margin-top: 10px;
}

.rage-settings-preferences-form label.rage-settings-preference {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px;
    align-items: center;
    position: relative;
    gap: 16px;
    background: transparent;
    border: 0;
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 0;
    padding: 10px 0;
    margin: 0;
    min-height: 60px;
    font-size: 14px;
}

.rage-settings-preferences-form label.rage-settings-preference:focus-within {
    box-shadow: none;
}

.rage-settings-preference input:focus-visible + .rage-switch-control {
    outline: 2px solid var(--rage-muted-ink, #a8bdd8);
    outline-offset: 3px;
}

.rage-settings-preferences-form label.rage-settings-preference-select {
    grid-template-columns: minmax(0, 1fr) minmax(100px, 140px);
}

.rage-settings-preference-select select {
    width: 100%;
    min-width: 0;
    height: 38px;
    margin: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

.rage-settings-preference strong,
.rage-settings-preference small {
    display: block;
    overflow-wrap: anywhere;
}

.rage-settings-preference small {
    color: var(--rage-muted);
    font-size: 13px;
    font-weight: 400;
    margin-top: 4px;
}

.rage-settings-preferences-form .rage-form-actions {
    justify-content: flex-end;
    margin: 8px 0 0;
}

@media (max-width: 575px) {
    .rage-channel-details-editor {
        grid-template-columns: minmax(0, 1fr);
    }

    .rage-channel-description-editor {
        grid-column: auto;
    }

    .rage-settings-profile-name strong {
        font-size: 20px;
    }

    .rage-settings-profile-preview .rage-user-avatar {
        width: 56px;
        height: 56px;
    }
}

.rage-settings-copy-card {
    display: grid;
    gap: 8px;
    margin-bottom: 12px;
}

.rage-settings-copy-card input {
    background: var(--rage-surface, #090b10);
    border: 1px solid rgba(255, 210, 31, 0.28);
    border-radius: 5px;
    color: var(--rage-ink, #ffffff);
    font-size: 14px;
    padding: 10px 12px;
    width: 100%;
}

.rage-invite-list small,
.rage-settings-table small {
    color: var(--rage-muted);
    font-size: 12px;
    line-height: 1.35;
}

.rage-settings-table td strong,
.rage-settings-table td small {
    display: block;
}

.rage-settings-table .rage-table-actions-cell {
    text-align: right;
}

.rage-settings-table .rage-table-actions {
    justify-content: flex-end;
}

.rage-invite-list {
    display: grid;
    gap: 8px;
}

.rage-invite-list article {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
    border-radius: 5px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 10px;
}

.rage-invite-list strong,
.rage-invite-list small {
    display: block;
}

.rage-invite-list small.is-expired {
    color: var(--rage-danger-ink, #fecaca);
}

.rage-invite-inline-error {
    color: var(--rage-danger-ink, #fecaca);
    margin-top: 3px;
}

.rage-invite-actions {
    display: inline-flex;
    gap: 6px;
}

.rage-invite-actions form {
    margin: 0;
}

.rage-icon-action.is-loading i {
    animation: rage-spin 0.8s linear infinite;
}

.rage-auth-intro {
    display: grid;
    gap: 5px;
    margin-bottom: 14px;
}

.rage-auth-intro h1 {
    color: var(--rage-ink, #ffffff);
    font-size: 24px;
    margin: 0;
}

.rage-owner-tools {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}

.rage-owner-tool {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
    border-radius: 5px;
    color: var(--rage-ink, #ffffff);
    display: grid;
    gap: 10px;
    grid-template-columns: 34px minmax(0, 1fr);
    padding: 10px;
    text-decoration: none;
}

.rage-owner-tool:hover,
.rage-owner-tool:focus {
    border-color: rgba(255, 210, 31, 0.42);
    color: var(--rage-ink, #ffffff);
    outline: none;
}

.rage-owner-tool i {
    align-items: center;
    background: rgba(255, 210, 31, 0.14);
    border: 1px solid rgba(255, 210, 31, 0.28);
    border-radius: 4px;
    color: var(--rage-yellow);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.rage-owner-tool strong,
.rage-owner-tool small {
    display: block;
}

.rage-owner-tool small {
    color: var(--rage-muted);
    font-size: 12px;
    line-height: 1.35;
}

.rage-settings-subsection {
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    margin-top: 4px;
    padding-top: 14px;
}

.rage-settings-subsection h3 {
    color: var(--rage-ink, #ffffff);
    font-size: 15px;
    font-weight: 750;
    margin: 3px 0 12px;
}

.rage-steps {
    border-left: 2px solid rgba(255, 45, 45, 0.45);
    margin: 18px 0 0;
    padding-left: 18px;
}

.rage-steps li {
    color: var(--rage-muted);
    margin-bottom: 12px;
}

.rage-steps strong {
    color: var(--rage-ink, #ffffff);
}

.rage-table {
    border-collapse: collapse;
    width: 100%;
}

.rage-table .rage-actions-col {
    width: 96px;
}

.rage-table th,
.rage-table td {
    border-bottom: 1px solid var(--rage-border);
    padding: 12px;
    text-align: left;
}

.rage-table th {
    color: var(--rage-muted-ink, #c5cad3);
    font-size: 13px;
    text-transform: uppercase;
}

.rage-table-heading-stack {
    display: grid;
    gap: 2px;
}

.rage-table-heading-stack small {
    color: var(--rage-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
}

.rage-table th.rage-table-actions-heading,
.rage-table td.rage-table-actions-cell {
    text-align: right;
    width: 96px;
}

.rage-table th.rage-table-status-heading,
.rage-table td.rage-table-status-cell {
    text-align: right;
}

.rage-table td.rage-table-actions-cell .rage-table-actions {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.rage-connections-table th.rage-table-actions-heading,
.rage-connections-table td.rage-table-actions-cell {
    padding-right: 0;
    text-align: right !important;
}

.rage-connections-table td.rage-table-actions-cell .rage-table-actions {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    width: max-content;
}

.rage-connections-table td {
    vertical-align: middle;
}

.rage-profile-onboarding-page { background: var(--rage-bg); }
.rage-profile-onboarding-page .rage-auth-card { max-width: 460px; padding: 16px; }
.rage-profile-onboarding-page .rage-auth-logo { width: 104px; margin-bottom: 28px; }
.rage-onboarding-heading { text-align: center; margin-bottom: 26px; }
.rage-onboarding-heading h1 { font-size: 28px; font-weight: 700; margin: 8px 0 0; }
.rage-create-channel { max-width: 660px; margin: 24px auto; }
.rage-create-back { display: inline-flex; align-items: center; gap: 8px; color: var(--rage-muted); font-size: 13px; text-decoration: none; }
.rage-create-heading { margin: 28px 0 24px; }
.rage-create-heading h1 { margin: 8px 0 0; }
.rage-create-steps { display: flex; gap: 20px; list-style: none; margin: 0 0 28px; padding: 0 0 22px; border-bottom: 1px solid var(--rage-border); }
.rage-create-steps li { display: flex; align-items: center; gap: 8px; color: var(--rage-muted); font-size: 12px; }
.rage-create-steps li[aria-current] { color: var(--rage-text); font-weight: 700; }
.rage-create-steps li > span { display: grid; place-items: center; width: 26px; height: 26px; flex-shrink: 0; border: 1px solid var(--rage-border); border-radius: 50%; }
.rage-create-steps li[aria-current] > span { background: var(--rage-text); color: var(--rage-bg); }
.rage-create-form label { font-size: 13px; }
.rage-create-form input:not([type="file"]), .rage-create-form textarea { background: var(--rage-panel); }
.rage-create-form textarea { resize: vertical; min-height: 94px; }
.rage-create-photo-row { display: flex; align-items: center; gap: 20px; margin-bottom: 28px; }
.rage-create-photo-row > div { min-width: 0; }
.rage-create-photo-row small { display: block; margin-top: 9px; font-size: 12px; }
.rage-create-avatar { position: relative; display: grid; place-items: center; width: 80px; height: 80px; flex-shrink: 0; padding: 0; border: 1px solid var(--rage-border); border-radius: 8px; background: var(--rage-panel-2); color: var(--rage-text); font-size: 24px; cursor: pointer; }
.rage-create-avatar img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; border-radius: inherit; clip-path: inset(0 round 7px); }
.rage-create-camera { position: absolute; right: -7px; bottom: -7px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--rage-text); color: var(--rage-bg); border: 3px solid var(--rage-bg); font-size: 11px; }
.rage-create-actions { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid var(--rage-border); padding-top: 24px; margin-top: 24px; }
.rage-create-actions .rage-button { display: inline-flex; gap: 10px; align-items: center; justify-content: center; white-space: normal; text-align: center; }
.rage-create-steps li.is-complete > span { border-color: var(--rage-green); color: var(--rage-green); }
.rage-setup-provider-list { display: grid; gap: 0; }
.rage-setup-provider { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--rage-border); }
.rage-setup-provider strong { font-size: 14px; }
.rage-setup-provider-details { display: grid; gap: 4px; min-width: 0; }
.rage-setup-provider-details small { color: var(--rage-muted); font-size: 12px; overflow-wrap: anywhere; }
.rage-setup-account-list { display: grid; gap: 10px; margin-top: 24px; }
.rage-setup-account-list:empty { display: none; }
.rage-setup-account { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; }
.rage-setup-account > span:first-child { overflow-wrap: anywhere; min-width: 0; }
.rage-setup-account .rage-health-badge { flex-shrink: 0; }
.rage-setup-complete { padding: 32px 0; text-align: center; }
.rage-setup-complete > i { color: var(--rage-green); font-size: 32px; margin-bottom: 16px; }
.rage-setup-complete h2 { font-size: 22px; }
[data-setup-skip] { display: block; margin: 16px auto 0; color: var(--rage-muted); }
@media (max-width: 540px) {
    .rage-create-channel { margin: 12px auto; }
    .rage-create-steps { gap: 12px; }
    .rage-create-steps li { font-size: 11px; gap: 5px; }
    .rage-create-actions { flex-direction: column-reverse; }
}
.rage-onboarding-profile-card { min-width: 0; }
.rage-onboarding-profile-header { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 28px; }
.rage-onboarding-profile-header small { font-size: 12px; }
.rage-onboarding-avatar-button { position: relative; padding: 0; background: none; border: 0; margin: 0 0 6px; cursor: pointer; border-radius: 50%; }
.rage-onboarding-profile-card .rage-user-avatar { width: 88px; height: 88px; border-radius: 50%; font-size: 26px; background: var(--rage-panel-2); border-color: var(--rage-border); color: var(--rage-text); }
.rage-onboarding-camera { display: grid; place-items: center; position: absolute; bottom: 0; right: -2px; width: 30px; height: 30px; border-radius: 50%; border: 3px solid var(--rage-bg); background: var(--rage-text); color: var(--rage-bg); font-size: 12px; }
.rage-onboarding-text-button { background: none; border: 0; padding: 5px 8px; font-size: 13px; font-weight: 600; color: var(--rage-text); cursor: pointer; }
.rage-onboarding-text-button:hover { text-decoration: underline; }
.rage-onboarding-text-button:focus-visible,
.rage-onboarding-avatar-button:focus-visible { outline: 2px solid var(--rage-yellow); outline-offset: 4px; }
.rage-onboarding-profile-card label { font-size: 13px; margin-bottom: 8px; }
.rage-onboarding-profile-card input[name="name"] { height: 48px; margin-bottom: 20px; background: var(--rage-panel); }
.rage-onboarding-profile-card small { overflow-wrap: anywhere; }
.rage-onboarding-account { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 12px; color: var(--rage-muted); font-size: 13px; padding: 14px 0; border-top: 1px solid var(--rage-border); border-bottom: 1px solid var(--rage-border); }
.rage-onboarding-account > span:first-child { grid-column: 1; font-size: 11px; }
.rage-onboarding-email { grid-column: 1; overflow-wrap: anywhere; }
.rage-onboarding-account > i { grid-column: 2; grid-row: 1 / 3; align-self: center; }
.rage-onboarding-profile .rage-form-actions { margin-top: 24px; }
.rage-onboarding-profile .rage-form-actions > button { width: 100%; min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.rage-onboarding-signout { text-align: center; margin-top: 16px; }
.rage-onboarding-signout button { color: var(--rage-muted); }

.rage-alert {
    align-items: flex-start;
    border-radius: 6px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 16px;
    padding: 12px 14px;
}

.rage-alert button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: currentColor;
    cursor: pointer;
    display: inline-flex;
    height: 26px;
    justify-content: center;
    margin: -4px -6px -4px 0;
    opacity: 0.74;
    padding: 0;
    width: 26px;
}

.rage-alert button:hover,
.rage-alert button:focus {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    opacity: 1;
    outline: none;
}

.rage-alert.error {
    background: rgba(127, 29, 29, 0.32);
    border: 1px solid rgba(248, 113, 113, 0.42);
    color: var(--rage-danger-ink, #fecaca);
}

.rage-alert.message {
    background: rgba(20, 83, 45, 0.32);
    border: 1px solid rgba(34, 197, 94, 0.38);
    color: var(--rage-success-ink, #bbf7d0);
}

:root[data-theme="light"] .rage-alert.message,
:root[data-theme="light"] .rage-settings-message:not(.is-error) {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.46);
    color: var(--rage-success-ink);
}

html.rage-legal-page,
.rage-legal-page body {
    height: auto;
    min-height: 100%;
    overflow: visible;
}

.rage-legal-page .rage-legal-copy {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    overflow-wrap: anywhere;
}

.rage-legal-page .rage-legal-copy h1 {
    font-size: 36px;
    line-height: 1.15;
}

.rage-passkey-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: end; }
.rage-passkey-fields label { min-width: 0; margin: 0; }
.rage-passkey-fields input { margin: 0; }
.rage-passkey-fields > button { min-height: 48px; grid-column: 1 / -1; justify-self: end; }
.rage-passkey-list { list-style: none; padding: 0; margin: 12px 0 0; }
.rage-passkey-list li { display: flex; align-items: center; gap: 14px; border-bottom: 1px solid var(--rage-border); padding: 14px 0; }
.rage-passkey-list li > div { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.rage-passkey-list small { display: block; }
.rage-passkey-login { display: none; }
.rage-passkey-login .rage-button { display: inline-flex; align-items: center; width: 100%; min-height: 48px; justify-content: center; gap: 10px; }
.rage-passkey-login [role="status"], .rage-passkeys [role="status"] { font-size: 13px; margin: 12px 0 0; }
.rage-passkey-login [role="status"] { overflow-wrap: anywhere; text-align: center; }
.rage-passkey-login [role="status"]:empty { display: none; }
@media (max-width: 700px) {
    .rage-login-form .rage-login-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; }
    .rage-login-form .rage-login-submit { width: 100%; min-height: 48px; }
    .rage-passkey-login { display: contents; }
    .rage-passkey-login [role="status"] { grid-column: 1 / -1; margin: 0; }
}
@media (max-width: 700px) { .rage-passkey-fields { grid-template-columns: minmax(0, 1fr); } }

.rage-legal-shell {
    margin: 0 auto;
    max-width: 980px;
    padding: 20px 16px 56px;
}

.rage-legal-header {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.rage-legal-header img {
    display: block;
    height: auto;
    max-width: 82px;
}

.rage-legal-header nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.rage-legal-header nav a {
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 4px;
    color: var(--rage-ink, #e5e7eb);
    font-size: 13px;
    font-weight: 800;
    padding: 8px 10px;
    text-decoration: none;
}

.rage-legal-header nav a:hover,
.rage-legal-header nav a:focus {
    border-color: rgba(255, 210, 31, 0.48);
    color: var(--rage-yellow);
    outline: none;
}

.rage-legal-card {
    padding: 20px;
}

.rage-home-body .rage-legal-shell {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.rage-home-body .rage-legal-card {
    align-items: center;
    background: transparent;
    border: 0;
    box-shadow: none;
    display: flex;
    flex: 1;
    justify-content: center;
    padding: 20px;
}

.rage-legal-copy {
    color: var(--rage-ink, #d9dee8);
    display: grid;
    gap: 12px;
    line-height: 1.6;
}

.rage-legal-copy h1 {
    color: var(--rage-ink, #ffffff);
    font-size: clamp(30px, 6vw, 52px);
    line-height: 1;
    margin: 0;
}

.rage-legal-copy h2 {
    color: var(--rage-ink, #ffffff);
    font-size: 20px;
    margin: 18px 0 0;
}

.rage-legal-copy p {
    margin: 0;
}

.rage-home-copy {
    align-items: center;
    min-height: 0;
    text-align: center;
}

.rage-home-sigil {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 18px auto 0;
    max-width: 360px;
    width: min(72vw, 360px);
}

.rage-home-sigil img {
    display: block;
    filter: drop-shadow(0 18px 38px rgba(255, 45, 45, 0.2));
    height: auto;
    width: 100%;
}

.rage-home-copy h1 {
    font-size: clamp(58px, 14vw, 132px);
    letter-spacing: 0;
    text-transform: uppercase;
}

.rage-home-mantra {
    color: var(--rage-ink, #d9dee8);
    font-size: clamp(9px, 1.5vw, 14px);
    font-weight: 800;
}

.rage-home-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 8px 0 6px;
}

.rage-home-actions .rage-button {
    text-decoration: none;
}

.rage-modal-open {
    overflow: hidden;
}

.rage-modal-backdrop {
    align-items: center;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(10px);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 14px;
    position: fixed;
    z-index: 2000;
}

.rage-modal-backdrop.is-hidden {
    display: none !important;
}

.rage-modal {
    background: rgba(var(--rage-surface-rgb, 12, 14, 20), 0.98);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.56);
    display: grid;
    max-height: min(720px, calc(100vh - 28px));
    max-width: 720px;
    min-width: 0;
    overflow: hidden;
    width: min(100%, 720px);
}

.rage-confirm-modal {
    max-width: 520px;
}

.rage-modal-header {
    align-items: start;
    border-bottom: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 18px;
}

.rage-modal-header h2 {
    font-size: 24px;
    margin: 3px 0 0;
}

.rage-modal-close {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.045);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 4px;
    color: var(--rage-ink, #f8fafc);
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.rage-modal-close:hover,
.rage-modal-close:focus {
    border-color: rgba(255, 210, 31, 0.5);
    color: var(--rage-yellow);
    outline: none;
}

.rage-modal-body {
    display: grid;
    gap: 14px;
    min-height: 0;
    overflow-y: auto;
    padding: 18px;
}

.rage-modal-provider-grid {
    grid-auto-flow: initial;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
}

.rage-modal-provider-summary {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    display: grid;
    gap: 5px;
    padding: 12px;
}

.rage-modal-provider-summary strong {
    color: var(--rage-ink, #ffffff);
    font-size: 15px;
}

.rage-modal-provider-summary span {
    color: var(--rage-ink, #cbd5e1);
    font-size: 13px;
    line-height: 1.45;
}

.rage-provider-warning {
    align-items: center;
    background: rgba(255, 210, 31, 0.14);
    border: 1px solid rgba(255, 210, 31, 0.44);
    border-radius: 50%;
    color: var(--rage-yellow);
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: 9px;
    top: 9px;
    width: 20px;
}

.rage-modal-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    position: sticky;
    bottom: -18px;
    background: rgba(var(--rage-surface-rgb, 12, 14, 20), 0.98);
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    margin: 2px -18px -18px;
    padding: 14px 18px 18px;
}

.rage-confirm-copy {
    background: rgba(255, 45, 45, 0.08);
    border: 1px solid rgba(255, 45, 45, 0.28);
    border-radius: 4px;
    display: grid;
    gap: 8px;
    padding: 12px;
}

.rage-confirm-copy p {
    color: var(--rage-ink, #f8fafc);
    line-height: 1.5;
    margin: 0;
}

.rage-confirm-copy small {
    color: var(--rage-ink, #cbd5e1);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.rage-publish-progress {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.026);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
    border-radius: 5px;
    display: grid;
    gap: 12px;
    padding: 12px;
}

.rage-publish-progress.is-hidden {
    display: none;
}

.rage-publish-progress-head {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.rage-publish-progress-head span,
.rage-publish-progress-head strong {
    color: var(--rage-ink, #f8fafc);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.rage-publish-progress-head strong {
    color: var(--rage-muted-ink, #bfd4f2);
}

.rage-publish-progress-bar {
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    border-radius: 999px;
    height: 7px;
    overflow: hidden;
}

.rage-publish-progress-bar i {
    background: linear-gradient(90deg, var(--rage-red), var(--rage-yellow));
    border-radius: inherit;
    display: block;
    height: 100%;
    transition: width 0.34s ease;
    width: 0;
}

.rage-publish-progress-list {
    display: grid;
    gap: 8px;
}

.rage-publish-progress-row {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 7, 10, 16), 0.72);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    border-radius: 5px;
    display: grid;
    gap: 10px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    min-height: 50px;
    padding: 9px 10px;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.rage-publish-progress-row .rage-provider-mark {
    height: 26px;
    width: 26px;
}

.rage-publish-progress-row strong,
.rage-publish-progress-row small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-publish-progress-row strong {
    color: var(--rage-ink, #ffffff);
    font-size: 13px;
}

.rage-publish-progress-row small {
    color: var(--rage-muted-ink, #a8bdd8);
    font-size: 12px;
    margin-top: 2px;
}

.rage-publish-progress-row b {
    color: var(--rage-muted-ink, #bfd4f2);
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.rage-publish-progress-row.is-active {
    background: rgba(255, 210, 31, 0.08);
    border-color: rgba(255, 210, 31, 0.58);
}

.rage-publish-progress-row.is-active b {
    color: var(--rage-yellow);
}

.rage-publish-progress-row.is-complete {
    border-color: rgba(52, 211, 153, 0.3);
}

.rage-publish-progress-row.is-failed {
    background: rgba(255, 45, 45, 0.08);
    border-color: rgba(255, 45, 45, 0.42);
}

.rage-publish-progress-row.is-failed b {
    color: var(--rage-danger-ink, #fecaca);
}

.rage-publish-progress-empty {
    background: rgba(255, 45, 45, 0.08);
    border: 1px solid rgba(255, 45, 45, 0.22);
    border-radius: 5px;
    color: var(--rage-danger-ink, #fecaca);
    font-size: 13px;
    padding: 10px;
}

.rage-destination-account-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.rage-destination-account-actions form {
    margin: 0;
}

.rage-destination-maintenance {
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    margin-top: 16px;
    padding-top: 14px;
}

.rage-destination-maintenance summary {
    cursor: pointer;
    color: var(--rage-muted);
    font-size: 13px;
    width: fit-content;
    padding: 4px 0;
    outline: none;
}

.rage-destination-maintenance summary:focus-visible {
    outline: 2px solid var(--rage-muted-ink, #a8bdd8);
    outline-offset: 4px;
}

.rage-destination-account-panel .rage-definition-list > div {
    grid-template-columns: minmax(100px, 160px) minmax(0, 1fr);
}

.rage-destination-account-panel .rage-definition-list dd {
    overflow-wrap: anywhere;
    min-width: 0;
}

.rage-destination-account-panel .rage-section-heading {
    flex-wrap: wrap;
    gap: 12px;
}

.rage-destination-account-panel .rage-section-heading h2 {
    font-size: 22px;
}

.rage-destination-maintenance > .rage-muted {
    font-size: 12px;
    margin: 12px 0 16px;
}

@media (max-width: 575px) {
    .rage-destination-account-panel .rage-definition-list > div {
        grid-template-columns: 100px minmax(0, 1fr);
    }
}

.rage-destination-maintenance[open] summary {
    margin-bottom: 14px;
}

.rage-destination-maintenance .rage-definition-list dd {
    overflow-wrap: anywhere;
    min-width: 0;
}

.rage-tiktok-options {
    display: grid;
    gap: 12px;
    max-width: none;
    padding: 12px 0 0;
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
}

.rage-publish-timing fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.rage-schedule-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
    gap: 12px;
}
.rage-content-library-filters[hidden] { display: none; }
.rage-content-library-filters .rage-content-library-filter-actions .rage-button { flex: 0 0 auto; width: auto; }
.rage-content-library-filter-actions .rage-filter-reset-label { letter-spacing: 0; }

.rage-modal.rage-calendar-modal { width: min(1200px, calc(100vw - 32px)); max-width: 1200px; max-height: calc(100dvh - 32px); }
.rage-calendar-modal .rage-publish-timing { max-width: none; }
.rage-scheduling-calendar { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(240px, 1fr); gap: 20px; margin: 0; }
.rage-scheduling-calendar .fc .fc-toolbar { margin-bottom: 8px; }
.rage-scheduling-calendar .fc .fc-button { padding: 3px 8px; font-size: 13px; }
.rage-scheduling-calendar .fc .fc-daygrid-body table { height: auto !important; }
.rage-scheduling-calendar .fc .fc-daygrid-day-frame { height: 54px; min-height: 54px; }
.rage-scheduling-calendar .fc .fc-daygrid-day-events { position: absolute; top: 22px; left: 0; right: 0; margin: 0; }
.rage-scheduling-calendar .fc .fc-daygrid-day-events,
.rage-scheduling-calendar .fc .fc-daygrid-day-events * { pointer-events: none; }
.rage-scheduling-calendar .fc .fc-daygrid-more-link { text-decoration: none; }
.rage-scheduling-calendar .fc .fc-daygrid-day { cursor: pointer; }
.rage-scheduling-calendar .fc .fc-day-other { background: rgba(128,128,128,.14); }
.rage-calendar-controls { margin-top: 16px; border-top: 1px solid var(--rage-border); padding-top: 12px; }
.rage-calendar-controls label { margin-bottom: 0; }
.rage-content-view-actions { display: flex; align-items: center; gap: 12px; }
.rage-content-view-label { display: none; }
.rage-content-view-toggle { display: inline-flex; background: rgba(var(--rage-edge-rgb, 255, 255, 255), .03); border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), .1); border-radius: 4px; overflow: hidden; }
.rage-content-view-toggle button { width: 38px; height: 36px; border: 0; background: transparent; color: var(--rage-muted); }
.rage-content-view-toggle button + button { border-left: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), .1); }
.rage-content-view-toggle button[aria-pressed="true"] { background: rgba(255,210,31,.1); color: var(--rage-yellow); }
.rage-content-view-toggle button:focus-visible { outline: 2px solid rgba(255,210,31,.55); outline-offset: -2px; }
.rage-planner-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 16px 0; }
.rage-planner-legend { display: flex; flex-wrap: wrap; gap: 16px; font-size: 12px; }
.rage-planner-legend span::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 6px; background: var(--rage-calendar-scheduled); border-radius: 50%; }
.rage-planner-legend .published::before { background: var(--rage-calendar-published); }
.rage-planner-legend .planned::before { background: var(--rage-calendar-planned); border: 1px dotted var(--rage-calendar-planned); }
.rage-project-planner .rage-planner-planned, .rage-scheduling-calendar .fc .rage-planner-planned { color: var(--rage-calendar-planned); border: 1px dotted currentColor; background: rgba(231,189,53,.08); }
.rage-planner-entry.planned { border-left: 3px dotted var(--rage-calendar-planned); padding-left: 9px; }
.rage-planner-entry.planned .rage-planner-entry-meta strong,
.rage-calendar-entry.planned strong { color: var(--rage-calendar-planned); }
.rage-project-planner .rage-planner-entry.slot { flex-wrap: wrap; }
.rage-project-planner .rage-planner-entry.slot > div { flex: 1 1 120px; }
.rage-planner-entry .rage-planner-slot-actions { display: flex; flex: 0 0 auto; gap: 8px; align-self: center; }
[data-plan-form] textarea { width: 100%; resize: vertical; min-height: 110px; }
[data-plan-message]:empty { display: none; }
.rage-planner-legend .slot::before { background: transparent; border: 1px solid #b71938; }
.rage-project-planner { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); gap: 20px; }
.rage-project-planner [data-planner-grid] { min-width: 0; --fc-border-color: var(--rage-border); --fc-today-bg-color: rgba(255,210,31,.12); }
.rage-project-planner .fc-toolbar-title { font-size: 20px; }
.rage-project-planner .fc-button { font-size: 13px; }
.rage-project-planner .fc td, .rage-project-planner .fc th { padding: 0; }
.rage-project-planner .fc .fc-col-header-cell { background: var(--rage-panel-2); color: var(--rage-text); border-color: var(--rage-border); }
.rage-project-planner .fc .fc-col-header-cell-cushion { color: var(--rage-text); }
.rage-project-planner .fc .fc-daygrid-body table { height: auto !important; }
.rage-project-planner .fc .fc-daygrid-day-frame { height: 86px; min-height: 86px; }
.rage-project-planner .fc .fc-daygrid-day-events { position: absolute; top: 24px; left: 0; right: 0; margin: 0; }
.rage-project-planner .fc .fc-daygrid-event { margin-top: 0; padding: 0 2px; line-height: 15px; }
.rage-project-planner .fc .fc-daygrid-day-bottom { font-size: 11px; line-height: 14px; padding: 0 2px; }
.rage-project-planner .fc-daygrid-day-events, .rage-project-planner .fc-daygrid-day-events * { pointer-events: none; }
.rage-project-planner .fc-daygrid-day { cursor: pointer; }
.rage-project-planner .fc-day-other { background: rgba(128,128,128,.14); }
.rage-project-planner .fc-daygrid-day-number, .rage-project-planner .fc-col-header-cell-cushion { color: var(--rage-ink); text-decoration: none; }
.rage-project-planner .rage-planner-selected { box-shadow: inset 0 0 0 2px #087f8c; background: rgba(8,127,140,.10); }
.rage-project-planner .fc-daygrid-event { font-size: 12px; line-height: 15px; }
.rage-project-planner .rage-planner-published { color: var(--rage-calendar-published); }
.rage-project-planner .rage-planner-scheduled { color: var(--rage-calendar-scheduled); }
.rage-scheduling-calendar .fc .rage-planner-scheduled { color: var(--rage-calendar-scheduled); }
.rage-scheduling-calendar .fc .rage-planner-published { color: var(--rage-calendar-published); }
.rage-project-planner .rage-planner-slot, .rage-scheduling-calendar .fc .rage-planner-slot { color: #b71938; border: 1px dashed #b71938; background: rgba(183,25,56,.08); }
:root:not([data-theme="light"]) .rage-project-planner .rage-planner-slot { color: #ff8095; border-color: #ff8095; }
.rage-planner-entry.slot strong { color: #b71938; }
:root:not([data-theme="light"]) .rage-planner-entry.slot strong { color: #ff8095; }
.rage-planner-agenda { border-left: 1px solid var(--rage-border); padding-left: 20px; min-width: 0; }
.rage-planner-agenda h3 { font-size: 18px; }
.rage-planner-entry { display: flex; align-items: start; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--rage-border); color: var(--rage-ink); text-decoration: none; }
.rage-planner-entry.scheduled { --rage-entry-status: var(--rage-calendar-scheduled); }
.rage-planner-entry.published { --rage-entry-status: var(--rage-calendar-published); }
.rage-planner-entry.slot { --rage-entry-status: #b71938; }
:root:not([data-theme="light"]) .rage-planner-entry.slot { --rage-entry-status: #ff8095; }
.rage-planner-entry:is(.scheduled,.published,.slot) { position: relative; padding-left: 12px; }
.rage-planner-entry:is(.scheduled,.published,.slot)::before { content: ''; position: absolute; left: 0; top: 2px; bottom: 2px; width: 4px; border-radius: 2px; background: var(--rage-entry-status); pointer-events: none; }
.rage-planner-entry img { width: 48px; height: 48px; object-fit: cover; border-radius: 4px; }
.rage-planner-entry span, .rage-planner-entry small { display: block; overflow-wrap: anywhere; }
.rage-planner-entry small { color: var(--rage-muted); }
.rage-planner-entry-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; }
.rage-planner-entry-meta strong { white-space: nowrap; }
.rage-planner-entry.scheduled .rage-planner-entry-meta strong { color: var(--rage-calendar-scheduled); }
.rage-planner-entry.published .rage-planner-entry-meta strong { color: var(--rage-calendar-published); }
.rage-planner-entry-heading { display: flex; align-items: start; justify-content: space-between; gap: 4px 8px; }
.rage-planner-entry-heading .rage-planner-entry-meta { flex: 1 1 0; min-width: 0; }
.rage-planner-connections { flex-shrink: 0; justify-content: flex-end; margin-left: auto; max-width: 50%; }
.rage-planner-connections .rage-provider-mark { display: inline-flex; flex-shrink: 0; }
.rage-planner-entry-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rage-planner-entry > .rage-button { flex-shrink: 0; align-self: center; }
.rage-planner-entry > div { flex: 1; min-width: 0; }
.rage-planner-entry .rage-planner-thumbnail,
.rage-calendar-entry .rage-planner-thumbnail { display: grid; place-items: center; position: relative; flex: 0 0 48px; width: 48px; height: 48px; overflow: hidden; border-radius: 4px; background: rgba(128,128,128,.12); color: var(--rage-muted); }
.rage-planner-thumbnail.has-image > i { visibility: hidden; }
.rage-planner-entry .rage-planner-thumbnail img,
.rage-calendar-entry .rage-planner-thumbnail img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rage-filter-reset-icon { display: none; }
.rage-project-planner .fc .fc-daygrid-day-events { display: none; }
.rage-planner-day-stack { display: flex; justify-content: flex-start; gap: 0; height: 24px; margin: 8px 10px 0; }
.rage-planner-day-count { display: block; flex: 0 0 18px; width: 18px; height: 18px; padding: 0; border-radius: 50%; background: var(--rage-calendar-scheduled); color: white; text-align: center; font-size: 9px; line-height: 16px; border: 1px solid var(--rage-panel); cursor: pointer; }
.rage-planner-day-count.published { background: var(--rage-calendar-published); }
.rage-planner-day-count.planned { background: var(--rage-calendar-planned); }
.rage-planner-day-count.slot { background: #b71938; }
.rage-planner-day-count.overflow { background: #242830; color: #fff; }
:root:not([data-theme="light"]) .rage-planner-day-count.overflow { background: #fff; color: #17191e; border-color: #17191e; }
.rage-planner-day-count:focus-visible { outline: 2px solid var(--rage-text); outline-offset: 2px; }
@media (min-width: 720px) {
    .rage-planner-day-count { flex-basis: 24px; width: 24px; height: 24px; font-size: 10px; line-height: 22px; border-width: 2px; }
    .rage-planner-day-count + .rage-planner-day-count { margin-left: -6px; }
    .rage-planner-day-count:is(:hover,:focus-visible) { position: relative; z-index: 1; }
}
.rage-calendar-marker-tooltip { position: fixed; z-index: 20000; max-width: min(320px, calc(100vw - 24px)); padding: 8px 10px; border: 1px solid var(--rage-border); border-radius: 4px; background: var(--rage-panel); color: var(--rage-text); font-size: 12px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; pointer-events: none; box-shadow: 0 3px 12px rgba(0,0,0,.25); }
.rage-slot-editor { padding: 16px 0 0; margin-top: 20px; border-top: 1px solid var(--rage-border); }
.rage-slot-editor h3 { font-size: 18px; }
.rage-slot-heading { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; }
.rage-slot-heading h3 { margin: 0; }
@media (min-width: 720px) {
    .rage-slot-heading [data-add-slot] { margin-left: auto; }
}
.rage-audience-gain { font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }
.rage-audience-goal { display: grid; gap: 5px; width: 220px; max-width: 100%; min-width: 0; text-align: right; font-size: 12px; }
.rage-audience-goal-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-weight: 400; }
.rage-audience-goal > small { color: var(--rage-muted); font-size: 11px; text-align: left; font-variant-numeric: tabular-nums; }
.rage-audience-goal-track { height: 6px; border: 0; border-radius: 3px; overflow: hidden; background: #eef1f0; }
.rage-audience-goal progress { display: block; appearance: none; width: 100%; height: 6px; border: 0; background: #eef1f0; }
.rage-audience-goal progress::-webkit-progress-bar { background: #eef1f0; }
.rage-audience-goal progress::-webkit-progress-value { background: #16a34a; }
.rage-audience-goal progress::-moz-progress-bar { background: #16a34a; }
.rage-audience { display: flex; flex-direction: column; }
.rage-audience-goal-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: auto; padding-top: 20px; }
.rage-audience-goal-actions .rage-audience-gain { flex: 1 1 240px; margin: 0; }
.rage-audience-goal-actions > button { flex-shrink: 0; margin-left: auto; }
@media (max-width: 719px) {
    .rage-audience > .rage-analytics-chart-heading { display: grid; grid-template-columns: minmax(0, 1fr); justify-content: stretch; justify-items: stretch; width: 100%; gap: 12px; }
    .rage-audience-goal { width: 100%; }
    .rage-audience-layout > .rage-audience-goal { margin-bottom: 16px; }
    .rage-audience-goal-actions { flex-direction: column; align-items: stretch; }
    .rage-audience-goal-actions .rage-audience-gain { flex: none; width: 100%; }
    .rage-audience-goal-actions > button { align-self: flex-end; }
}
.rage-slot-toggle { display: none; }
.rage-slot-editor:not(:has([data-slot-list] form)) .rage-slot-heading { margin-bottom: 0; }
dialog.rage-slot-modal { width: min(560px,calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; color: var(--rage-ink); border: 1px solid var(--rage-border); }
dialog.rage-slot-modal:not([open]) { display: none; }
dialog.rage-slot-modal::backdrop { background: rgba(0,0,0,.65); }
.rage-slot-modal h2 { font-size: 22px; margin: 0; }
.rage-slot-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: end; gap: 16px; max-width: none; }
.rage-slot-form .rage-slot-days, .rage-slot-form .rage-modal-actions, [data-slot-message] { grid-column: 1 / -1; }
[data-slot-message]:empty { display: none; }
.rage-slot-summary { display: grid; gap: 4px; flex: 1; min-width: 0; }
.rage-slot-details { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.rage-slot-details strong { white-space: nowrap; }
.rage-slot-repeat { overflow-wrap: anywhere; }
.rage-slot-days { min-width: 0; margin: 0; padding: 0; border: 0; }
.rage-slot-days legend { font-size: 16px; font-weight: 700; margin-bottom: 0; }
.rage-slot-day-options { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); border: 1px solid var(--rage-border); border-radius: 4px; overflow: hidden; }
.rage-slot-day-options label { position: relative; min-width: 0; cursor: pointer; }
.rage-slot-day-options input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.rage-slot-day-options span { display: flex; align-items: center; justify-content: center; height: 46px; font-size: 12px; border-right: 1px solid var(--rage-border); }
.rage-slot-day-options label:last-child span { border-right: 0; }
.rage-slot-day-options input:checked + span { color: var(--rage-yellow); background: rgba(255,195,0,.15); box-shadow: inset 0 -2px currentColor; }
.rage-slot-day-options input:focus-visible + span { outline: 2px solid var(--rage-yellow); outline-offset: -3px; }
:root[data-theme="light"] .rage-slot-day-options input:checked + span { color: #806000; }
[data-planner-status]:empty { display: none; }
.rage-slot-form label, .rage-slot-form input, .rage-slot-form select { margin-bottom: 0; }
[data-slot-list] { display: flex; flex-wrap: wrap; gap: 12px; }
[data-slot-list] form { display: flex; align-items: center; gap: 12px; padding: 12px; margin: 0; width: 340px; max-width: 100%; border: 1px solid var(--rage-border); border-left: 3px solid #b71938; border-radius: 4px; }
[data-slot-list] form > button { flex-shrink: 0; }
[data-slot-list] .rage-slot-summary { flex: 1; min-width: 0; }
@media (min-width: 720px) and (max-width: 1100px) { .rage-slot-form { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 719px) {
    .rage-project-planner { grid-template-columns: minmax(0,1fr); }
    .rage-planner-connections { gap: 4px; }
    .rage-planner-connections .rage-provider-mark { width: 20px; height: 20px; font-size: 8px; }
    .rage-planner-connections .rage-provider-mark svg { width: 18px; height: 18px; }
    .rage-planner-agenda { border-left: 0; border-top: 1px solid var(--rage-border); padding: 16px 0 0; }
    .rage-slot-form { grid-template-columns: minmax(0,1fr); }
    .rage-slot-heading { justify-content: space-between; }
    .rage-slot-heading h3 { display: none; }
    .rage-slot-toggle { display: inline-flex; align-items: center; gap: 12px; padding: 8px 0; border: 0; background: transparent; color: var(--rage-ink); font-size: 16px; cursor: pointer; }
    .rage-slot-toggle i { font-size: 12px; }
    .rage-slot-editor:has(.rage-slot-toggle[aria-expanded="false"]) [data-slot-list] { display: none; }
    .rage-slot-editor:has(.rage-slot-toggle[aria-expanded="false"]) .rage-slot-heading { margin-bottom: 0; }
    [data-slot-list] { display: block; }
    [data-slot-list] form { width: 100%; padding: 10px 0; border: 0; border-bottom: 1px solid var(--rage-border); border-radius: 0; }
    [data-slot-list] form:last-child { border-bottom: 0; }
    .rage-slot-summary { gap: 2px; }
    .rage-project-planner .fc-toolbar-title { font-size: 16px; }
    .rage-project-planner .fc-button { font-size: 11px; padding: 5px; }
    .rage-project-planner .fc .fc-daygrid-day-frame { height: 54px; min-height: 54px; }
    .rage-project-planner .fc .fc-daygrid-day-events { display: none; }
    .rage-project-planner .fc .fc-daygrid-day-top { justify-content: center; }
    .rage-project-planner .fc .fc-daygrid-day-number { padding: 3px; font-size: 14px; }
    .rage-project-planner .fc .fc-col-header-cell-cushion { font-size: 12px; }
    .rage-project-planner .fc .fc-toolbar { margin-bottom: 8px; }
    .rage-planner-day-stack { justify-content: center; gap: 0; height: 18px; margin: 0 auto; }
    .rage-planner-day-count { display: block; flex: 0 0 18px; width: 18px; height: 18px; border-radius: 50%; background: var(--rage-calendar-scheduled); color: white; text-align: center; font-size: 9px; line-height: 16px; border: 1px solid var(--rage-panel); }
    .rage-planner-day-count + .rage-planner-day-count { margin-left: -9px; }
    .rage-planner-day-count.published { background: var(--rage-calendar-published); }
    .rage-planner-day-count.planned { background: var(--rage-calendar-planned); }
    .rage-planner-day-count.slot { background: #b71938; }
    .rage-planner-day-count.overflow { background: #242830; color: #fff; }
    :root:not([data-theme="light"]) .rage-planner-day-count.overflow { background: #fff; color: #17191e; border-color: #17191e; }
    .rage-project-planner .fc-daygrid-event { font-size: 10px; }
    .rage-planner-heading { align-items: center; gap: 8px; margin: 12px 0; }
    .rage-planner-legend { gap: 8px 12px; font-size: 11px; }
    .rage-planner-legend span { white-space: nowrap; }
}
.rage-calendar-controls input, .rage-calendar-controls select { margin-bottom: 0; }
.rage-calendar-modal .rage-publish-timing > label { margin-bottom: 12px; }
.rage-scheduling-calendar .fc .fc-daygrid-event { margin-top: 0; line-height: 14px; padding: 0 2px; }
.rage-scheduling-calendar .fc .fc-daygrid-day-bottom { line-height: 13px; font-size: 11px; padding: 0 2px; }
.rage-scheduling-calendar [data-calendar-grid] { min-width: 0; --fc-border-color: var(--rage-border); --fc-page-bg-color: var(--rage-panel); --fc-neutral-bg-color: var(--rage-panel); --fc-today-bg-color: rgba(255,210,31,.12); --fc-event-bg-color: var(--rage-calendar-scheduled); --fc-event-border-color: var(--rage-calendar-scheduled); }
.rage-scheduling-calendar .fc-toolbar-title { font-size: 18px; }
.rage-scheduling-calendar .fc-daygrid-day-number { color: var(--rage-ink); text-decoration: none; }
.rage-scheduling-calendar .fc-col-header-cell-cushion { color: var(--rage-muted); font-size: 12px; text-decoration: none; }
.rage-scheduling-calendar .fc-event-title { overflow: hidden; text-overflow: ellipsis; }
.rage-calendar-agenda { min-width: 0; border-left: 1px solid var(--rage-border); padding-left: 20px; }
.rage-calendar-agenda h3 { font-size: 18px; margin: 0 0 12px; }
.rage-calendar-agenda .rage-schedule-fields { grid-template-columns: minmax(0, 1fr); margin-bottom: 16px; }
.rage-calendar-agenda [data-calendar-status]:empty { display: none; }
.rage-scheduling-calendar .fc td, .rage-scheduling-calendar .fc th { padding: 0; }
.rage-scheduling-calendar .fc-daygrid-event { color: var(--rage-calendar-scheduled); font-size: 12px; }
.rage-scheduling-calendar .fc-daygrid-event.rage-calendar-preview { color: #087f8c; background: rgba(8,127,140,.12); border-left: 3px solid #087f8c; }
@media (min-width: 720px) {
    .rage-calendar-modal .rage-modal-body { gap: 6px; }
    .rage-calendar-modal .rage-modal-header { padding-top: 12px; padding-bottom: 12px; }
    .rage-calendar-modal .rage-publish-timing > label { display: flex; align-items: center; gap: 12px; }
    .rage-calendar-modal .rage-publish-timing > label select { width: 220px; margin-bottom: 0; }
    .rage-scheduling-calendar .fc .fc-daygrid-day-frame {
        height: clamp(54px, calc((100dvh - 480px) / 6), 80px);
        min-height: clamp(54px, calc((100dvh - 480px) / 6), 80px);
    }
    .rage-calendar-agenda [data-calendar-agenda] { height: clamp(240px, calc(100dvh - 480px), 480px); overflow-y: auto; }
}
.rage-calendar-entry { display: flex; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--rage-border); text-decoration: none; color: var(--rage-ink); }
.rage-calendar-entry img { width: 44px; height: 44px; object-fit: cover; border-radius: 4px; }
.rage-calendar-entry span, .rage-calendar-entry small { display: block; overflow-wrap: anywhere; }
.rage-calendar-entry small { color: var(--rage-muted); }
.rage-calendar-count { display: none; }
.rage-scheduling-calendar .fc-daygrid-day-frame { min-height: 48px; }
.rage-calendar-modal .rage-modal-body.rage-form { max-width: none; width: 100%; }
.rage-scheduling-calendar .rage-calendar-selected { background: rgba(8, 127, 140, .10); box-shadow: inset 0 0 0 2px #087f8c; }
.rage-scheduling-calendar .fc-daygrid-day:focus-visible { outline: 2px solid var(--rage-ink); outline-offset: -2px; }
.rage-scheduled-summary { margin: 12px 0; }
.rage-scheduled-summary .rage-muted { display: block; margin-top: 4px; }
.rage-calendar-modal .rage-modal-actions { background: var(--rage-panel); z-index: 2; }
@media (max-width: 719px) {
    .rage-scheduling-calendar { grid-template-columns: minmax(0, 1fr); }
    .rage-calendar-agenda { border-left: 0; border-top: 1px solid var(--rage-border); padding: 16px 0 0; }
    .rage-scheduling-calendar .fc-toolbar-title { font-size: 15px; }
    .rage-scheduling-calendar .fc-button { padding: 5px; font-size: 12px; }
    .rage-scheduling-calendar .fc-daygrid-event { font-size: 10px; }
    .rage-scheduling-calendar .fc-daygrid-day-frame { min-height: 44px; }
    .rage-scheduling-calendar .fc-daygrid-day-events { display: none; }
    .rage-scheduling-calendar .fc-daygrid-day-top { justify-content: center; }
    .rage-scheduling-calendar .fc-daygrid-day-number { padding: 3px; font-size: 14px; }
    .rage-calendar-count { display: block; margin: 0 auto 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--rage-calendar-scheduled); color: white; font-size: 10px; line-height: 16px; text-align: center; }
    .rage-scheduling-calendar { gap: 12px; }
    .rage-calendar-entry { padding: 8px 0; }
}

.rage-schedule-fields label,
.rage-schedule-fields input,
.rage-schedule-fields select {
    min-width: 0;
}

.rage-tiktok-options label.rage-tiktok-checkbox {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    font-weight: 400;
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

.rage-tiktok-settings {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    align-items: start;
}

.rage-tiktok-privacy select {
    max-width: 190px;
}

[data-tiktok-publish-options] {
    display: grid;
    gap: 18px;
}

[data-tiktok-publish-options][hidden],
.rage-tiktok-options[hidden] {
    display: none !important;
}

.rage-tiktok-options .rage-tiktok-privacy {
    justify-items: stretch;
    text-align: left;
    gap: 8px;
}

.rage-tiktok-options .rage-tiktok-privacy span {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
}

.rage-tiktok-options .rage-tiktok-privacy select {
    width: 100%;
    max-width: none;
    height: 38px;
}

.rage-tiktok-interactions {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
}

.rage-tiktok-interactions legend {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.rage-tiktok-disclosures,
.rage-tiktok-confirmation {
    display: grid;
    gap: 10px;
}

.rage-tiktok-confirmation {
    border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.08);
    padding-top: 10px;
    gap: 5px;
}

.rage-tiktok-options small {
    display: block;
    font-size: 12px;
    line-height: 1.5;
    color: var(--rage-muted);
}

.rage-tiktok-options .rage-tiktok-validation {
    color: var(--rage-danger-ink, #fca5a5);
}

.rage-tiktok-checkbox span {
    overflow-wrap: anywhere;
}

@media (max-width: 575px) {
    .rage-tiktok-settings {
        flex-direction: column;
        gap: 12px;
    }
}

.rage-tiktok-options .rage-tiktok-checkbox input {
    width: 16px;
    height: 16px;
    min-height: 0;
    margin: 2px 0 0;
}

.rage-tiktok-options [hidden] {
    display: none !important;
}

[data-content-destination-platform="tiktok"] [data-content-privacy-control] {
    display: none;
}

.rage-publish-monitor {
    align-items: center;
    background: rgba(var(--rage-surface-rgb, 10, 12, 18), 0.97);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 6px;
    bottom: max(16px, var(--rage-safe-bottom));
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.46);
    display: grid;
    gap: 12px;
    row-gap: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    left: auto;
    width: 340px;
    max-width: calc(100% - 32px);
    min-width: 0;
    padding: 12px;
    position: fixed;
    right: max(16px, env(safe-area-inset-right));
    z-index: 70;
}

.rage-publish-monitor.is-expanded {
    row-gap: 12px;
}

.rage-publish-monitor .rage-publish-progress-row > div {
    min-width: 0;
}

.rage-publish-monitor .rage-publish-progress-row small {
    white-space: normal;
    overflow-wrap: anywhere;
}

.rage-publish-monitor.is-hidden,
.rage-publish-monitor .is-hidden {
    display: none !important;
}

.rage-publish-monitor[data-has-job="false"] {
    display: none !important;
}

.rage-publish-monitor-main {
    background: transparent;
    border: 0;
    color: var(--rage-ink, #f8fafc);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 9px;
    min-width: 0;
    padding: 0;
    text-align: left;
    grid-column: 1;
    grid-row: 2;
}

.rage-publish-monitor-main:focus-visible {
    outline: 2px solid var(--rage-yellow);
    outline-offset: 4px;
}

.rage-publish-monitor-main .rage-publish-progress-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    text-transform: none;
    font-size: 12px;
}

.rage-publish-monitor-main .rage-publish-progress-head > span {
    overflow-wrap: anywhere;
}

.rage-publish-monitor-actions {
    grid-column: 2;
    grid-row: 2;
    align-items: center;
    display: flex;
    gap: 8px;
}

.rage-publish-monitor .rage-publish-progress-list {
    grid-column: 1 / -1;
    grid-row: 1;
    max-height: min(280px, 42vh);
    overflow-y: auto;
}

.rage-modal-backdrop.is-publishing .rage-modal-close,
.rage-modal-backdrop.is-publishing .rage-button.secondary {
    cursor: wait;
    opacity: 0.58;
}

.rage-popup-complete {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 18px;
}

.rage-popup-card {
    background: rgba(var(--rage-surface-rgb, 12, 14, 20), 0.96);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.14);
    border-radius: 6px;
    max-width: 460px;
    padding: 22px;
    width: 100%;
}

.rage-popup-card h1 {
    font-size: 28px;
    margin: 4px 0 8px;
}

.rage-popup-card p {
    color: var(--rage-ink, #cbd5e1);
    line-height: 1.5;
}

.rage-page-picker-card {
    max-width: 560px;
}

.rage-page-picker-form {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

.rage-page-picker-list {
    display: grid;
    gap: 8px;
    max-height: min(430px, 55vh);
    overflow-y: auto;
    padding-right: 2px;
}

.rage-page-picker-option {
    align-items: center;
    background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.035);
    border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
    border-radius: 4px;
    cursor: pointer;
    display: grid;
    gap: 10px;
    grid-template-columns: auto 38px minmax(0, 1fr);
    padding: 10px;
}

.rage-page-picker-option:hover,
.rage-page-picker-option:has(input:checked) {
    background: rgba(255, 210, 31, 0.08);
    border-color: rgba(255, 210, 31, 0.4);
}

.rage-page-picker-option input {
    accent-color: var(--rage-yellow);
}

.rage-page-picker-option img,
.rage-page-picker-option .rage-destination-mini-avatar {
    border-radius: 5px;
    height: 38px;
    object-fit: cover;
    width: 38px;
}

.rage-page-picker-option strong,
.rage-page-picker-option small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rage-page-picker-option strong {
    color: var(--rage-ink, #ffffff);
    font-size: 15px;
}

.rage-page-picker-option small {
    color: var(--rage-muted-ink, #aeb7c6);
    font-size: 12px;
}

.rage-divider {
    border: 0;
    border-top: 1px solid var(--rage-border);
    margin: 22px 0;
}

@media (min-width: 720px) {
    .rage-app-header {
        grid-template-columns: auto 1fr auto;
        padding: 8px 16px;
    }

    .rage-header-logo {
        display: block;
        max-width: 64px;
    }

    .rage-header-favicon {
        display: none;
    }

    .rage-header-nav a {
        font-size: 14px;
        padding: 7px 9px;
    }

    .rage-signout-full {
        display: inline;
    }

    .rage-signout-short {
        display: none;
    }

    .rage-header-actions .rage-button {
        padding: 8px 11px;
    }

    .rage-button,
    button.rage-button {
        font-size: 14px;
        padding: 8px 11px;
    }

    .rage-title {
        font-size: 28px;
    }

    .rage-card,
    .rage-panel {
        padding: 18px;
    }

    .rage-header-actions {
        justify-self: end;
    }

    .rage-content {
        padding: 28px 28px 56px;
    }

    .rage-dashboard-hero {
        align-items: center;
        grid-template-columns: 1fr auto;
        padding: 22px 24px;
    }

    .rage-page-heading {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .rage-channel-header {
        align-items: center;
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 12px 14px;
    }

    .rage-channel-tabs {
        gap: 4px;
        top: 65px;
    }

    .rage-channel-tabs button {
        font-size: 13px;
        padding: 7px 10px;
    }

    .rage-path-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rage-provider-grid {
        grid-auto-flow: initial;
        grid-template-columns: repeat(6, minmax(92px, 1fr));
    }

    .rage-modal-provider-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rage-connection-workspace {
        align-items: start;
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
    }

    .rage-sync-preview {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rage-edit-overview {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr);
    }

    .rage-edit-grid {
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    }

    .rage-provider-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rage-edit-pane .rage-provider-fields {
        grid-template-columns: 1fr;
    }

    .rage-edit-grid.is-single .rage-provider-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rage-wizard-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (min-width: 920px) {
    .rage-content-details-grid {
        grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
    }

    .rage-content-media-panel {
        grid-template-rows: auto auto auto;
        min-height: 0;
    }

    .rage-content-media-field {
        min-height: 0;
    }

    .rage-content-media-picker {
        grid-template-rows: auto auto;
        height: auto;
        min-height: 0;
    }

    .rage-archive-record-layout {
        grid-template-columns: minmax(380px, 0.92fr) minmax(0, 1.08fr);
    }

    .rage-archive-record-layout-no-media {
        grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
    }

    .rage-content-media-panel {
        position: sticky;
        top: 0;
    }

}

@media (max-width: 819px) {
    .rage-topbar {
        display: block;
    }
}

@media (max-width: 1100px) {
    .rage-dashboard-insights-grid {
        grid-template-columns: 1fr;
    }

    .rage-dashboard-insight-panel {
        gap: 12px;
        grid-template-columns: minmax(160px, 0.34fr) minmax(0, 1fr);
        grid-template-rows: auto auto;
    }

    .rage-dashboard-insight-panel .rage-section-heading {
        grid-column: 1 / -1;
    }

    .rage-dashboard-mix-list {
        align-self: center;
        display: grid;
    }
}

@media (max-width: 575px) {

    .rage-shell,
    .rage-app-header,
    .rage-app-workspace,
    .rage-dashboard-sidebar,
    .rage-content {
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
        width: 100%;
    }

    .rage-app-header {
        gap: 6px;
        padding-inline: 8px;
    }

    .rage-header-nav {
        gap: 4px;
        justify-content: flex-end;
        min-width: 0;
    }

    .rage-header-nav a {
        font-size: 10px;
        padding-inline: 5px;
    }

    .rage-header-actions .rage-button {
        margin-left: 2px;
        padding-inline: 7px;
    }

    .rage-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .rage-content-editor-header,
    .rage-content-editor-form,
    .rage-content-details-grid,
    .rage-content-copy-panel,
    .rage-content-media-panel,
    .rage-content-destinations,
    .rage-content-destination-list,
    .rage-content-destination-card,
    .rage-content-media-picker,
    .rage-tag-editor,
    .rage-pane-actions {
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    .rage-page-heading {
        align-items: start;
        gap: 10px;
        grid-template-columns: minmax(0, 1fr) auto;
        margin-bottom: 10px;
    }

    .rage-page-heading .rage-kicker {
        margin-bottom: 5px;
    }

    .rage-page-heading .rage-title {
        font-size: 22px;
        line-height: 1.05;
        margin-bottom: 4px;
    }

    .rage-page-heading .rage-muted {
        font-size: 14px;
        line-height: 1.45;
        margin: 0;
    }

    .rage-page-heading .rage-button {
        align-self: start;
        justify-self: end;
        margin-top: 0;
    }

    .rage-channels-panel {
        padding: 10px;
    }

    .rage-channels-panel .rage-table tbody {
        gap: 10px;
    }

    .rage-channels-panel .rage-table tr {
        gap: 9px;
        padding: 10px;
    }

    .rage-channels-panel .rage-table td[data-label="Name"] {
        padding-right: 40px;
    }

    .rage-channels-panel .rage-channel-inline {
        gap: 9px;
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .rage-channels-panel .rage-channel-photo-inline {
        height: 40px;
        width: 40px;
    }

    .rage-channels-panel .rage-channel-inline strong {
        display: block;
        font-size: 14px;
        line-height: 1.2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rage-channels-panel .rage-channel-inline small,
    .rage-channels-panel .rage-dashboard-channel-performance small {
        font-size: 12px;
    }

    .rage-channels-panel .rage-dashboard-connection-icons .rage-provider-mark {
        height: 22px;
        width: 22px;
    }

    .rage-channels-panel .rage-dashboard-connection-icons .rage-provider-mark svg {
        height: 20px;
        width: 20px;
    }

    .rage-channels-panel .rage-dashboard-channel-performance {
        gap: 6px;
    }

    .rage-dashboard-insight-panel {
        gap: 12px;
        grid-template-columns: 1fr;
    }

    .rage-dashboard-insight-panel .rage-section-heading {
        grid-column: auto;
    }

    .rage-dashboard-mix-donut {
        max-width: 166px;
        width: min(100%, 166px);
    }

    .rage-dashboard-mix-tabs {
        justify-self: start;
    }

    .rage-provider-grid {
        gap: 8px;
        grid-auto-columns: 148px;
        margin-inline: -1px;
    }

    .rage-provider-card {
        justify-content: flex-start;
        min-height: 44px;
        padding: 8px 28px 8px 9px;
        text-align: left;
    }

    .rage-provider-copy span {
        font-size: 10px;
    }

    .rage-provider-connected {
        right: 6px;
        top: 6px;
    }

    .rage-callback-box>div {
        grid-template-columns: 1fr;
    }

    .rage-header-right {
        justify-content: flex-end;
    }

    .rage-header-nav {
        gap: 10px;
    }

    .rage-legal-header {
        align-items: flex-start;
        display: grid;
        justify-items: start;
    }

    .rage-legal-header nav {
        justify-content: flex-start;
    }

    .rage-channel-identity {
        align-items: center;
        display: grid;
        gap: 10px;
        grid-template-columns: 68px minmax(0, 1fr);
    }

    .rage-channel-header:not(.rage-content-editor-header) .rage-channel-identity {
        align-items: start;
        grid-template-areas:
            "kicker kicker"
            "photo copy";
        grid-template-columns: 58px minmax(0, 1fr);
        min-height: 76px;
    }

    .rage-channel-header {
        align-items: start;
        gap: 10px;
        grid-template-columns: minmax(0, 1fr) auto;
        margin-bottom: 10px;
        padding: 10px;
        position: relative;
    }

    .rage-channel-header:not(.rage-content-editor-header) {
        grid-template-columns: minmax(0, 1fr);
    }

    .rage-channel-header .rage-channel-kicker {
        grid-area: kicker;
        margin-bottom: 0;
        padding-right: 84px;
    }

    .rage-channel-header .rage-title {
        font-size: 16px;
        line-height: 1.15;
    }

    .rage-channel-header:not(.rage-content-editor-header) .rage-channel-copy {
        align-self: center;
        grid-area: copy;
    }

    .rage-channel-header .rage-channel-niche {
        display: none;
    }

    .rage-channel-header .rage-channel-photo-large {
        height: 58px;
        width: 58px;
    }

    .rage-channel-header:not(.rage-content-editor-header) .rage-channel-photo-large {
        grid-area: photo;
    }

    .rage-channel-header:not(.rage-content-editor-header) .rage-channel-title-row {
        display: block;
    }

    .rage-channel-header:not(.rage-content-editor-header) .rage-channel-title-row .rage-icon-action {
        position: absolute;
        right: 48px;
        top: 10px;
    }

    .rage-channel-header-controls {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .rage-channel-panel .row {
        --bs-gutter-y: 10px;
    }

    .rage-channel-panel .row.g-3 {
        --bs-gutter-y: 10px;
    }

    .rage-section-heading-stack:not(.rage-channel-activity-heading) {
        display: grid;
    }

    .rage-channel-activity-card {
        padding: 12px;
    }

    .rage-channel-activity-heading {
        align-items: start;
        display: grid;
        gap: 10px;
        grid-template-columns: 1fr;
        margin-bottom: 10px;
    }

    .rage-channel-activity-title {
        align-items: center;
        display: grid;
        gap: 8px;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .rage-period-tabs {
        width: 100%;
    }

    .rage-period-tabs button {
        padding: 0 8px;
    }

    .rage-analytics-kpi-grid,
    .rage-analytics-layout {
        grid-template-columns: 1fr;
    }

    .rage-analytics-hero {
        align-items: start;
        display: block;
        min-height: 170px;
        padding-right: 58px;
        position: relative;
    }

    .rage-analytics-hero .rage-muted {
        max-width: 250px;
    }

    .rage-analytics-portfolio-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rage-analytics-portfolio-kpis .rage-analytics-kpi {
        min-height: 78px;
        padding: 11px;
    }

    .rage-analytics-portfolio-kpis .rage-analytics-kpi strong {
        font-size: 22px;
    }

    .rage-analytics-portfolio-kpis .rage-analytics-kpi small {
        font-size: 12px;
        line-height: 1.25;
    }

    .rage-analytics-provider-row,
    .rage-analytics-post-row {
        align-items: start;
        grid-template-columns: minmax(0, 1fr);
    }

    .rage-analytics-provider-row span,
    .rage-analytics-provider-row>small,
    .rage-analytics-post-row span,
    .rage-analytics-post-row>small {
        text-align: left;
    }

    .rage-analytics-toolbar {
        grid-template-columns: 1fr;
    }

    .rage-analytics-controls {
        justify-content: stretch;
    }

    .rage-analytics-content-filter {
        flex: 1 1 100%;
        width: 100%;
    }

    .rage-analytics-platform-tabs {
        grid-auto-columns: minmax(0, 1fr);
        width: 100%;
    }

    .rage-analytics-controls .rage-period-tabs {
        flex: 1 1 100%;
    }

    .rage-metric-tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .rage-analytics-visual-grid,
    .rage-analytics-lower-grid,
    .rage-analytics-portfolio-grid {
        grid-template-columns: 1fr;
    }

    .rage-analytics-chart-heading {
        align-items: start;
        display: grid;
    }

    .rage-analytics-chart-heading>span {
        text-align: left;
    }

    .rage-analytics-chart-heading-actions {
        justify-items: start;
        width: 100%;
    }

    .rage-analytics-chart-heading-actions>span {
        text-align: left;
    }

    .rage-trend-mode-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .rage-portfolio-channel-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .rage-portfolio-channel-metrics {
        align-items: start;
        justify-items: start;
        text-align: left;
    }

    .rage-platform-mix-donut-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .rage-platform-mix-donut {
        max-width: 190px;
    }

    .rage-analytics-content-row.rage-portfolio-content-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .rage-analytics-content-row.rage-portfolio-content-row .rage-analytics-bar-track {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .rage-content-library-filters {
        align-items: stretch;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rage-content-library-filter-actions {
        grid-column: 1 / -1;
    }

    .rage-content-library-filter-actions .rage-button {
        flex: 1 1 0;
        justify-content: center;
    }

    .rage-analytics-bar-row,
    .rage-analytics-post-bar,
    .rage-analytics-mix-row {
        grid-template-columns: minmax(0, 1fr) 48px;
    }

    .rage-analytics-breakdown-row {
        grid-template-columns: 10px minmax(0, 1fr) 44px;
    }

    .rage-analytics-bar-row .rage-analytics-bar-track,
    .rage-analytics-post-bar .rage-analytics-bar-track,
    .rage-analytics-mix-row .rage-analytics-bar-track {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .rage-channel-photo-large {
        height: 82px;
        width: 82px;
    }

    .rage-content-automation-panel,
    .rage-section-subheading {
        align-items: stretch;
        display: grid;
    }

    .rage-content-automation-panel .rage-button {
        justify-self: start;
    }

    .rage-content-archive-view,
    .rage-archive-record-panel,
    .rage-platform-state-card,
    .rage-content-destination-result,
    .rage-platform-graph-data {
        gap: 12px;
        padding: 12px;
    }

    .rage-archive-record-heading {
        display: grid;
        gap: 10px;
    }

    .rage-archive-record-heading h2 {
        font-size: 26px;
        line-height: 1.05;
    }

    .rage-readonly-copy-details:not([open]) .rage-readonly-copy-block p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .rage-readonly-copy-details:not([open]) .rage-archive-tag-list {
        max-height: 34px;
        overflow: hidden;
    }

    .rage-archive-tag-list {
        gap: 6px;
    }

    .rage-archive-tag-list span {
        font-size: 11px;
        padding: 6px 8px;
    }

    .rage-platform-status-strip {
        gap: 6px;
    }

    .rage-platform-status-pill {
        font-size: 12px;
        min-height: 30px;
        padding: 7px 9px;
    }

    .rage-platform-detail-grid,
    .rage-platform-graph-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .rage-platform-graph-heading {
        display: grid;
        gap: 8px;
    }

    .rage-platform-graph-heading span {
        max-width: none;
        text-align: left;
    }

    .rage-platform-graph-metrics {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        max-width: 100%;
        min-width: 0;
    }

    .rage-platform-graph-metrics div {
        align-items: center;
        gap: 6px;
        justify-items: center;
        min-height: 58px;
        padding: 8px 5px;
        text-align: center;
    }

    .rage-platform-graph-metrics dt {
        align-items: center;
        background: rgba(255, 210, 31, 0.1);
        border: 1px solid rgba(255, 210, 31, 0.2);
        border-radius: 999px;
        color: var(--rage-yellow);
        display: inline-flex;
        height: 24px;
        justify-content: center;
        letter-spacing: 0;
        width: 24px;
    }

    .rage-platform-graph-metrics dt i {
        font-size: 11px;
    }

    .rage-platform-graph-metrics dd {
        font-size: 14px;
    }

    .rage-platform-graph-fields div {
        padding: 9px;
    }

    .rage-platform-graph-raw summary {
        align-items: center;
        display: flex;
        min-height: 28px;
        padding: 0 8px;
    }

    .rage-content-editor-header {
        padding: 12px;
    }

    .rage-content-editor-header .rage-channel-identity {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .rage-content-editor-header .rage-channel-photo-large {
        height: 48px;
        width: 48px;
    }

    .rage-content-editor-header .rage-title {
        font-size: 18px;
        line-height: 1.15;
    }

    .rage-content-editor-header .rage-muted {
        display: -webkit-box;
        font-size: 12px;
        margin: 3px 0 0;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .rage-content-editor-form {
        background: transparent;
        border: 0;
        box-shadow: none;
        gap: 12px;
        padding: 0;
    }

    .rage-content-copy-panel,
    .rage-content-media-panel,
    .rage-content-destinations {
        background: rgba(var(--rage-surface-rgb, 12, 14, 20), 0.72);
        border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
        border-radius: 4px;
        padding: 12px;
    }

    .rage-content-destinations {
        gap: 12px;
    }

    .rage-content-destinations .rage-pane-heading {
        border-top: 0;
        padding-top: 0;
    }

    .rage-content-copy-panel .rage-pane-heading,
    .rage-content-media-panel .rage-pane-heading,
    .rage-content-destinations .rage-pane-heading {
        align-items: start;
        display: grid;
        gap: 3px;
    }

    .rage-content-copy-panel label,
    .rage-content-media-panel label,
    .rage-content-platform-field span {
        color: var(--rage-ink, #cbd5e1);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
    }

    .rage-content-title-field input,
    .rage-content-copy-panel #content_description,
    .rage-tag-editor {
        background: rgba(var(--rage-surface-rgb, 5, 7, 11), 0.62);
        border-color: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.13);
    }

    .rage-content-title-field input {
        font-size: 17px;
        font-weight: 900;
        min-height: 46px;
    }

    .rage-content-copy-panel #content_description {
        height: 136px;
        max-height: 136px;
        min-height: 136px;
    }

    .rage-tag-editor {
        min-height: 44px;
    }

    .rage-tag-editor-entry {
        flex-basis: 100%;
        min-width: 0;
    }

    .rage-content-media-picker {
        background: transparent;
        border-color: rgba(255, 210, 31, 0.12);
        padding: 8px;
    }

    .rage-content-media-preview {
        aspect-ratio: 4 / 3;
        justify-self: stretch;
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    .rage-content-media-actions {
        background: transparent;
        border-top: 0;
        gap: 8px;
        grid-template-columns: minmax(0, 1fr);
        margin: 8px 0 0;
        max-width: 100%;
        padding: 0;
    }

    .rage-content-media-actions span {
        align-items: flex-start;
        background: transparent;
        border: 0;
        border-radius: 4px;
        font-size: 12px;
        line-height: 1.35;
        overflow: visible;
        padding: 8px;
        text-overflow: clip;
        white-space: normal;
    }

    .rage-content-media-specs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rage-content-media-specs div {
        gap: 4px;
        grid-template-columns: 1fr;
    }

    .rage-content-media-specs dt {
        font-size: 10px;
        letter-spacing: 0.04em;
    }

    .rage-content-media-specs dd {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }

    .rage-content-media-specs div:nth-child(3) {
        grid-column: 1 / -1;
    }

    .rage-content-platform-compat {
        justify-content: flex-start;
    }

    .rage-content-destination-card {
        border-color: rgba(255, 210, 31, 0.14);
        padding: 10px;
    }

    .rage-content-destination-top {
        align-items: start;
        gap: 9px;
        grid-template-columns: minmax(0, 1fr) 34px;
    }

    .rage-content-destination-check {
        gap: 9px;
        grid-template-columns: auto 28px minmax(0, 1fr);
    }

    .rage-content-destination-check input {
        margin-top: 5px;
    }

    .rage-content-destination-check strong {
        display: block;
        font-size: 13px;
        font-weight: 800;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rage-content-destination-check small {
        color: var(--rage-muted);
        display: block;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.3;
        overflow: visible;
    }

    .rage-content-privacy-inline {
        grid-column: 1 / -1;
        justify-items: stretch;
        order: 3;
    }

    .rage-content-destination-expand {
        align-self: start;
        grid-column: 2;
        grid-row: 1;
    }

    .rage-platform-message {
        font-size: 12px;
        padding: 9px;
    }

    .rage-content-destination-fields {
        gap: 12px;
    }

    .rage-platform-preview {
        border-width: 3px;
        border-radius: 20px;
        max-width: 260px;
    }

    .rage-platform-app-bar strong {
        font-size: 17px;
    }

    .rage-platform-preview-media {
        min-height: 180px;
    }

    .rage-platform-preview-copy {
        padding: 10px;
    }

    .rage-content-destination-overrides {
        gap: 10px;
    }

    .rage-content-platform-field input,
    .rage-content-platform-field textarea {
        min-height: 42px;
    }

    .rage-content-platform-field textarea {
        min-height: 82px;
    }

    .rage-pane-actions {
        background: rgba(var(--rage-surface-rgb, 7, 8, 11), 0.92);
        border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
        border-radius: 4px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 10px;
    }

    .rage-pane-actions .rage-button {
        align-items: center;
        display: inline-flex;
        justify-content: center;
        margin: 0;
        min-width: 0;
        width: 100%;
    }

    .rage-pane-actions .rage-button:first-child {
        grid-column: 1 / -1;
    }

    .rage-pane-actions.rage-scheduled-edit-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rage-pane-actions.rage-post-footer-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rage-pane-actions.rage-scheduled-edit-actions .rage-button:first-child,
    .rage-pane-actions.rage-post-footer-actions .rage-button:first-child {
        grid-column: auto;
    }

    .rage-content-post-mini {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .rage-content-post-mini small {
        white-space: normal;
    }

    .rage-content-copy-panel textarea {
        min-height: 154px;
    }

    .rage-content-media-actions {
        grid-template-columns: 1fr;
    }

    .rage-content-media-actions .rage-button {
        width: 100%;
    }

    .rage-content-destination-check {
        grid-template-columns: auto 24px minmax(0, 1fr);
    }

    .rage-content-destination-top {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .rage-content-privacy-inline {
        justify-items: stretch;
        grid-column: 1 / -1;
    }

    .rage-content-privacy-inline select {
        width: 100%;
    }

    .rage-platform-preview-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    .rage-platform-preview-media {
        min-height: 210px;
    }

    .rage-platform-preview-copy {
        border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.075);
    }

    .rage-content-destination-overrides {
        grid-template-columns: minmax(0, 1fr);
    }

    .rage-content-editor-form .rage-content-copy-panel #content_description {
        height: 136px;
        max-height: 136px;
        min-height: 136px;
    }

    .rage-content-editor-form .rage-content-destination-top {
        grid-template-columns: minmax(0, 1fr) 34px;
    }

    .rage-content-editor-form .rage-content-destination-check {
        grid-template-columns: auto 28px minmax(0, 1fr);
    }

    .rage-content-editor-form .rage-platform-preview-media {
        min-height: 180px;
    }

    .rage-content-editor-form .rage-content-media-actions span,
    .rage-content-editor-form .rage-content-media-specs dd,
    .rage-content-editor-form .rage-content-destination-check small {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }

    .rage-content-editor-form .rage-content-copy-panel label,
    .rage-content-editor-form .rage-content-media-panel label,
    .rage-content-editor-form .rage-content-platform-field span {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
    }

    .rage-channel-panel[data-channel-panel="content"]>.rage-card {
        padding: 12px;
    }

    .rage-channel-panel[data-channel-panel="content"] .rage-section-heading {
        align-items: center;
        display: flex;
        gap: 10px;
        justify-content: space-between;
        margin-bottom: 12px;
    }

    .rage-channel-panel[data-channel-panel="content"] .rage-section-heading .rage-button {
        align-items: center;
        display: inline-flex;
        flex: 0 0 auto;
        justify-content: center;
        min-height: 34px;
        padding: 0 12px;
    }

    .rage-channel-panel[data-channel-panel="content"] .rage-content-library-heading {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
    .rage-content-library-heading .rage-content-view-actions {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 12px;
        width: 100%;
    }
    .rage-content-library-heading .rage-content-view-toggle {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
    .rage-content-library-heading .rage-content-view-toggle button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        height: 34px;
        min-width: 0;
        font-size: 12px;
        font-weight: 800;
        white-space: nowrap;
    }
    .rage-content-library-heading .rage-content-view-label { display: inline; }
    .rage-content-library-heading [data-content-view="calendar"] i { order: 2; }
    .rage-content-library-heading [data-add-plan] { grid-column: 2; }
    .rage-content-library-heading .rage-content-view-actions > a { grid-column: 3; }

    .rage-channel-panel[data-channel-panel="content"] .table-responsive {
        overflow: visible;
    }

    .rage-channel-panel[data-channel-panel="destinations"]>.rage-card {
        padding: 12px;
    }

    .rage-channel-panel[data-channel-panel="destinations"] .rage-section-heading {
        align-items: center;
        display: flex;
        gap: 10px;
        justify-content: space-between;
        margin-bottom: 12px;
    }

    .rage-channel-panel[data-channel-panel="destinations"] .rage-section-heading .rage-button {
        align-items: center;
        display: inline-flex;
        flex: 0 0 auto;
        justify-content: center;
        min-height: 34px;
        padding: 0 12px;
    }

    .rage-channel-panel[data-channel-panel="destinations"] .table-responsive {
        overflow: visible;
    }

    .rage-table thead {
        display: none;
    }

    .rage-table,
    .rage-table tbody,
    .rage-table tr,
    .rage-table td {
        display: block;
        width: 100%;
    }

    .rage-table tr {
        border-bottom: 1px solid var(--rage-border);
        padding: 10px 0;
    }

    .rage-table td {
        align-items: baseline;
        border-bottom: 0;
        display: grid;
        gap: 12px;
        grid-template-columns: 86px 1fr;
        padding: 6px 0;
    }

    .rage-content-table th,
    .rage-content-table td {
        width: 100%;
    }

    .rage-content-pagination {
        align-items: flex-start;
        flex-direction: column;
    }

    .rage-content-pagination div {
        justify-content: flex-start;
    }

    .rage-publish-monitor {
        bottom: max(10px, var(--rage-safe-bottom));
        grid-template-columns: minmax(0, 1fr) auto;
        left: auto;
        max-width: calc(100% - 20px);
        right: 10px;
    }

    .rage-publish-monitor-actions {
        justify-content: flex-end;
    }

    .rage-table-actions-cell {
        text-align: left;
        white-space: normal;
    }

    .rage-table-status-cell {
        text-align: left;
    }

    .rage-table-actions {
        justify-content: flex-start;
    }

    .rage-table td::before {
        color: var(--rage-muted);
        content: attr(data-label);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .rage-content-table tbody {
        display: grid;
        gap: 12px;
    }

    .rage-content-table colgroup {
        display: none;
    }

    .rage-content-table tr {
        background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
        border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
        border-radius: 5px;
        display: grid;
        gap: 9px;
        grid-template-areas:
            "post post post"
            "connections connections connections"
            "views engagement status";
        grid-template-columns: max-content max-content minmax(0, 1fr);
        padding: 12px;
        position: relative;
    }

    .rage-content-table th:nth-child(n),
    .rage-content-table td:nth-child(n) {
        width: auto;
    }

    .rage-content-table td {
        border-bottom: 0;
        display: block;
        min-width: 0;
        padding: 0;
        width: auto;
    }

    .rage-content-table td::before {
        content: none;
    }

    .rage-content-table td[data-label="Post"] {
        grid-area: post;
        padding-right: 76px;
    }

    .rage-content-table td[data-label="Connections"] {
        grid-area: connections;
    }

    .rage-content-table td[data-label="Views"] {
        grid-area: views;
    }

    .rage-content-table td[data-label="Engagement"] {
        grid-area: engagement;
    }

    .rage-content-table td[data-label="Status"] {
        grid-area: status;
    }

    .rage-content-table .rage-content-post-mini {
        align-items: center;
        gap: 10px;
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .rage-content-table .rage-content-thumb {
        height: 42px;
        width: 42px;
    }

    .rage-content-table .rage-content-post-mini strong {
        display: -webkit-box;
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 4px;
        overflow: hidden;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .rage-content-table .rage-content-post-mini small {
        display: -webkit-box;
        font-size: 12px;
        line-height: 1.3;
        max-width: none;
        overflow: hidden;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .rage-content-table .rage-content-destination-stack {
        gap: 7px;
    }

    .rage-content-table td[data-label="Connections"]>.rage-muted {
        color: var(--rage-muted);
        font-size: 12px;
    }

    .rage-content-table .rage-content-destination-stack .rage-provider-mark {
        height: 22px;
        width: 22px;
    }

    .rage-content-table .rage-content-metric-cell {
        display: inline;
    }

    .rage-content-table .rage-content-metric-cell strong {
        display: inline;
        font-size: 13px;
        line-height: 1.2;
    }

    .rage-content-table .rage-content-metric-cell small {
        display: none;
    }

    .rage-content-table .rage-table-status-cell {
        align-items: center;
        display: inline-flex;
        gap: 5px;
        justify-self: start;
        min-width: 0;
    }

    .rage-content-table .rage-table-status-cell .rage-status-text {
        clip: auto;
        clip-path: none;
        color: var(--rage-ink, #ffffff);
        font-size: 12px;
        font-weight: 800;
        height: auto;
        overflow: visible;
        position: static;
        white-space: normal;
        width: auto;
    }

    .rage-content-table .rage-status-icon {
        height: 20px;
        width: 20px;
    }

    .rage-content-table .rage-status-icon i {
        font-size: 10px;
    }

    .rage-content-table td[data-label="Views"]::after,
    .rage-content-table td[data-label="Engagement"]::after {
        color: var(--rage-muted);
        font-size: 12px;
        margin-left: 4px;
    }

    .rage-content-table td[data-label="Views"]::after {
        content: "views \00b7";
    }

    .rage-content-table td[data-label="Engagement"]::after {
        content: "engagement";
    }

    .rage-content-table .rage-table-actions-cell {
        position: absolute;
        right: 12px;
        top: 12px;
        width: auto;
    }

    .rage-content-table .rage-table-actions {
        gap: 7px;
        justify-content: flex-end;
    }

    .rage-content-table td[data-label="Views"],
    .rage-content-table td[data-label="Engagement"],
    .rage-content-table td[data-label="Status"] {
        grid-row: 3;
    }

    .rage-content-table td[data-label="Views"] {
        align-self: center;
    }

    .rage-content-table td[data-label="Engagement"] {
        align-self: center;
    }

    .rage-connections-table tbody {
        display: grid;
        gap: 12px;
    }

    .rage-connections-table colgroup {
        display: none;
    }

    .rage-connections-table tr {
        background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
        border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
        border-radius: 5px;
        display: grid;
        gap: 9px;
        grid-template-areas:
            "name name"
            "provider provider"
            "type status";
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 12px;
        position: relative;
    }

    .rage-connections-table th:nth-child(n),
    .rage-connections-table td:nth-child(n) {
        width: auto;
    }

    .rage-connections-table td {
        border-bottom: 0;
        display: block;
        min-width: 0;
        padding: 0;
        width: auto;
    }

    .rage-connections-table td::before {
        content: none;
    }

    .rage-connections-table td[data-label="Name"] {
        grid-area: name;
        padding-right: 112px;
    }

    .rage-connections-table td[data-label="Provider"] {
        grid-area: provider;
    }

    .rage-connections-table td[data-label="Type"] {
        align-self: center;
        color: var(--rage-muted);
        font-size: 12px;
        grid-area: type;
    }

    .rage-connections-table td[data-label="Status"] {
        align-self: center;
        grid-area: status;
        justify-self: end;
    }

    .rage-connections-table .rage-destination-mini {
        gap: 10px;
    }

    .rage-connections-table .rage-destination-mini-avatar {
        height: 42px;
        width: 42px;
    }

    .rage-connections-table .rage-destination-mini a {
        color: var(--rage-ink, #ffffff);
        display: -webkit-box;
        font-size: 14px;
        font-weight: 900;
        line-height: 1.2;
        overflow: hidden;
        text-decoration: none;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .rage-connections-table .rage-provider-inline {
        gap: 7px;
        line-height: 1;
    }

    .rage-connections-table .rage-provider-inline .rage-provider-mark {
        height: 22px;
        width: 22px;
    }

    .rage-connections-table .rage-provider-inline-label {
        color: var(--rage-ink, #ffffff);
        font-size: 13px;
        font-weight: 800;
        line-height: 1.2;
    }

    .rage-connections-table .rage-status-pill {
        color: var(--rage-success-ink, #86efac);
        font-size: 12px;
        font-weight: 900;
    }

    .rage-connections-table .rage-table-note {
        display: block;
        margin-top: 4px;
        text-align: right;
    }

    .rage-connections-table .rage-table-actions-cell {
        position: absolute;
        right: 12px;
        top: 12px;
        width: auto;
    }

    .rage-connections-table td.rage-table-actions-cell .rage-table-actions {
        gap: 7px;
        justify-content: flex-end;
        margin-left: 0;
        width: auto;
    }

    .rage-dashboard-panel {
        padding: 14px;
    }

    .rage-dashboard-panel .rage-section-heading {
        align-items: stretch;
        gap: 12px;
    }

    .rage-dashboard-panel-actions {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch;
    }

    .rage-dashboard-panel-actions .rage-button {
        display: inline-flex;
        justify-content: center;
        margin: 0;
        min-width: 0;
        padding-inline: 8px;
        text-align: center;
        width: 100%;
    }

    .rage-label-desktop {
        display: none;
    }

    .rage-label-mobile {
        display: inline;
    }

    .rage-dashboard-panel .table-responsive {
        overflow: visible;
    }

    .rage-dashboard-panel .rage-table tbody {
        display: grid;
        gap: 12px;
    }

    .rage-dashboard-panel .rage-table tr {
        background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
        border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
        border-radius: 5px;
        display: grid;
        gap: 10px;
        padding: 12px;
        position: relative;
    }

    .rage-dashboard-panel .rage-table td {
        display: block;
        padding: 0;
    }

    .rage-dashboard-panel .rage-table td::before {
        content: none;
    }

    .rage-dashboard-panel .rage-table td[data-label="Name"] {
        padding-right: 42px;
        position: relative;
    }

    .rage-dashboard-panel .rage-channel-inline {
        align-items: center;
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .rage-dashboard-panel .rage-channel-inline strong,
    .rage-dashboard-panel .rage-channel-inline small {
        white-space: normal;
    }

    .rage-channels-panel .rage-channel-inline strong {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rage-dashboard-panel .rage-channel-photo-inline {
        height: 42px;
        width: 42px;
    }

    .rage-dashboard-panel .rage-dashboard-connection-icons {
        gap: 7px;
    }

    .rage-dashboard-panel .rage-dashboard-channel-performance {
        min-width: 0;
    }

    .rage-dashboard-panel .rage-dashboard-channel-performance small {
        white-space: normal;
    }

    .rage-dashboard-panel .rage-dashboard-channel-performance small.rage-dashboard-channel-performance-period {
        color: var(--rage-muted-ink, #c5cad3);
        display: block;
        font-size: 11px;
    }

    .rage-dashboard-panel .rage-table-actions-cell {
        position: absolute;
        right: 12px;
        text-align: right;
        top: 12px;
        width: auto;
    }

    .rage-dashboard-panel .rage-table-actions {
        justify-content: flex-end;
    }

    .rage-modal-backdrop {
        align-items: center;
        box-sizing: border-box;
        left: 0;
        max-width: none;
        overflow-x: hidden;
        padding: 8px;
        right: 0;
        width: auto;
    }

    .rage-modal {
        max-width: min(520px, calc(100% - 16px));
        max-height: calc(100vh - 16px);
        max-height: calc(100dvh - 16px);
        min-width: 0;
        width: 100%;
    }

    .rage-modal,
    .rage-modal * {
        min-width: 0;
    }

    .rage-modal-header,
    .rage-modal-body {
        padding: 14px;
    }

    .rage-modal-provider-grid {
        grid-template-columns: 1fr;
    }

    .rage-modal-actions {
        display: grid;
        grid-template-columns: 1fr;
        margin: 2px -14px -14px;
        padding: 12px 14px 14px;
    }

    .rage-modal-actions .rage-button {
        width: 100%;
    }

    .rage-modal input,
    .rage-modal select,
    .rage-modal textarea,
    .rage-form input,
    .rage-form select,
    .rage-form textarea {
        font-size: 16px;
    }

    .rage-settings-grid,
    .rage-settings-primary-grid,
    .rage-settings-access-grid {
        grid-template-columns: 1fr;
    }

    .rage-settings-pending-column {
        border-left: 0;
        border-top: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
        padding-left: 0;
        padding-top: 14px;
    }

    .rage-settings-panel {
        padding: 14px;
    }

    .rage-settings-table thead {
        display: none;
    }

    .rage-settings-table tbody {
        display: grid;
        gap: 8px;
    }

    .rage-settings-table tr {
        background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.025);
        border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.09);
        border-radius: 5px;
        display: grid;
        gap: 8px;
        padding: 10px;
    }

    .rage-settings-table td {
        border-bottom: 0;
        display: grid;
        gap: 2px;
        padding: 0;
    }

    .rage-settings-table td::before {
        color: var(--rage-muted);
        content: attr(data-label);
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .rage-settings-table .rage-table-actions-cell {
        align-items: center;
        display: flex;
        justify-content: space-between;
        text-align: left;
    }

    .rage-settings-table .rage-table-actions-cell::before {
        content: attr(data-label);
    }

    .rage-settings-table .rage-table-actions {
        justify-content: flex-end;
    }

}

@media (max-width: 719px) {
    .rage-app-workspace {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(0, 1fr);
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .rage-content {
        padding-bottom: calc(96px + var(--rage-safe-bottom));
        scroll-padding-bottom: calc(96px + var(--rage-safe-bottom));
    }

    .rage-global-sync {
        margin-bottom: 0;
        padding: 8px 9px 8px 10px;
        position: fixed;
        top: auto;
        bottom: calc(10px + var(--rage-safe-bottom));
        left: max(12px, env(safe-area-inset-left, 0px));
        right: max(12px, env(safe-area-inset-right, 0px));
        z-index: 950;
        background: rgb(var(--rage-surface-rgb, 10, 12, 18));
        box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.12);
    }

    body:has(.rage-global-sync) .rage-publish-monitor {
        bottom: calc(80px + var(--rage-safe-bottom));
    }

    .rage-global-sync-main {
        display: grid;
        gap: 2px;
    }

    .rage-dashboard-sidebar {
        border-bottom: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.1);
        border-right: 0;
        margin-bottom: 0;
        height: auto;
        min-height: 0;
        padding: 8px 12px;
    }

    .rage-dashboard-sidebar.is-global-context {
        display: none;
    }

    .rage-dashboard-mobile-toggle {
        align-items: center;
        background: rgba(var(--rage-edge-rgb, 255, 255, 255), 0.035);
        border: 1px solid rgba(var(--rage-edge-rgb, 255, 255, 255), 0.12);
        border-radius: 4px;
        color: var(--rage-ink, #f8fafc);
        display: flex;
        font-size: 13px;
        font-weight: 800;
        gap: 10px;
        justify-content: space-between;
        min-height: 38px;
        padding: 8px 10px;
        width: 100%;
    }

    .rage-dashboard-mobile-toggle:focus,
    .rage-dashboard-mobile-toggle:hover {
        border-color: rgba(255, 210, 31, 0.34);
        color: var(--rage-yellow);
        outline: none;
    }

    .rage-dashboard-mobile-toggle i {
        transition: transform 0.18s ease;
    }

    .rage-dashboard-mobile-toggle[aria-expanded="true"] i {
        transform: rotate(180deg);
    }

    .rage-dashboard-sidebar-body {
        display: none;
        gap: 8px;
        grid-template-rows: auto auto;
        margin-top: 8px;
    }

    .rage-dashboard-sidebar-body.is-open {
        display: grid;
    }

    .rage-dashboard-side-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rage-dashboard-app-switcher {
        margin-bottom: 0;
    }

    .rage-dashboard-side-subnav {
        border-left: 0;
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0;
        padding-left: 0;
    }

    .rage-dashboard-side-footer {
        display: none;
    }

    .rage-dashboard-canvas {
        background: transparent;
        padding: 0;
    }

    .rage-dashboard-hero {
        grid-template-columns: 1fr;
    }

    .rage-dashboard-loading {
        justify-self: start;
        padding-top: 0;
    }
}