/* GENERATED by scripts/build-app-css.py; edit the listed source files, then rebuild.
   Matchday source updated separately; other deployed sections preserved.
   Route scopes use :where() to preserve each source selector’s specificity. */
@font-face {font-family: Poppins; font-style: normal; font-weight: 300; font-display: swap; src: url("assets/fonts/Poppins-Light.ttf") format("truetype");}
@font-face {font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/Poppins-Regular.ttf") format("truetype");}
@font-face {font-family: Poppins; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/Poppins-Medium.ttf") format("truetype");}
@font-face {font-family: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/Poppins-SemiBold.ttf") format("truetype");}
@font-face {font-family: Poppins; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/Poppins-Bold.ttf") format("truetype");}
@font-face {font-family: Poppins; font-style: normal; font-weight: 800; font-display: swap; src: url("assets/fonts/Poppins-ExtraBold.ttf") format("truetype");}

/* Source: style.css */
@font-face {font-family: "Barlow Condensed"; src: url("assets/fonts/BarlowCondensed-Black.ttf") format("truetype"); font-style: normal; font-weight: 900; font-display: swap;}
/* Defaults also support static previews; the public theme endpoint takes priority. */
@layer ui-theme-fallback {:root:where(:has(> body:is(:not([data-site-page="clubs/public/club-editor.html"])))) {--ui-base: #e9edf2;
      --ui-on-base: #000000;
      --ui-surface: #f9f9fa;
      --ui-surface-muted: #e9ebee;
      --ui-border: #b3b6ba;
      --ui-text: #000000;
      --ui-text-muted: #696969;
      --ui-secondary: #0a1d43;
      --ui-on-secondary: #ffffff;
      --ui-secondary-hover: #091a3b;
      --ui-secondary-text: #0a1d43;
      --ui-secondary-soft: #dcdfe4;
      --ui-on-secondary-soft: #0a1d43;
      --ui-accent: #ff9d00;
      --ui-on-accent: #000000;
      --ui-accent-text: #965d00;
      --ui-accent-soft: #faecd7;
      --ui-on-accent-soft: #995e00;
      --ui-focus: #bf7600;
      --ui-nav: #0a1d43;
      --ui-nav-panel: #13254a;
      --ui-nav-hover: #203154;
      --ui-nav-text: #ffffff;
      --ui-nav-icon: #e9edf2;
      --ui-nav-muted: #b1b7c3;
      --ui-nav-accent: #ff9d00;
      --ui-overlay: rgba(10, 29, 67, 0.58);
      --ui-secondary-rgb: 10, 29, 67;
      --ui-accent-rgb: 255, 157, 0;
      --ui-text-rgb: 0, 0, 0;
      --ui-success: #166534;
      --ui-success-soft: #e7f6ec;
      --ui-warning: #854d0e;
      --ui-warning-soft: #fff4cf;
      --ui-danger: #b91c1c;
      --ui-danger-soft: #feecec;}}
:root:where(:has(> body:is(:not([data-site-page="clubs/public/club-editor.html"])))) {--blue: var(--ui-secondary);
    --red: var(--ui-accent);
    --light: var(--ui-surface-muted);
    --line: var(--ui-border);
    --ink: var(--ui-text);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) * {box-sizing: border-box;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])) {margin: 0; font-family: Poppins, Arial, Helvetica, sans-serif; color: var(--ink); background: var(--ui-base);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) button,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) select,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) input {font: inherit;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .site-header {display: flex; align-items: center; justify-content: space-between; padding: 20px 28px; color: var(--ui-on-secondary); background: var(--blue);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .site-header h1 {margin: 3px 0 0; font-size: 24px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .eyebrow {color: var(--ui-on-secondary); font-size: 12px; font-weight: bold; letter-spacing: .16em; opacity: .75;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .status {padding: 7px 12px; border-radius: 999px; background: var(--ui-secondary-soft); color: var(--ui-on-secondary-soft); font-size: 13px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .header-user {display: flex; align-items: center; gap: 12px; font-size: 13px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .header-user a {color: var(--ui-on-secondary); opacity: .8;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .app-shell {display: grid; grid-template-columns: minmax(520px, 1fr) minmax(420px, .85fr); gap: 20px; max-width: 1500px; margin: 20px auto; padding: 0 20px 30px;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-generator-pending] .site-header,
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-generator-pending] .site-page-heading,
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-generator-pending] #result-selection-topbar,
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-generator-pending] .app-shell {visibility: hidden;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] {--generator-panel-background: transparent;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .control-panel,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .preview-panel {background: var(--generator-panel-background, var(--ui-surface)); border-radius: 10px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .control-panel {padding: 22px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .preview-panel {box-shadow: 0 8px 28px rgba(var(--ui-text-rgb), .08);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .preview-panel {padding: 18px; align-self: start; position: sticky; top: 16px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #result-attendance-tools {margin-top: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #result-attendance-tools[hidden] {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .tabs {display: flex; gap: 8px; border-bottom: 1px solid var(--line); margin-bottom: 20px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .tab {border: 0; background: transparent; padding: 11px 15px; cursor: pointer; color: var(--ui-text-muted); border-bottom: 3px solid transparent;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .tab[hidden] {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .tab.is-active {color: var(--ui-secondary-text); border-bottom-color: var(--red); font-weight: bold;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .tab-panel {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .tab-panel.is-active {display: block;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .field-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .field-grid.compact {grid-template-columns: repeat(3, 1fr);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) label {display: grid; gap: 6px; color: var(--ui-text-muted); font-size: 12px; font-weight: bold;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) select,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) input[type="date"],
:where(body:not([data-site-page="clubs/public/club-editor.html"])) input[type="time"] {width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink); background: var(--ui-surface);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .help {color: var(--ui-text-muted); font-size: 13px; margin: 18px 0 10px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .squad-builder {display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-column {min-width: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-column h2 {display: flex; justify-content: space-between; margin: 0 0 8px; font-size: 14px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-column h2 span {color: var(--ui-text-muted); font-weight: normal;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-list {min-height: 310px; max-height: 420px; overflow-y: auto; padding: 7px; border: 1px dashed var(--ui-border); border-radius: 7px; background: var(--light);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-list.is-over {border-color: var(--red); background: var(--ui-accent-soft); color: var(--ui-on-accent-soft);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-card {display: flex; align-items: center; gap: 8px; padding: 8px; margin-bottom: 6px; border: 1px solid var(--ui-border); border-radius: 6px; background: var(--ui-surface); cursor: grab; font-size: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-card:active {cursor: grabbing;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .number {display: inline-grid; place-items: center; min-width: 24px; height: 24px; color: var(--ui-on-secondary); background: var(--blue); border-radius: 50%; font-size: 11px; font-weight: bold; border: solid color-mix(in srgb, var(--ui-on-secondary) 50%, transparent) 1px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-meta {min-width: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-name {display: block; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-position {color: var(--ui-text-muted);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-pitch {position: relative; min-height: 420px; overflow: hidden; border: 1px solid #173660; border-radius: 8px; background: linear-gradient(rgba(9,35,69,.86), rgba(4,20,44,.94));}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot {position: absolute; z-index: 1; width: 30%; min-height: 54px; padding: 4px; transform: translate(-50%,-50%); border: 1px dashed rgba(255,255,255,.38); border-radius: 7px; background: rgba(255,255,255,.08);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot.is-over {border-color: var(--red); background: rgba(var(--ui-accent-rgb), .24);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot-label {display: block; color: rgba(255,255,255,.55); text-align: center; font-size: 9px; font-weight: 600; letter-spacing: .04em;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot .player-card {padding: 5px; margin: 0; font-size: 10px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot .number {min-width: 25px; height: 25px; font-size: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot .player-position {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #formation-field.is-disabled {opacity: .45;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .actions {display: flex; gap: 10px; justify-content: flex-end; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .table-tools {display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 18px 0 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .table-tools span {color: var(--ui-text-muted); font-size: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .table-tools #table-source-status.is-source-mismatch {flex-basis: 100%; padding: 9px 11px; border-radius: 6px; background: var(--ui-warning-soft); color: var(--ui-warning); font-weight: 600;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .data-table-wrap {overflow-x: auto; border: 1px solid var(--line); border-radius: 7px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .data-table {width: 100%; border-collapse: collapse; font-size: 13px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .data-table th,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .data-table td {padding: 8px 9px; text-align: center; border-bottom: 1px solid var(--ui-border);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .data-table th:nth-child(2),
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .data-table td:nth-child(2) {text-align: left;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .data-table tbody tr.is-own {color: var(--ui-on-accent); background: var(--red); font-weight: bold;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .button {padding: 11px 16px; border: 0; border-radius: 6px; cursor: pointer; font-weight: bold;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .button.primary {color: var(--ui-on-accent); background: var(--red);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .button.secondary {color: var(--ui-on-secondary-soft); background: var(--ui-secondary-soft);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .button:disabled {cursor: wait; opacity: .55;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .editor-heading {display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 14px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .editor-heading h2 {margin: 0; font-size: 18px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .editor-heading .help {margin: 6px 0 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .editor-heading label {width: 220px; flex: 0 0 auto;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table-wrap {overflow-x: auto; border: 1px solid var(--line); border-radius: 7px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table {width: 100%; border-collapse: collapse;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table th {padding: 9px; color: var(--ui-text-muted); background: var(--light); text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .05em;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table td {padding: 6px; border-top: 1px solid var(--ui-border);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table th:first-child,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table td:first-child {width: 82px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table th:nth-child(4),
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table td:nth-child(4) {min-width: 210px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table th:nth-child(5),
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table td:nth-child(5) {width: 62px; text-align: center;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table th:last-child,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table td:last-child {width: 70px; text-align: right;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table input[type="text"],
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-editor-table input[type="number"] {width: 100%; padding: 8px; border: 1px solid var(--line); border-radius: 5px; color: var(--ui-text); background: var(--ui-surface);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-stats {margin-top: 2.5rem;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-stats-table-wrap {overflow-x: auto; border: 1px solid var(--line); border-radius: 7px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-stats-table {width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-stats-table th,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-stats-table td {padding: 10px 12px; border-bottom: 1px solid var(--ui-border); text-align: right; white-space: nowrap;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-stats-table th {background: var(--light); color: var(--ui-text-muted); font-size: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-stats-table th:first-child,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-stats-table td:first-child {text-align: left; white-space: normal;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-stats-table tr:last-child td {border-bottom: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .editor-active-input {width: 18px; height: 18px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .remove-player {padding: 7px 8px; border: 0; color: #a31521; background: #fff0f1; border-radius: 5px; cursor: pointer;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .empty-row td {padding: 25px; color: var(--ui-text-muted); text-align: center !important;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .editor-actions {display: flex; justify-content: space-between; gap: 10px; margin-top: 14px;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-players .app-shell {grid-template-columns: 1fr; max-width: none;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-players .preview-panel,
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-players .actions {display: none;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-players .site-page-heading {max-width: none; margin: 0; padding: 0;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-players .site-page-heading > [data-site-page-area],
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-players .site-page-heading > [data-site-page-title] {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-players .site-page-heading > #status:not([hidden]) {margin: 8px 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])).login-page {display: grid; min-height: 100vh; place-items: center; padding: 20px; background: linear-gradient(145deg, var(--blue), var(--ui-nav));}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .login-card {width: 100%; max-width: 410px; padding: 32px; background: var(--ui-surface); border-radius: 12px; box-shadow: 0 18px 55px rgba(var(--ui-text-rgb), .28);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .login-card h1 {margin: 5px 0 8px; color: var(--ui-secondary-text); font-size: 25px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .login-card p {margin: 0 0 22px; color: var(--ui-text-muted);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .login-card form {display: grid; gap: 15px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .login-card input {width: 100%; padding: 11px; border: 1px solid var(--line); border-radius: 6px; color: var(--ui-text); background: var(--ui-surface);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .login-card .button {margin-top: 3px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .eyebrow.dark {color: var(--ui-accent-text); opacity: 1;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .login-error {margin-bottom: 16px; padding: 10px 12px; color: #8b101a; background: #fff0f1; border-radius: 6px; font-size: 13px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .preview-heading {display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 14px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .preview-heading h2 {margin: 0; font-size: 18px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .preview-heading label {width: 170px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .canvas-wrap {display: grid; place-items: center; padding: 12px; min-height: 440px; background: var(--ui-surface-muted); border-radius: 7px; overflow: hidden;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #preview-canvas {display: block; max-width: 100%; max-height: 68vh; width: auto; height: auto; box-shadow: 0 6px 20px rgba(0,0,0,.22); background: #fff;}
@media (max-width: 1050px) {:where(body:not([data-site-page="clubs/public/club-editor.html"])) .app-shell {grid-template-columns: 1fr;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .preview-panel {position: static;}}
@media (max-width: 680px) {:where(body:not([data-site-page="clubs/public/club-editor.html"])) .field-grid,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .field-grid.compact,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .squad-builder {grid-template-columns: 1fr;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .site-header {align-items: flex-start; gap: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .site-header h1 {font-size: 20px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .header-user {align-items: flex-end; flex-direction: column;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .editor-heading {align-items: stretch; flex-direction: column;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .editor-heading label {width: 100%;}}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .match-import {padding: 16px; margin-bottom: 18px; border: 1px solid var(--ui-border); border-radius: 10px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .match-import label {display: block; margin-top: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .match-import select {width: 100%; min-width: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .match-import p {font-size: .8rem; line-height: 1.5; margin: 10px 0 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .match-import a {color: inherit; font-size: .8rem;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #result-fetch-matches[hidden] {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #result-match-summary {font-weight: 600;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar {display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; padding: 8px 12px; background: #d7d9dd; border-bottom: 1px solid gray; position: relative;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar[hidden] {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #result-topbar-toggle {display:none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #campaign-manual-toggle {display:none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar label[hidden],
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #graphic-template-picker[hidden],
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #video-template-picker[hidden] {display: none;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-table .site-page-heading {display: none;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).campaign-mode .site-page-heading {max-width: none; margin: 0; padding: 0;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).campaign-mode .site-page-heading > [data-site-page-area],
body:where(:not([data-site-page="clubs/public/club-editor.html"])).campaign-mode .site-page-heading > [data-site-page-title] {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).campaign-mode .site-page-heading > #status:not([hidden]) {margin: 8px 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar label {display: flex; flex: 0 1 190px; align-items: center; gap: 8px; margin: 0; font-size: 12px; white-space: nowrap;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar label[for="result-match"],
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar label[for="lineup-match"] {flex: 1 1 330px; max-width: 620px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar label[for="table-competition"] {flex: 0 1 440px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar label[for="schedule-team"] {flex: 0 1 270px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar .schedule-count-controls {display:flex; flex:0 0 auto; align-items:center; gap:12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar .schedule-count-controls[hidden] {display:none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar .schedule-count-controls label {flex:0 0 auto;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar label[for="schedule-date"] {flex: 0 0 220px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar select,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar input {flex: 1; min-width: 0; width: 100%; min-height: 32px; padding: 5px 8px; font-size: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar .schedule-count-controls select {flex:0 0 auto; width:70px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #schedule-status:empty {display:none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #graphic-template-picker {display: flex; flex: 0 1 260px; align-items: center; gap: 6px; min-width: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #graphic-template-picker > label {flex: 1 1 auto; min-width: 0; max-width: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #graphic-template-status {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #graphic-template-status.is-error {position: absolute; top: calc(100% + 4px); right: 12px; z-index: 10; width: min(380px, calc(100vw - 24px)); height: auto; padding: 9px 12px; margin: 0; overflow: visible; clip-path: none; white-space: normal; border: 1px solid var(--ui-danger); border-radius: 6px; background: var(--ui-surface); color: var(--ui-text); box-shadow: 0 6px 20px #0002;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #video-template-picker {display: flex; flex: 1 1 100%; align-items: center; gap: 8px 16px; min-width: 0; flex-wrap: wrap;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #video-template-picker > label {flex: 1 1 340px; max-width: 620px; min-width: 220px; font-weight: 600;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #video-template-picker .video-template-actions {display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #video-template-picker .video-template-actions :is(button,a) {min-height: 32px; padding: 6px 12px; font-size: 12px; white-space: nowrap;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #video-template-library-status {flex: 1 1 100%; margin: 0; font-size: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #video-template-library-status:empty {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .campaign-status {margin-bottom: 18px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .campaign-status[hidden] {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-match-clock {display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 4px 10px; margin: 0 0 10px; font-size: 13px; line-height: 1.5; color: var(--ui-text-muted); font-variant-numeric: tabular-nums;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-match-clock[hidden] {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-match-clock strong {color: var(--ui-text); font-weight: 700;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .campaign-status .result-status-buttons {flex-wrap: wrap; margin-bottom: 1.5em;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .campaign-status .result-status-buttons button {flex: 1 1 auto; min-width: max-content; padding-inline: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .campaign-status .result-status-buttons :is(#campaign-lineup, [data-result-status="event"], [data-result-status="fulltime"]) {margin-right: 20px;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).campaign-mode .control-panel {padding: 0;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).campaign-mode .campaign-status .result-status-buttons {background-color: var(--light); padding: 5px 20px; border-radius: 100px; width: calc(100% + 20px); left: -10px; position: relative;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).campaign-mode #panel-result .result-score-controls {display: none;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .logo-editor-competition {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding:20px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-muted);}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .logo-editor-competition h2 {margin:0 0 6px;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .logo-editor-competition p {margin:0;max-width:680px;color:var(--ui-text-muted);}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .logo-editor-competition .button {flex:0 0 auto;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .lineup-view-toolbar {display: flex; align-items: flex-end; flex-wrap: wrap; gap: 16px; margin-bottom: 16px;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .lineup-view-toolbar .layout-choice {flex: 1 1 280px;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] #lineup-shirt-names {min-height: 40px; height: 40px; padding: 8px 14px;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] #lineup-shirt-names[aria-pressed="true"] {background: var(--ui-secondary); color: var(--ui-on-secondary); box-shadow: inset 0 -3px var(--ui-accent);}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .lineup-view-toolbar #clear-lineup {margin-left: auto; margin-bottom: 0; min-height: 40px; height: 40px; padding: 8px 14px;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .lineup-captain-field {display: flex; flex-direction: column; gap: 6px; width: 100%; margin: 16px 0 0; font-weight: 600;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .lineup-captain-field[hidden] {display: none;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .lineup-captain-field select {width: 100%;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-sponsor-row {max-width: 300px;}
@media (max-width: 700px) {:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar label,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar label[for="result-match"],
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar label[for="lineup-match"] {flex-basis: 100%; max-width: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar label[for="schedule-team"],
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar label[for="schedule-date"],
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar .schedule-count-controls {flex-basis:100%;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar .schedule-count-controls {flex-wrap:wrap;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-selection-topbar #graphic-template-picker {flex-basis: 100%;}}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .table-zone-legend {display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 12px; font-size: .75rem;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .table-zone-legend span {display: inline-flex; align-items: center; gap: 6px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .table-zone-legend i {display: inline-block; width: 10px; height: 10px; border-radius: 2px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .table-zone-legend small {flex-basis: 100%;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .zone-sr {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-logos .app-shell {grid-template-columns: 1fr; max-width: 1050px;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-logos .preview-panel,
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-logos .actions {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-picker {display: flex; flex-wrap: wrap; gap: 12px; align-items: end;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-picker label {flex: 1 1 240px; min-width: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-picker input,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-picker select {width: 100%;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-registration {display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin-top: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-registration label {flex: 1 1 260px; max-width: 460px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-registration select {width: 100%;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-registration input[type=text] {width: 100%; box-sizing: border-box;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-layout {display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 20px; align-items: center;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #logo-editor-canvas {width: 100%; height: auto; border-radius: 16px; touch-action: none; cursor: grab;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #logo-editor-canvas:active {cursor: grabbing;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-controls label {display: block; margin-bottom: 22px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-controls input[type=range] {width: 100%; padding: 0; accent-color: var(--ui-accent);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-controls output {float: right; font-weight: 400;}
@media (max-width: 650px) {:where(body:not([data-site-page="clubs/public/club-editor.html"])) .logo-editor-layout {grid-template-columns: 1fr;}}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .layout-choice {grid-column: span 2; min-width: 0; margin: 0; padding: 0; border: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .layout-choice legend {margin-bottom: 6px; padding: 0; color: var(--ui-text-muted); font-size: 12px; font-weight: bold;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .layout-options {display: flex; flex-wrap: wrap; gap: 8px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .layout-options label {position: relative; cursor: pointer;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .layout-options input {position: absolute; opacity: 0; width: 1px; height: 1px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .layout-options span {display: block; padding: 10px 14px; border: 1px solid var(--line); border-radius: 6px; background: var(--ui-surface); color: var(--ink);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .layout-options input:checked + span {background: var(--ui-secondary); border-color: var(--ui-secondary); color: var(--ui-on-secondary); box-shadow: inset 0 -3px var(--ui-accent);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .layout-options input:focus-visible + span {outline: 3px solid var(--ui-focus); outline-offset: 2px;}
@media (max-width: 900px) {:where(body:not([data-site-page="clubs/public/club-editor.html"])) .layout-choice {grid-column: 1 / -1;}}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #formation-reset-tools {text-align: center; margin-top: 16px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #formation-reset-tools:not([hidden]) {display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; gap: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #formation-reset-tools label {width: 180px; text-align: left;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .background-tools {margin-bottom: 18px; padding: 12px; border: 1px solid var(--line); border-radius: 7px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .background-tools summary {cursor: pointer; font-weight: 600;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .background-tools label {margin-top: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .background-tools input[type=file] {max-width: 100%;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-backgrounds .actions {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #lineup-sort-tools {margin: 16px auto 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #lineup-sort-tools legend {width: 100%; text-align: center;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #lineup-sort-tools .layout-options {justify-content: center;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #lineup-opponent-name {width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink); background: var(--ui-surface);}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-backgrounds #download-all {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-media-links {margin-top: 5px; font-size: 12px; line-height: 1.4;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-card .player-meta {flex: 1;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .remove-squad-player {flex: 0 0 28px; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: var(--ui-surface-muted); color: var(--ui-text-muted); font: 22px/1 Arial, sans-serif; cursor: pointer;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .remove-squad-player:hover {color: #a51d31; background: #ffe8ed;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .remove-squad-player:focus-visible {outline: 2px solid var(--ui-focus); outline-offset: 2px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot .remove-squad-player {flex-basis: 20px; width: 20px; height: 20px; font-size: 18px;}
/* Give names their own full-width row on the formation editor. */
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-pitch {min-height: 480px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot {width: 24%; min-height: 54px; padding: 2px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot .player-card {position: relative; display: flex; align-items: center; justify-content: center; min-height: 50px; padding: 14px 5px 5px; overflow: visible;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot .number {position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot .remove-squad-player {position: absolute; top: 0; right: 0; transform: translate(25%, -50%); z-index: 2;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot .player-meta {width: 100%; text-align: center;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot .player-name {white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; font-size: 10px; line-height: 1.25;}
/* Full-width sections give the player pool and formation room to breathe. */
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .squad-builder {grid-template-columns: minmax(0, 1fr); gap: 24px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .squad-builder .player-list {display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; min-height: 80px; max-height: none; overflow: visible;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .squad-builder .player-list[hidden] {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .squad-builder .player-list .player-card {margin: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .squad-builder .player-list .player-name {white-space: normal; overflow-wrap: anywhere;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .player-card.is-selected {border-color: var(--ui-secondary); background: var(--ui-secondary-soft);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .player-placement {display: block; color: var(--ui-secondary-text); font-size: 10px; font-weight: 600;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot .player-name {font-size: 12px;}
@media (max-width: 480px) {:where(body:not([data-site-page="clubs/public/club-editor.html"])) .squad-builder .player-list {grid-template-columns: minmax(0, 1fr);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .formation-slot .player-name {font-size: 10px;}}
/* Compact active-player overview, with all names still visible. */
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players {grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 5px; padding: 5px; min-height: 48px; align-items: start;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .player-card {gap: 6px; padding: 5px 6px; font-size: 11px; line-height: 1.25;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .number {min-width: 20px; height: 20px; font-size: 10px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .player-name {line-height: 1.25;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .player-position,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .player-placement {display: inline; font-size: 9px; line-height: 1.2;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .player-placement {margin-left: 6px;}
@media (max-width: 380px) {:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players {grid-template-columns: minmax(0, 1fr);}}
/* Selection colors replace position and status labels in the player pool. */
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .player-position,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .player-placement {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .player-card {color: var(--ui-text-muted); background: transparent;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .player-card:not(.is-selected) .number {background: var(--ui-secondary-soft); color: var(--ui-on-secondary-soft);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .player-card.is-starter {color: #183d2a; border-color: #8abc9b; background: #e1f1e6;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #available-players .player-card.is-substitute {color: #364152; border-color: #b9c0c9; background: #e5e8ec;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-status-field > span {display: block; color: var(--ui-text-muted); font-size: 12px; font-weight: 700; margin-bottom: 6px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-status-buttons {display: flex; gap: 6px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-status-buttons button {flex: 1; padding: 10px 8px; border: 1px solid var(--ui-border); border-radius: 5px; background: var(--ui-surface); color: var(--ui-text); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-status-buttons button[aria-pressed="true"] {background: var(--ui-secondary); color: var(--ui-on-secondary); border-color: var(--ui-secondary); box-shadow: inset 0 -3px var(--ui-accent);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-status-buttons button:disabled {opacity: .5; cursor: default;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-status-buttons button:focus-visible {outline: 3px solid var(--ui-focus); outline-offset: 2px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-image-panel {margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--ui-border);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-image-panel p {font-size: 12px; color: var(--ui-text-muted);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-image-drop {display: block; padding: 18px; border: 2px dashed var(--ui-border); border-radius: 7px; text-align: center; cursor: pointer; background: var(--ui-surface-muted);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-image-drop.is-over {border-color: var(--ui-accent); background: var(--ui-accent-soft); color: var(--ui-on-accent-soft);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-image-drop input {display: block; width: 100%; margin-top: 8px; font-size: 12px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #result-image-progress {width: 100%; margin-top: 8px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #result-image-controls .field-grid {margin-bottom: 10px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-image-library {display: grid; grid-template-columns: repeat(auto-fill,minmax(95px,1fr)); gap: 8px; margin: 12px 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-image-none-choice {width:100%; min-height:110px; padding:8px; border:2px solid var(--ui-border); border-radius:6px; background:var(--ui-surface-muted); color:var(--ui-text); font:inherit; font-size:12px; font-weight:700; cursor:pointer;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-image-none-choice[aria-pressed="true"] {border-color:var(--ui-accent); background:var(--ui-accent-soft); color:var(--ui-on-accent-soft);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-image-choice {padding: 0px; border: 2px solid var(--ui-border); border-radius: 6px; background: var(--ui-surface-muted); color: var(--ui-text); font: inherit; font-size: 10px; cursor: pointer; overflow-wrap: anywhere; overflow: hidden;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-image-choice[aria-pressed="true"] {border-color: var(--ui-accent); background: var(--ui-accent-soft); color: var(--ui-on-accent-soft);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-image-thumbnail {display: block; height: 90px; overflow: hidden; margin-bottom: 4px; background: #dbe1e8;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-image-choice img {display: block; width: 100%; height: 90px; object-fit: cover; object-position: center top; transform: scale(1.5); transform-origin: center top;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .score-field > label {display: block; margin-bottom: 6px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .score-stepper {display: flex; align-items: stretch; gap: 5px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .score-stepper select {flex: 1; min-width: 0; width: 0; margin: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .score-stepper button {flex: 0 0 38px; padding: 8px 4px; border: 1px solid var(--ui-border); border-radius: 5px; background: var(--ui-secondary-soft); color: var(--ui-on-secondary-soft); font: inherit; font-weight: 700; cursor: pointer;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .score-stepper button:disabled {opacity: .4; cursor: default;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .score-stepper button:focus-visible {outline: 3px solid var(--ui-focus); outline-offset: 2px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-goal-picker {display: flex; align-items: flex-end; gap: 10px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-goal-list {flex: 1; min-width: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-goal-list > span {display:block; margin-bottom:8px; color:var(--ui-text-muted); font-weight:700;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #nff-goal-buttons {display:flex; flex-wrap:wrap; gap:2px; align-items:center;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-buttons {display:flex; flex-wrap:wrap; gap:2px; align-items:center;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #nff-goal-buttons button {display:inline-flex; align-items:center; gap:5px; max-width:100%; min-width:30px; padding:5px 10px; border:1px solid var(--ui-border); border-radius:3px; background:var(--ui-surface); color:var(--ui-text); font:inherit; font-weight:500; cursor:pointer; font-size:12px; text-align:left;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #nff-goal-buttons .nff-goal-score {margin-right:4px; font-weight:700; white-space:nowrap;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-buttons button {display:inline-flex; align-items:center; gap:5px; max-width:100%; min-width:30px; padding:5px 10px; border:1px solid var(--ui-border); border-radius:3px; background:var(--ui-surface); color:var(--ui-text); font:inherit; font-weight:500; cursor:pointer; font-size:12px; text-align:left;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-club-logo {display:block; flex:0 0 20px; width:20px; height:20px; object-fit:contain;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-icon {position:relative; display:inline-flex; flex:0 0 11px; width:11px; height:14px; align-items:center; justify-content:center;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-icon--yellow,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-icon--red {width:9px; height:13px; flex-basis:9px; border-radius:1px; box-shadow:0 0 0 1px rgba(0,0,0,.2);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-icon--yellow {background:#facc15;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-icon--red {background:#ef4444;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-icon--second_yellow span {position:absolute; width:8px; height:12px; border-radius:1px; background:#facc15; box-shadow:0 0 0 1px rgba(0,0,0,.2);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-icon--second_yellow span:first-child {left:0; top:2px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-icon--second_yellow span:last-child {left:3px; top:0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-icon--sub {flex-basis:16px; width:16px; font-size:17px; font-weight:800; line-height:1;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-icon--sub span:first-child {color:#15803d;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-icon--sub span:last-child {color:#dc2626;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-event-icon--other {color:var(--ui-text-muted); font-size:11px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #nff-goal-buttons button[aria-pressed="true"],
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #nff-event-buttons button[aria-pressed="true"] {color:var(--ui-on-secondary); background:var(--ui-secondary); border-color:var(--ui-secondary); box-shadow:inset 0 -3px var(--ui-accent);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #nff-goal-buttons button:focus-visible,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #nff-event-buttons button:focus-visible {outline:3px solid var(--ui-focus); outline-offset:2px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-goal-picker > button {flex: 0 0 auto; white-space: nowrap;}
@media (max-width: 540px) {:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-goal-picker {flex-wrap: wrap;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .nff-goal-list {flex-basis: 100%;}}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #facts-options {margin-top: 16px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #facts-options .result-status-buttons button[aria-pressed="mixed"] {box-shadow: inset 0 -3px var(--ui-accent);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-picker {margin: 16px 0 0; padding: 0; border: 0; min-width: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-picker legend {margin-bottom: 8px; color: var(--ui-text); font-weight: 700;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-list {display: grid; gap: 6px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-option {display: flex; align-items: center; gap: 10px; min-width: 0; padding: 9px 12px; border: 1px solid var(--ui-border); border-radius: 6px; background: var(--ui-surface); color: var(--ui-text); cursor: pointer; font-size: 14px; line-height: 1.35;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-option:has(input:checked) {border-color: var(--ui-secondary);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-option input {flex: 0 0 auto; width: 18px; height: 18px; margin: 0; accent-color: var(--ui-secondary);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-content {display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-width: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-minute {white-space: nowrap;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-name {min-width: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-out {color: var(--ui-text-muted);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-content .nff-event-icon--goal,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-content .nff-event-icon--end {flex-basis: 18px; width: 18px; font-size: 15px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-option:focus-within {outline: 3px solid var(--ui-focus); outline-offset: 2px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .facts-event-empty {margin: 0; color: var(--ui-text-muted); font-size: 14px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #event-details {margin-top: 16px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #goal-details .field-grid,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #event-details .field-grid {margin-top: 20px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) #event-details [hidden] {display: none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-edit-button {display:grid;place-items:center;width:38px;height:38px;margin:4px 0 12px auto;padding:8px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-secondary);cursor:pointer;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-edit-button:hover {background:var(--ui-surface-muted);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-edit-button:focus-visible,
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-dialog-close:focus-visible {outline:3px solid var(--ui-focus);outline-offset:2px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-edit-button svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .preview-download-actions .result-detail-edit-button {flex:0 0 36px;width:36px;height:36px;margin:0;padding:7px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .preview-download-actions .result-detail-edit-button:not([hidden]) {margin-left:0;margin-right:auto;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .preview-download-actions .result-detail-edit-button[hidden] {display:none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-dialog:not([open]) {display:none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-dialog [hidden] {display:none;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-dialog .field-grid {margin-top:20px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-dialog[open] {width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:24px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);color:var(--ui-text);box-shadow:0 24px 70px rgba(0,0,0,.25);overflow:auto;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-dialog::backdrop {background:rgba(4,14,34,.55);}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-dialog-header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-dialog-header h2 {margin:0;font-size:22px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-dialog-close {display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;padding:0;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font-size:26px;line-height:1;cursor:pointer;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-dialog-actions {display:flex;justify-content:flex-end;margin-top:22px;padding-top:16px;border-top:1px solid var(--ui-border);}
@media(max-width:540px) {:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-dialog[open] {padding:16px}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-detail-dialog-header h2 {font-size:19px}}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .table-display-options {margin: 12px 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .table-display-options button {min-width: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .table-form-dots {display: inline-flex; gap: 4px; white-space: nowrap;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .table-form-dot {display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; color: #10213b; font-size: 10px; font-weight: 700;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .sponsor-controls {margin: 16px 0; padding: 12px; border: 1px solid var(--ui-border); border-radius: 8px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .sponsor-controls summary {cursor: pointer; font-weight: 700;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .sponsor-controls .sponsor-enable {display: flex; align-items: center; gap: 8px; margin: 14px 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .sponsor-enable input {width: auto;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .sponsor-fields {display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 14px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .sponsor-fields > div {min-width: 0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .sponsor-upload {max-width: 100%; font-size: 12px;}
body:where(:not([data-site-page="clubs/public/club-editor.html"])).editing-backgrounds .sponsor-controls {display: none;}
@media (max-width: 600px) {:where(body:not([data-site-page="clubs/public/club-editor.html"])) .sponsor-fields {grid-template-columns: 1fr;}}
/* Shared borders also cover account pages with page-local table styles. */
body:where(:not([data-site-page="clubs/public/club-editor.html"])) .user-list td,
body:where(:not([data-site-page="clubs/public/club-editor.html"])) .user-list th,
body:where(:not([data-site-page="clubs/public/club-editor.html"])) .users-shell fieldset,
body:where(:not([data-site-page="clubs/public/club-editor.html"])) .login-history th,
body:where(:not([data-site-page="clubs/public/club-editor.html"])) .login-history td {border-color: var(--ui-border);}
body:where(:not([data-site-page="clubs/public/club-editor.html"])) .user-message {color: var(--ui-success);}
body:where(:not([data-site-page="clubs/public/club-editor.html"])) .user-error {color: var(--ui-danger);}
/* Compact score controls leave the available width to the status buttons. */
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .field-grid.result-score-controls {display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-score-controls .result-status-field {flex:1 1 300px;min-width:0}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-score-controls .result-status-buttons {flex-wrap:wrap}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-score-controls .result-status-buttons button {flex:1 0 auto}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-score-controls .score-field {flex:0 0 auto;max-width:100%}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-score-controls .score-field>label {max-width:170px;overflow-wrap:anywhere}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-score-controls .score-stepper select {flex:0 0 64px;width:64px;min-width:64px}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-score-controls .score-stepper {width:150px}
@media(max-width:700px) {:where(body:not([data-site-page="clubs/public/club-editor.html"])) .result-score-controls .score-stepper {width:170px}}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .event-kind-buttons {flex-wrap: wrap;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .event-kind-buttons button {flex: 1 1 auto;}
/* Compact captain and formation controls below the preview. */
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .lineup-preview-controls {display:flex; align-items:flex-end; gap:12px; margin-top:16px;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .lineup-preview-controls .lineup-captain-field {flex:1 1 0; min-width:0; width:auto; margin:0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .lineup-preview-controls #formation-reset-tools {margin:0; flex:0 0 auto;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .lineup-preview-controls #formation-reset-tools:not([hidden]) {flex-wrap:nowrap; gap:8px;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .lineup-preview-controls #formation-field {width:140px; margin:0;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .lineup-preview-controls #lineup-formation {width:100%;}
:where(body:not([data-site-page="clubs/public/club-editor.html"])) .lineup-preview-controls #reset-player-positions {width:110px; min-width:0; min-height:42px; padding:7px 8px; font-size:12px; line-height:1.2; white-space:normal;}
@media(max-width:540px) {body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .lineup-preview-controls {flex-wrap:wrap;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .lineup-preview-controls .lineup-captain-field {flex-basis:100%;}}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .lineup-preview-controls:has(.lineup-captain-field[hidden]) {display:none;}
/* Compact, single-row preview actions. */
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .preview-panel .preview-download-actions {display:flex; flex-wrap:nowrap; align-items:center; justify-content:safe flex-end; gap:8px; width:100%; min-width:0; overflow-x:auto; padding-bottom:3px;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .preview-panel .preview-download-actions > .button {flex:0 0 auto; width:auto; min-width:0; min-height:36px; padding:8px 10px; font-size:12px; line-height:1.25; white-space:nowrap;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] .preview-panel .preview-download-actions .sponsor-line-toggle span {font-size:11px;}
/* Keep the previous-match toggle aligned with the table and preview actions. */
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] #schedule-match-list > #schedule-show-past {display:block; width:max-content; margin:0 0 14px auto; min-height:36px; padding:8px 10px; font-size:12px; line-height:1.25; white-space:nowrap;}
body:where(:not([data-site-page="clubs/public/club-editor.html"]))[data-site-page="index.php"] #schedule-show-past span {font-size:11px;}


/* Source: sponsor-admin.css */
body:where([data-site-page="index.php"]).editing-sponsors .preview-panel,
body:where([data-site-page="index.php"]).editing-sponsors .actions {display:none;}
body:where([data-site-page="index.php"]).editing-sponsors .app-shell {display:block; max-width:1200px;}
:where(body[data-site-page="index.php"]) .sponsor-toolbar,
:where(body[data-site-page="index.php"]) .sponsor-card-heading {display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
:where(body[data-site-page="index.php"]) .sponsor-card {border:1px solid var(--ui-border); border-radius:12px; padding:20px; margin:20px 0;}
:where(body[data-site-page="index.php"]) .sponsor-card h3 {margin:0;}
:where(body[data-site-page="index.php"]) .sponsor-materials {display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:16px;}
:where(body[data-site-page="index.php"]) .sponsor-material {display:flex; flex-direction:column; gap:8px; min-width:0; padding:12px; border:1px solid var(--ui-border); border-radius:8px; overflow-wrap:anywhere;}
:where(body[data-site-page="index.php"]) .sponsor-material img {width:100%; height:110px; object-fit:contain; background:repeating-conic-gradient(#edf1f5 0% 25%,#fff 0% 50%) 50% / 16px 16px; border-radius:5px;}
:where(body[data-site-page="index.php"]) .sponsor-material small {color:var(--ui-text-muted);}
:where(body[data-site-page="index.php"]) #sponsor-dialog {width:min(760px,calc(100vw - 40px)); max-height:85vh; overflow:auto; padding:28px; border:0; border-radius:16px; color:var(--ui-text); box-shadow:0 20px 80px rgba(var(--ui-text-rgb),0.333);background:var(--ui-surface)}
:where(body[data-site-page="index.php"]) #sponsor-dialog::backdrop {background:var(--ui-overlay);}
:where(body[data-site-page="index.php"]) #sponsor-form-fields {border:0; padding:0; margin:0; min-width:0;}
:where(body[data-site-page="index.php"]) #sponsor-form-fields > label {display:block; margin:18px 0;}
:where(body[data-site-page="index.php"]) #sponsor-dialog .sponsor-toolbar {margin-top:24px; justify-content:flex-end;}
:where(body[data-site-page="index.php"]) .tabs {flex-wrap:wrap;}
:where(body[data-site-page="index.php"]) #sponsor-form-fields > label {font-size:14px; font-weight:600; color:var(--ui-text-muted);}
:where(body[data-site-page="index.php"]) #sponsor-name,
:where(body[data-site-page="index.php"]) #sponsor-files {display:block; width:100%; margin-top:8px; padding:12px; border:1px solid var(--ui-border); border-radius:8px; font:inherit; color:var(--ui-text); background:var(--ui-surface); box-sizing:border-box;}
:where(body[data-site-page="index.php"]) #sponsor-name:focus {outline:2px solid var(--ui-focus); outline-offset:2px;}
:where(body[data-site-page="index.php"]) #sponsor-files[hidden] {display:none;}
:where(body[data-site-page="index.php"]) .sponsor-dropzone {width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:150px; margin-top:18px; padding:24px; border:2px dashed var(--ui-border); border-radius:12px; background:var(--ui-surface-muted); color:var(--ui-text); font:inherit; cursor:pointer; transition:background .15s,border-color .15s;}
:where(body[data-site-page="index.php"]) .sponsor-dropzone strong {font-size:18px;}
:where(body[data-site-page="index.php"]) .sponsor-dropzone span {color:var(--ui-text-muted); font-size:14px;}
:where(body[data-site-page="index.php"]) .sponsor-dropzone:hover,
:where(body[data-site-page="index.php"]) .sponsor-dropzone.is-over {background:var(--ui-accent-soft); border-color:var(--ui-accent);}
:where(body[data-site-page="index.php"]) .sponsor-dropzone:focus-visible {outline:3px solid var(--ui-focus); outline-offset:3px;}
:where(body[data-site-page="index.php"]) .sponsor-dropzone:disabled {opacity:.55; cursor:wait;}
:where(body[data-site-page="index.php"]) #sponsor-form-fields .sponsor-general-setting {display:flex; align-items:center; gap:10px;}
:where(body[data-site-page="index.php"]) #sponsor-general-men,
:where(body[data-site-page="index.php"]) #sponsor-general-women {width:auto;}
:where(body[data-site-page="index.php"]) #sponsor-general-image-men,
:where(body[data-site-page="index.php"]) #sponsor-general-image-women {display:block; width:100%; padding:12px; margin-top:8px; border:1px solid var(--ui-border); border-radius:8px; font:inherit;background:var(--ui-surface);color:var(--ui-text)}
:where(body[data-site-page="index.php"]) .match-sponsor-row {display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:16px; align-items:end;}
:where(body[data-site-page="index.php"]) .match-sponsor-row > label {min-width:0;}
:where(body[data-site-page="index.php"]) .sponsor-match-in-preview {display:none;}
@media(max-width:600px) {:where(body[data-site-page="index.php"]) .match-sponsor-row {grid-template-columns:1fr; gap:0;}}
:where(body[data-site-page="index.php"]) .preview-download-actions {display:flex; gap:10px; align-items:center; flex-wrap:wrap;}
:where(body[data-site-page="index.php"]) .sponsor-line-toggle {background:var(--ui-surface); color:var(--ui-secondary-text); border:1px solid var(--ui-border);}
:where(body[data-site-page="index.php"]) .sponsor-line-toggle span {display:inline-block; margin-left:8px; font-size:.8em; opacity:.8;}
:where(body[data-site-page="index.php"]) .sponsor-line-toggle[aria-pressed="true"] {background:var(--ui-secondary); color:var(--ui-on-secondary); box-shadow:inset 0 -3px var(--ui-accent);}
body:where([data-site-page="index.php"]).editing-backgrounds #sponsor-line-toggle {display:none;}
:where(body[data-site-page="index.php"]) .preview-heading {flex-wrap:wrap; gap:12px;}
:where(body[data-site-page="index.php"]) #panel-schedule label {display:block; color:var(--ui-text-muted); font-weight:600;}
:where(body[data-site-page="index.php"]) #panel-schedule input,
:where(body[data-site-page="index.php"]) #panel-schedule select {display:block; width:100%; box-sizing:border-box; padding:10px; margin-top:8px; border:1px solid var(--ui-border); border-radius:8px; font:inherit;background:var(--ui-surface);color:var(--ui-text)}
:where(body[data-site-page="index.php"]) #schedule-rows th {text-align:left; color:var(--ui-text); background:var(--ui-surface-muted);}
:where(body[data-site-page="index.php"]) #sponsor-existing.sponsor-materials {grid-template-columns:1fr;}
:where(body[data-site-page="index.php"]) .sponsor-logo-editor {padding:12px; border-radius:8px; background:var(--ui-surface-muted);}
:where(body[data-site-page="index.php"]) .sponsor-logo-editor label {display:block; font-weight:600;}
:where(body[data-site-page="index.php"]) .sponsor-logo-editor output {float:right;}
:where(body[data-site-page="index.php"]) .sponsor-logo-editor input {display:block; width:100%; margin:16px 0;}
:where(body[data-site-page="index.php"]) .sponsor-logo-editor canvas {display:block; width:100%; height:auto; border-radius:5px; margin:12px 0;}
:where(body[data-site-page="index.php"]) .sponsor-logo-editor small {display:block; margin-top:10px;}
:where(body[data-site-page="index.php"]) .sponsor-color-editor {border:1px solid var(--ui-border); border-radius:8px; padding:12px;}
:where(body[data-site-page="index.php"]) .sponsor-color-editor summary {cursor:pointer; font-weight:700;}
:where(body[data-site-page="index.php"]) .sponsor-color-editor p {margin:10px 0; color:var(--ui-text-muted); font-size:13px;}
:where(body[data-site-page="index.php"]) .sponsor-color-row {display:grid; grid-template-columns:minmax(100px,1fr) 56px; align-items:center; gap:8px 12px; margin-top:12px;}
:where(body[data-site-page="index.php"]) .sponsor-color-row input[type="color"] {width:48px; height:38px; padding:2px; cursor:pointer;}
:where(body[data-site-page="index.php"]) .sponsor-color-row canvas {grid-column:1/-1; width:100%; height:auto; border:1px solid var(--ui-border); border-radius:5px;}
:where(body[data-site-page="index.php"]) .sponsor-color-actions {grid-column:1/-1; display:flex; gap:8px; flex-wrap:wrap;}
:where(body[data-site-page="index.php"]) #schedule-rows select {min-width:150px; margin:0; font-size:14px;}
:where(body[data-site-page="index.php"]) .sponsor-editor-tabs {display:flex; gap:8px; border-bottom:1px solid var(--ui-border); margin:20px 0;}
:where(body[data-site-page="index.php"]) .sponsor-editor-tabs button {border:0; border-bottom:3px solid transparent; background:transparent; color:var(--ui-secondary-text); padding:12px; font:inherit; font-weight:600; cursor:pointer;}
:where(body[data-site-page="index.php"]) .sponsor-editor-tabs button[aria-selected="true"] {color:var(--ui-secondary-text); border-bottom-color:var(--ui-accent);}
:where(body[data-site-page="index.php"]) .sponsor-editor-tabs button:focus-visible {outline:2px solid var(--ui-focus); outline-offset:2px;}
:where(body[data-site-page="index.php"]) #sponsor-pane-general > label {display:block; margin:18px 0; font-size:14px; font-weight:600; color:var(--ui-text-muted);}
:where(body[data-site-page="index.php"]) #sponsor-pane-general > .sponsor-general-setting {display:flex;}
:where(body[data-site-page="index.php"]) .sponsor-card-compact {padding:14px 18px; margin:10px 0;}
:where(body[data-site-page="index.php"]) .sponsor-card-compact .sponsor-card-heading {display:grid; grid-template-columns:minmax(150px,1fr) minmax(200px,350px) auto; gap:16px;}
:where(body[data-site-page="index.php"]) .sponsor-card-info h3 {font-size:18px;}
:where(body[data-site-page="index.php"]) .sponsor-card-info small {display:block; color:var(--ui-text-muted); margin-top:4px;}
:where(body[data-site-page="index.php"]) .sponsor-card-preview {display:block; width:100%; height:auto; background:#0b1535; border-radius:6px;}
:where(body[data-site-page="index.php"]) .sponsor-card-details {margin-top:8px;}
:where(body[data-site-page="index.php"]) .sponsor-card-details summary {cursor:pointer; font-size:13px; color:var(--ui-text-muted);}
:where(body[data-site-page="index.php"]) .sponsor-card-details .sponsor-materials {margin-top:14px;}
@media(max-width:600px) {:where(body[data-site-page="index.php"]) .sponsor-card-compact .sponsor-card-heading {grid-template-columns:1fr auto;}
:where(body[data-site-page="index.php"]) .sponsor-card-preview {grid-column:1/-1; grid-row:2;}}
:where(body[data-site-page="index.php"]) .site-header {flex-wrap:wrap; gap:16px 24px;}
:where(body[data-site-page="index.php"]) .header-management {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:2px; margin-left:auto;}
:where(body[data-site-page="index.php"]) .header-management .tab {color:var(--ui-nav-muted); padding:10px 12px; font-size:14px; text-decoration:none;}
:where(body[data-site-page="index.php"]) .header-management .tab:hover,
:where(body[data-site-page="index.php"]) .header-management .tab.is-active {color:var(--ui-nav-text); background:var(--ui-nav-hover);}
:where(body[data-site-page="index.php"]) .header-management .tab.is-active {border-bottom-color:var(--ui-nav-accent);}
:where(body[data-site-page="index.php"]) .header-management .tab:focus-visible {outline:2px solid var(--ui-nav-accent); outline-offset:2px;}
@media(max-width:1000px) {:where(body[data-site-page="index.php"]) .header-management {order:3; width:100%; margin:0; justify-content:flex-start;}
:where(body[data-site-page="index.php"]) .site-header .header-user {margin-left:auto;}}
:where(body[data-site-page="index.php"]) .sponsor-card-info h3 .sponsor-file-count {font-size:13px; font-weight:400; color:var(--ui-text-muted); white-space:nowrap;}
:where(body[data-site-page="index.php"]) #panel-sponsors [role="tabpanel"][hidden] {display:none;}
:where(body[data-site-page="index.php"]) .sponsor-category-form {display:flex; align-items:end; gap:12px; flex-wrap:wrap; margin:18px 0;}
:where(body[data-site-page="index.php"]) .sponsor-category-form label {display:grid; gap:6px; font-weight:600;}
:where(body[data-site-page="index.php"]) .sponsor-category-form input,
:where(body[data-site-page="index.php"]) .sponsor-category-row input,
:where(body[data-site-page="index.php"]) #sponsor-logo-search,
:where(body[data-site-page="index.php"]) #sponsor-category-filter {min-width:0; padding:10px 12px; border:1px solid var(--ui-border); border-radius:8px; font:inherit; background:var(--ui-surface); color:var(--ui-text);}
:where(body[data-site-page="index.php"]) .sponsor-category-row {display:flex; align-items:center; gap:8px; padding:10px 0; border-bottom:1px solid var(--ui-border); flex-wrap:wrap;}
:where(body[data-site-page="index.php"]) .sponsor-category-row input {flex:1 1 220px;}
:where(body[data-site-page="index.php"]) .sponsor-category-row small {color:var(--ui-text-muted); min-width:85px;}
:where(body[data-site-page="index.php"]) .sponsor-category-row button {padding:8px 10px;}
:where(body[data-site-page="index.php"]) .sponsor-category-fieldset {border:1px solid var(--ui-border); border-radius:8px; padding:12px;}
:where(body[data-site-page="index.php"]) #sponsor-category-choices {display:flex; flex-wrap:wrap; gap:8px 18px;}
:where(body[data-site-page="index.php"]) #sponsor-category-choices label {display:inline-flex; align-items:center; gap:5px;}
:where(body[data-site-page="index.php"]) #sponsor-category-choices input {accent-color:var(--ui-accent);}
:where(body[data-site-page="index.php"]) .sponsor-archive-card a.button {display:block; text-align:center; padding:8px; text-decoration:none;}
:where(body[data-site-page="index.php"]) .sponsor-archive-card button {margin-top:auto;}
:where(body[data-site-page="index.php"]) .sponsor-color-actions label {display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:600;}
:where(body[data-site-page="index.php"]) .sponsor-color-actions input[type="file"] {max-width:100%;}
:where(body[data-site-page="index.php"]) .sponsor-palette-editor {grid-column:1/-1; padding:12px; border:1px solid var(--ui-border); border-radius:8px;}
:where(body[data-site-page="index.php"]) .sponsor-palette-editor summary {cursor:pointer; font-weight:700;}
:where(body[data-site-page="index.php"]) .sponsor-palette-editor > strong {display:block; margin:12px 0 5px; font-size:13px;}
:where(body[data-site-page="index.php"]) .sponsor-palette-editor canvas {display:block; width:100%; max-width:360px; height:auto; border:1px solid var(--ui-border); border-radius:5px;}
:where(body[data-site-page="index.php"]) .sponsor-palette-original {cursor:crosshair;}
:where(body[data-site-page="index.php"]) .sponsor-palette-rule {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; align-items:end; gap:8px; margin:12px 0;}
:where(body[data-site-page="index.php"]) .sponsor-palette-rule label {display:grid; gap:4px; font-size:12px; font-weight:600;}
:where(body[data-site-page="index.php"]) .sponsor-palette-rule input {width:100%; min-width:0; box-sizing:border-box; padding:7px; border:1px solid var(--ui-border); border-radius:5px; background:var(--ui-surface); color:var(--ui-text); font:inherit;}
:where(body[data-site-page="index.php"]) .sponsor-palette-editor > button {margin:6px 8px 6px 0;}
:where(body[data-site-page="index.php"]) .sponsor-palette-status {display:block; color:var(--ui-text-muted);}
@media(max-width:600px) {:where(body[data-site-page="index.php"]) .sponsor-palette-rule {grid-template-columns:repeat(2,minmax(0,1fr));}}
:where(body[data-site-page="index.php"]) #schedule-rows tr.schedule-excluded > td {background:var(--ui-surface-muted); color:var(--ui-text-muted);}
:where(body[data-site-page="index.php"]) #schedule-rows tr.schedule-excluded select {background:var(--ui-surface); color:var(--ui-text);}
:where(body[data-site-page="index.php"]) #schedule-rows .schedule-sponsor-select {width:100%; max-width:240px; min-width:160px; margin:0; font:inherit; font-weight:600; color:var(--ui-secondary-text);}
:where(body[data-site-page="index.php"]) #schedule-rows .schedule-sponsor-selected {margin-top:6px; max-width:280px; color:var(--ui-text); font-size:13px; line-height:1.4; overflow-wrap:anywhere;}
:where(body[data-site-page="index.php"]) #schedule-rows .schedule-match-photo-cell {width:100px; text-align:center;}
:where(body[data-site-page="index.php"]) #schedule-rows .schedule-match-photo-thumb {display:inline-block; width:76px; height:58px; padding:0; overflow:hidden; border:1px solid var(--ui-border); border-radius:6px; background:var(--ui-surface-muted); cursor:zoom-in; vertical-align:middle;}
:where(body[data-site-page="index.php"]) #schedule-rows .schedule-match-photo-thumb:hover,
:where(body[data-site-page="index.php"]) #schedule-rows .schedule-match-photo-thumb:focus-visible {outline:3px solid var(--ui-accent); outline-offset:2px;}
:where(body[data-site-page="index.php"]) #schedule-rows .schedule-match-photo-thumb img {display:block; width:100%; height:100%; object-fit:contain;}
:where(body[data-site-page="index.php"]) .schedule-photo-preview {position:fixed; inset:0; z-index:10000; display:flex; align-items:center; justify-content:center; background:rgba(3,9,23,.94);}
:where(body[data-site-page="index.php"]) .schedule-photo-preview[hidden] {display:none;}
:where(body[data-site-page="index.php"]) .schedule-photo-preview img {display:block; box-sizing:border-box; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); object-fit:contain; cursor:zoom-out;}
:where(body[data-site-page="index.php"]) .schedule-photo-preview img:focus-visible {outline:3px solid #fff; outline-offset:4px;}
:where(body[data-site-page="index.php"]) #schedule-rows .schedule-sponsor-editor-row > td {padding:12px; background:var(--ui-surface-muted);}
:where(body[data-site-page="index.php"]) .schedule-sponsor-choices {margin:0; border:1px solid var(--ui-border); border-radius:8px; padding:12px; background:var(--ui-surface);}
:where(body[data-site-page="index.php"]) .schedule-sponsor-choices legend {padding:0 5px; font-weight:700;}
:where(body[data-site-page="index.php"]) .schedule-sponsor-choice-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:8px; margin:8px 0;}
:where(body[data-site-page="index.php"]) #panel-schedule .schedule-sponsor-choice-grid label {display:flex; align-items:center; gap:8px; min-width:0; margin:0; padding:8px; border:1px solid var(--ui-border); border-radius:6px; cursor:pointer; font-weight:500;}
:where(body[data-site-page="index.php"]) #panel-schedule .schedule-sponsor-choice-grid input {flex:none; width:auto; margin:0; accent-color:var(--ui-secondary);}
:where(body[data-site-page="index.php"]) .schedule-sponsor-status {min-height:1.3em; margin:8px 0; color:var(--ui-text-muted);}
:where(body[data-site-page="index.php"]) .photo-filter-dialog {width:min(850px,calc(100vw - 40px)); max-height:90vh; overflow:auto; border:0; border-radius:16px; padding:24px; color:var(--ui-text);background:var(--ui-surface)}
:where(body[data-site-page="index.php"]) .photo-filter-dialog::backdrop {background:var(--ui-overlay);}
:where(body[data-site-page="index.php"]) .photo-filter-dialog canvas {display:block; max-width:100%; max-height:48vh; width:auto; height:auto; margin:16px auto; background:repeating-conic-gradient(#e8ebef 0% 25%,#fff 0% 50%) 50% / 16px 16px;}
:where(body[data-site-page="index.php"]) .photo-filter-dialog label {display:block; font-weight:600;}
:where(body[data-site-page="index.php"]) .photo-filter-dialog input {display:block; width:100%; margin:12px 0;}
:where(body[data-site-page="index.php"]) .photo-filter-dialog output {float:right;}
:where(body[data-site-page="index.php"]) .photo-filter-actions {display:flex; justify-content:flex-end; gap:12px;}
:where(body[data-site-page="index.php"]) .photo-direct-layer {position:absolute;touch-action:none;z-index:2;overflow:hidden;}
:where(body[data-site-page="index.php"]) .photo-direct-layer[hidden],
:where(body[data-site-page="index.php"]) .photo-fade-handle[hidden] {display:none;}
:where(body[data-site-page="index.php"]) .photo-fade-handle {position:absolute;transform:translate(-50%,-50%);border:2px solid var(--ui-border);border-radius:20px;background:var(--ui-secondary);color:var(--ui-on-secondary);padding:8px 12px;box-shadow:0 1px 6px rgba(var(--ui-text-rgb),1.000);cursor:move;touch-action:none;}
:where(body[data-site-page="index.php"]) .photo-direct-tools {margin:12px 0;}
:where(body[data-site-page="index.php"]) .photo-direct-tools p {font-size:.9rem;}
:where(body[data-site-page="index.php"]) .photo-direct-tools button[aria-pressed="true"] {outline:2px solid var(--ui-accent);}
:where(body[data-site-page="index.php"]) .photo-direct-tools label {display:inline-block;margin:12px;}
:where(body[data-site-page="index.php"]) .result-image-card {display:flex;flex-direction:column;gap:4px;min-width:0;}
:where(body[data-site-page="index.php"]) .result-image-card .result-image-choice {width:100%;flex:1;}
:where(body[data-site-page="index.php"]) .result-image-delete {border:1px solid #dfcaca;border-radius:5px;background:var(--ui-surface);color:#922727;padding:6px;cursor:pointer;font:inherit;font-size:12px;}
:where(body[data-site-page="index.php"]) .result-image-delete:hover {background:#fff0f0;}
:where(body[data-site-page="index.php"]) .result-image-replace {border:1px solid var(--ui-border);border-radius:5px;background:var(--ui-surface-muted);color:var(--ui-text);padding:6px;cursor:pointer;font:inherit;font-size:12px;}
:where(body[data-site-page="index.php"]) .result-image-card.is-over .result-image-choice {outline:3px dashed var(--ui-accent);background:var(--ui-accent-soft);}
:where(body[data-site-page="index.php"]) .result-image-selected-actions {display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap;}
:where(body[data-site-page="index.php"]) .result-image-selected-actions .result-image-delete {padding:12px 18px;font-size:14px;}
:where(body[data-site-page="index.php"]) .canvas-wrap.is-photo-drop {outline:3px dashed var(--ui-accent);outline-offset:-4px;}
:where(body[data-site-page="index.php"]) .result-image-tags {margin:16px 0;}
:where(body[data-site-page="index.php"]) .result-image-tags h4 {margin:0 0 8px;}
:where(body[data-site-page="index.php"]) .result-image-tags button {margin:0 6px 6px 0;}
:where(body[data-site-page="index.php"]) .result-image-tags label {display:block;margin-top:8px;}
:where(body[data-site-page="index.php"]) .result-image-tags select {display:block;width:100%;margin-top:6px;}
:where(body[data-site-page="index.php"]) .result-image-thumbnail.is-adjustable {cursor:grab;touch-action:none;user-select:none;}
:where(body[data-site-page="index.php"]) .result-image-thumbnail.is-adjustable:active {cursor:grabbing;}
:where(body[data-site-page="index.php"]) .result-image-thumbnail img {pointer-events:none;user-select:none;}
/* Keep the complete source image available when panning and zooming thumbnails. */
:where(body[data-site-page="index.php"]) .result-image-choice .result-image-thumbnail img {object-fit:contain;object-position:center top;transform:scale(1);}
:where(body[data-site-page="index.php"]) .result-image-thumbnail {background:#0c112e;}
:where(body[data-site-page="index.php"]) .result-image-tags-caption {width: 100%;
    padding: 2px 5px 6px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.1em;}
:where(body[data-site-page="index.php"]) .result-image-pages {display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0;flex-wrap:wrap;}
:where(body[data-site-page="index.php"]) .result-image-pages[hidden] {display:none;}
:where(body[data-site-page="index.php"]) .result-score-controls {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--ui-border);}
:where(body[data-site-page="index.php"]) .editor-fiks-id {min-width:115px;}
:where(body[data-site-page="index.php"]) .editor-fiks-id a {display:inline-block;margin-top:5px;font-size:11px;}
:where(body[data-site-page="index.php"]) #schedule-mode {margin-bottom: 18px;}
:where(body[data-site-page="index.php"]) #day-program-settings > label {margin-bottom: 16px;}
:where(body[data-site-page="index.php"]) #day-program-settings fieldset {border: 1px solid var(--ui-border); border-radius: 8px; padding: 16px; margin: 16px 0;}
:where(body[data-site-page="index.php"]) .day-program-teams {display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 16px;}
:where(body[data-site-page="index.php"]) .day-program-teams label {display: flex; align-items: center; gap: 8px;}
:where(body[data-site-page="index.php"]) .day-program-team-actions {display: flex; flex-wrap: wrap; gap: 8px;}
:where(body[data-site-page="index.php"]) .day-program-venue > span {display:block;font-weight:600;margin-bottom:8px;}
:where(body[data-site-page="index.php"]) .day-program-venue-buttons {display:flex;gap:8px;}
:where(body[data-site-page="index.php"]) .day-program-venue-buttons label {position:relative;cursor:pointer;}
:where(body[data-site-page="index.php"]) .day-program-venue-buttons input {position:absolute;opacity:0;width:1px;height:1px;}
:where(body[data-site-page="index.php"]) .day-program-venue-buttons span {display:block;padding:12px 22px;border:2px solid var(--ui-border);border-radius:6px;background:var(--ui-surface);color:var(--ui-secondary-text);font-weight:600;}
:where(body[data-site-page="index.php"]) .day-program-venue-buttons input:checked + span {background:var(--ui-secondary);border-color:var(--ui-secondary);color:var(--ui-on-secondary);box-shadow:inset 0 -4px var(--ui-accent);}
:where(body[data-site-page="index.php"]) .day-program-venue-buttons input:focus-visible + span {outline:3px solid var(--ui-focus);outline-offset:3px;}
:where(body[data-site-page="index.php"]) .day-program-results {margin-top:16px;}
:where(body[data-site-page="index.php"]) .day-program-date-control {margin-bottom:16px;}
:where(body[data-site-page="index.php"]) .day-program-date-control > label {display:block;margin-bottom:8px;}
:where(body[data-site-page="index.php"]) .day-program-date-navigation {display:flex;align-items:stretch;gap:8px;}
:where(body[data-site-page="index.php"]) .day-program-date-navigation input {flex:1;min-width:0;width:0;}
:where(body[data-site-page="index.php"]) .day-program-date-navigation .button {flex:0 0 48px;padding:10px;font-size:24px;line-height:1;}
:where(body[data-site-page="index.php"]) .day-program-results {flex-wrap:wrap;}
:where(body[data-site-page="index.php"]) .day-program-date-navigation #day-program-today {flex:0 0 auto;padding:10px 16px;font-size:16px;white-space:nowrap;}
:where(body[data-site-page="index.php"]) #day-program-list .day-match-choice {width:48px;text-align:center;}
:where(body[data-site-page="index.php"]) #day-program-list .day-match-choice input {width:18px;height:18px;cursor:pointer;vertical-align:middle;}
:where(body[data-site-page="index.php"]) #day-program-list .day-match-hidden td:not(:first-child) {opacity:.5;}


/* Source: video-library-picker.css */
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker {box-sizing:border-box;width:min(960px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid var(--ui-border);border-radius:16px;padding:24px;background:var(--ui-surface);color:var(--ui-text);font-family:Poppins,sans-serif}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker header {display:flex;justify-content:space-between;align-items:center;gap:16px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker h2 {margin:0}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker button,
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker select,
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker input {font:inherit}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker button {cursor:pointer;border:1px solid var(--ui-border);background:var(--ui-surface-muted);border-radius:8px;padding:10px 14px;color:var(--ui-secondary-text)}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-filters {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-filters label {display:grid;gap:6px;font-weight:600;min-width:0}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-filters select,
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-filters input {box-sizing:border-box;min-width:0;width:100%;padding:10px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface);color:var(--ui-text)}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-actions {display:flex;gap:18px;align-items:center;flex-wrap:wrap}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-actions a {color:var(--ui-secondary-text)}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker .media-picker-choice {display:flex;flex-direction:column;gap:8px;text-align:left;padding:10px;background:var(--ui-surface);min-width:0;overflow-wrap:anywhere}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-choice img {width:100%;height:150px;object-fit:contain;background:repeating-conic-gradient(#dfe5eb 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:5px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-choice span {font-size:12px;color:var(--ui-text-muted)}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker [data-more] {margin-top:18px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-choice:focus-visible,
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker button:focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px}
@media(max-width:600px) {:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker {padding:16px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-choice img {height:110px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-filters {grid-template-columns:1fr}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker h2 {font-size:21px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker .media-picker-choice {font-size:13px}}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker [data-suggestion] {padding:16px;background:var(--ui-success-soft);border:1px solid #c3d8c5;border-radius:10px;margin:14px 0;color:var(--ui-success)}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker [data-suggestion] h3 {margin:0 0 8px;font-size:17px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker [data-suggestion-reason] {font-size:13px;line-height:1.6}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker [data-suggestion-card] {max-width:280px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker [data-suggestion-card] .media-picker-choice {width:100%}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker [data-suggestion-status] {font-size:13px;color:var(--ui-text-muted)}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker [hidden] {display:none!important}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-special {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker .media-picker-choice[aria-pressed=true] {border:2px solid var(--ui-accent);padding:9px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker .media-picker-selected {align-self:flex-start;background:var(--ui-accent);color:var(--ui-on-accent);padding:2px 7px;border-radius:5px;font-weight:600;font-size:12px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker .media-picker-player-tags {display:flex;gap:4px;flex-wrap:wrap}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker .media-picker-player-tags span {background:var(--ui-surface-muted);color:var(--ui-text-muted);padding:2px 5px;border-radius:4px}
:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .video-media-picker select:disabled {opacity:.7}
@media(max-width:600px) {:where(body[data-site-page="index.php"], body[data-site-page="poster.php"]) .media-picker-special {grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Source: video-editor.css */
:where(body[data-site-page="index.php"]) #video-editor {box-sizing:border-box;width:min(1000px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:0;border-radius:16px;padding:24px;background:var(--ui-nav-text);color:var(--ui-nav-muted);box-shadow:0 20px 70px #0006}
:where(body[data-site-page="index.php"]) #video-editor::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="index.php"]) .video-editor-head {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
:where(body[data-site-page="index.php"]) .video-editor-head h2 {margin:0}
:where(body[data-site-page="index.php"]) .video-editor-layout {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,1fr);gap:28px}
:where(body[data-site-page="index.php"]) .video-options {display:flex;flex-direction:column;gap:14px}
:where(body[data-site-page="index.php"]) .video-options label {display:flex;flex-direction:column;gap:5px}
:where(body[data-site-page="index.php"]) .video-options input,
:where(body[data-site-page="index.php"]) .video-options select {max-width:100%;box-sizing:border-box}
:where(body[data-site-page="index.php"]) .video-options output {font-size:13px;font-weight:400}
:where(body[data-site-page="index.php"]) #video-canvas {display:block;width:100%;height:auto;background:#08112d;border-radius:0}
:where(body[data-site-page="index.php"]) #video-editor input[type=range] {width:100%;accent-color:var(--ui-accent);min-height:30px;padding:0}
:where(body[data-site-page="index.php"]) .video-buttons {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
:where(body[data-site-page="index.php"]) .video-buttons button {padding:10px 14px}
:where(body[data-site-page="index.php"]) #video-time {font-size:13px;margin-left:auto}
:where(body[data-site-page="index.php"]) #video-status {min-height:24px;font-size:14px}
:where(body[data-site-page="index.php"]) #video-editor [hidden] {display:none!important}
@media(max-width:650px) {:where(body[data-site-page="index.php"]) #video-editor {padding:16px}
:where(body[data-site-page="index.php"]) .video-editor-layout {grid-template-columns:1fr}
:where(body[data-site-page="index.php"]) #video-canvas {max-width:340px;margin:auto}
:where(body[data-site-page="index.php"]) .video-editor-head h2 {font-size:22px}}
:where(body[data-site-page="index.php"]) #video-editor {width:min(1320px,calc(100% - 24px))}
:where(body[data-site-page="index.php"]) #video-canvas {max-height:48vh;width:auto;max-width:100%;margin:auto}
:where(body[data-site-page="index.php"]) .video-editor-layout {grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}
:where(body[data-site-page="index.php"]) #video-keyframes {min-width:0;margin:24px 0 0;padding:14px 16px;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:8px;background:var(--ui-nav-panel);color:var(--ui-nav-text);font:13px/1.4 system-ui,sans-serif}
:where(body[data-site-page="index.php"]) #video-keyframes legend {background:var(--ui-nav-panel);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));padding:4px 12px;border-radius:4px;color:var(--ui-nav-text);font-weight:600}
:where(body[data-site-page="index.php"]) .kf-toolbar {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
:where(body[data-site-page="index.php"]) .kf-toolbar label {display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ui-nav-text);margin:0}
:where(body[data-site-page="index.php"]) .kf-toggle {font-weight:600}
:where(body[data-site-page="index.php"]) #kf-clock {font:600 19px monospace;color:var(--ui-nav-accent);margin-right:auto}
:where(body[data-site-page="index.php"]) #video-keyframes select,
:where(body[data-site-page="index.php"]) #video-keyframes input[type=number] {background:var(--ui-nav);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));color:var(--ui-nav-accent);border-radius:4px;min-height:32px;padding:4px 8px;font:13px system-ui;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #video-keyframes .button {background:var(--ui-nav-hover);color:var(--ui-nav-text);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));box-shadow:none;padding:6px 10px;min-height:32px;font-size:12px;border-radius:4px}
:where(body[data-site-page="index.php"]) #video-keyframes button:focus-visible,
:where(body[data-site-page="index.php"]) #video-keyframes input:focus-visible,
:where(body[data-site-page="index.php"]) #video-keyframes select:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:2px}
:where(body[data-site-page="index.php"]) #kf-scroll {overflow:auto;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px}
:where(body[data-site-page="index.php"]) #kf-timeline {--timeline-zoom:1;position:relative;display:grid;grid-template-columns:210px minmax(420px,1fr);width:calc(100% * var(--timeline-zoom));min-width:680px;background:var(--ui-nav-panel)}
:where(body[data-site-page="index.php"]) .kf-track-label {position:sticky;left:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;height:35px;box-sizing:border-box;padding:0 12px;background:var(--ui-nav-panel);border-right:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) .kf-track-heading {height:34px;background:var(--ui-nav-panel);font-weight:600}
:where(body[data-site-page="index.php"]) .kf-track-label output {color:var(--ui-nav-accent);font:12px monospace}
:where(body[data-site-page="index.php"]) .kf-lane {position:relative;min-width:0;touch-action:none;cursor:crosshair;border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),color-mix(in srgb,var(--ui-nav-text) 3.14%,transparent) calc(10% - 1px),color-mix(in srgb,var(--ui-nav-text) 3.14%,transparent) 10%)}
:where(body[data-site-page="index.php"]) .kf-ruler {height:33px;background:var(--ui-nav-panel);color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) .kf-ruler span {position:absolute;top:4px;border-left:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));height:29px;padding-left:4px;font:10px monospace;pointer-events:none}
:where(body[data-site-page="index.php"]) .kf-ruler span:last-of-type {transform:translateX(-100%);padding-left:0;padding-right:3px}
:where(body[data-site-page="index.php"]) .kf-property-lane {height:34px}
:where(body[data-site-page="index.php"]) .kf-diamond {position:absolute;top:3px;transform:translateX(-50%);border:0;background:transparent;color:var(--ui-nav-muted);font:19px system-ui;padding:0;width:28px;height:28px;cursor:ew-resize;z-index:4;touch-action:none}
:where(body[data-site-page="index.php"]) .kf-diamond[aria-pressed=true] {color:var(--ui-nav-accent);text-shadow:0 0 8px color-mix(in srgb,var(--ui-nav-accent) 33.33%,transparent)}
:where(body[data-site-page="index.php"]) .kf-playhead {position:absolute;top:0;bottom:0;width:1px;background:var(--ui-accent);pointer-events:none;z-index:1}
:where(body[data-site-page="index.php"]) .kf-playhead-top:before {content:'';position:absolute;top:0;left:-5px;width:11px;height:12px;background:var(--ui-accent);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}
:where(body[data-site-page="index.php"]) .kf-inspector {display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) auto;gap:10px;margin-top:12px;align-items:end}
:where(body[data-site-page="index.php"]) .kf-inspector label {display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) .kf-inspector input,
:where(body[data-site-page="index.php"]) .kf-inspector select {width:100%;min-width:0}
:where(body[data-site-page="index.php"]) .kf-hint,
:where(body[data-site-page="index.php"]) #kf-message {font-size:12px;color:var(--ui-nav-muted);margin:10px 0 0}
:where(body[data-site-page="index.php"]) #kf-message:empty {display:none}
@media(max-width:900px) {:where(body[data-site-page="index.php"]) .kf-inspector {grid-template-columns:repeat(4,minmax(0,1fr))}
:where(body[data-site-page="index.php"]) .video-editor-layout {grid-template-columns:minmax(0,1fr) minmax(240px,1fr)}}
@media(max-width:650px) {:where(body[data-site-page="index.php"]) .video-editor-layout {grid-template-columns:1fr}
:where(body[data-site-page="index.php"]) #video-canvas {max-height:45vh;max-width:100%;width:auto}
:where(body[data-site-page="index.php"]) #video-keyframes {padding:12px 8px}
:where(body[data-site-page="index.php"]) .kf-inspector {grid-template-columns:repeat(2,minmax(0,1fr))}
:where(body[data-site-page="index.php"]) .kf-toolbar {gap:10px}
:where(body[data-site-page="index.php"]) #kf-timeline {grid-template-columns:160px minmax(420px,1fr);min-width:600px}}
:where(body[data-site-page="index.php"]) .kf-inspector {grid-template-columns:repeat(3,minmax(0,180px)) auto;justify-content:start}
:where(body[data-site-page="index.php"]) .kf-selected-track {background:var(--ui-nav-panel);color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .kf-track-label[role=button] {cursor:pointer}
@media(max-width:650px) {:where(body[data-site-page="index.php"]) .kf-inspector {grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Compact timeline; retain larger controls on touch screens. */
:where(body[data-site-page="index.php"]) #video-keyframes {margin-top:14px;padding:8px 10px;font-size:12px;line-height:1.3}
:where(body[data-site-page="index.php"]) #video-keyframes legend {padding:2px 8px;font-size:12px}
:where(body[data-site-page="index.php"]) .kf-toolbar {gap:8px;margin-bottom:6px}
:where(body[data-site-page="index.php"]) .kf-toolbar label {gap:5px;font-size:11px}
:where(body[data-site-page="index.php"]) #kf-clock {font-size:16px}
:where(body[data-site-page="index.php"]) #video-keyframes select,
:where(body[data-site-page="index.php"]) #video-keyframes input[type=number] {min-height:26px;padding:2px 6px;font-size:12px}
:where(body[data-site-page="index.php"]) #video-keyframes .button {min-height:26px;padding:3px 8px;font-size:11px}
:where(body[data-site-page="index.php"]) #kf-timeline {grid-template-columns:180px minmax(420px,1fr)}
:where(body[data-site-page="index.php"]) .kf-track-label {height:26px;padding:0 9px;gap:6px}
:where(body[data-site-page="index.php"]) .kf-track-heading {height:26px}
:where(body[data-site-page="index.php"]) .kf-track-label output {font-size:11px}
:where(body[data-site-page="index.php"]) .kf-ruler,
:where(body[data-site-page="index.php"]) .kf-property-lane {height:25px}
:where(body[data-site-page="index.php"]) .kf-ruler span {height:22px;top:3px}
:where(body[data-site-page="index.php"]) .kf-diamond {top:0;width:25px;height:25px;font-size:16px}
:where(body[data-site-page="index.php"]) .kf-inspector {gap:8px;margin-top:8px;grid-template-columns:repeat(3,minmax(0,150px)) auto}
:where(body[data-site-page="index.php"]) .kf-inspector label {gap:3px}
:where(body[data-site-page="index.php"]) .kf-help {margin-top:6px;color:var(--ui-nav-muted);font-size:11px}
:where(body[data-site-page="index.php"]) .kf-help summary {cursor:pointer;width:fit-content}
:where(body[data-site-page="index.php"]) .kf-help .kf-hint {margin-top:6px;font-size:11px}
@media(max-width:650px),(pointer:coarse) {:where(body[data-site-page="index.php"]) #video-keyframes select,
:where(body[data-site-page="index.php"]) #video-keyframes input[type=number],
:where(body[data-site-page="index.php"]) #video-keyframes .button {min-height:34px}
:where(body[data-site-page="index.php"]) .kf-track-label {height:34px}
:where(body[data-site-page="index.php"]) .kf-property-lane {height:33px}
:where(body[data-site-page="index.php"]) .kf-track-heading {height:26px}
:where(body[data-site-page="index.php"]) .kf-diamond {width:33px;height:33px}
:where(body[data-site-page="index.php"]) .kf-inspector {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px) {:where(body[data-site-page="index.php"]) #kf-timeline {grid-template-columns:160px minmax(420px,1fr)}}
:where(body[data-site-page="index.php"]) .layer-panel {margin-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));padding-bottom:8px}
:where(body[data-site-page="index.php"]) .layer-panel summary {cursor:pointer;font-weight:600}
:where(body[data-site-page="index.php"]) .layer-tools {display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
:where(body[data-site-page="index.php"]) .layer-tools label {display:flex;gap:6px;align-items:center}
:where(body[data-site-page="index.php"]) #video-keyframes .layer-panel button,
:where(body[data-site-page="index.php"]) #video-keyframes #layer-name {background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:3px;padding:3px 7px;min-height:26px;font:12px system-ui}
:where(body[data-site-page="index.php"]) .layer-row {display:flex;gap:5px;align-items:center;min-height:28px;border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav))}
:where(body[data-site-page="index.php"]) .layer-row.selected {background:var(--ui-nav-panel)}
:where(body[data-site-page="index.php"]) .layer-title {flex:1;text-align:left}
:where(body[data-site-page="index.php"]) .layer-row input {margin:0 4px}
:where(body[data-site-page="index.php"]) #layer-list {max-height:170px;overflow:auto}
:where(body[data-site-page="index.php"]) #layer-target-name {margin:6px 0;color:var(--ui-nav-accent);font-weight:600}
:where(body[data-site-page="index.php"]) #video-keyframes .layer-panel button[aria-pressed=true] {border-color:var(--ui-nav-accent);color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .layer-panel button:disabled {opacity:.4}
:where(body[data-site-page="index.php"]) .layer-tools input {max-width:180px}
:where(body[data-site-page="index.php"]) #kf-timeline {grid-template-columns:210px minmax(420px,1fr)}
:where(body[data-site-page="index.php"]) .kf-track-label {white-space:nowrap;font-size:11px}
:where(body[data-site-page="index.php"]) .kf-track-label output {flex-shrink:0}
@media(max-width:650px) {:where(body[data-site-page="index.php"]) #kf-timeline {grid-template-columns:190px minmax(420px,1fr)}}
/* Full-screen workspace: layers beside the image, timeline below. */
:where(body[data-site-page="index.php"]) #video-editor[open] {display:grid;grid-template-rows:46px minmax(0,1fr) minmax(220px,42vh);gap:0;position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--ui-nav);color:var(--ui-nav-text);font:12px/1.35 system-ui,sans-serif}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head {margin:0;padding:6px 12px;gap:12px;border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));background:var(--ui-nav-panel);min-width:0}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head h2 {font-size:15px;white-space:nowrap}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head label {display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;margin:0}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head select {background:var(--ui-nav);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));color:var(--ui-nav-text);border-radius:4px;min-height:28px;padding:3px 6px;font:12px system-ui}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head .button {padding:5px 10px;min-height:30px;font:600 12px system-ui;border-radius:4px;white-space:nowrap;box-shadow:none}
:where(body[data-site-page="index.php"]) #video-editor #video-status {flex:1;min-width:0;min-height:0;margin:0;color:var(--ui-nav-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(body[data-site-page="index.php"]) .video-workspace {display:grid;grid-template-columns:260px minmax(0,1fr);min-height:0;overflow:hidden}
:where(body[data-site-page="index.php"]) #video-layer-sidebar {min-width:0;min-height:0;margin:0;padding:10px;border:0;border-right:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));overflow:auto;background:var(--ui-nav-panel)}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-panel {margin:0;border:0;padding:0}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-panel summary {font-size:12px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-tools {gap:5px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-tools label {width:100%;font-size:11px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar #layer-name {min-width:0;max-width:none;width:100%;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #video-layer-sidebar button,
:where(body[data-site-page="index.php"]) #video-layer-sidebar input[type=text],
:where(body[data-site-page="index.php"]) #video-layer-sidebar #layer-name {background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:3px;padding:3px 5px;min-height:26px;font:11px system-ui}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
:where(body[data-site-page="index.php"]) #video-layer-sidebar #layer-list {max-height:none}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .kf-hint {font-size:10px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar button[aria-pressed=true] {color:var(--ui-nav-accent);border-color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .video-stage {display:flex;align-items:stretch;justify-content:center;gap:20px;min-height:0;min-width:0;padding:10px 16px;background:#14171c;overflow:hidden}
:where(body[data-site-page="index.php"]) .video-sketch {position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:0;padding-top:20px;box-sizing:border-box}
:where(body[data-site-page="index.php"]) .video-stage-label {position:absolute;top:0;left:0;font-size:11px;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #video-editor #video-canvas {width:auto;height:100%;max-height:100%;max-width:100%;object-fit:contain;border-radius:0;margin:0}
:where(body[data-site-page="index.php"]) #video-editor #video-keyframes {min-height:0;min-width:0;overflow:auto;margin:0;padding:6px 10px;border:0;border-top:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:0}
:where(body[data-site-page="index.php"]) #video-keyframes legend {display:none}
:where(body[data-site-page="index.php"]) #layer-target-name {margin:0 0 4px;font-size:11px}
:where(body[data-site-page="index.php"]) #video-server-result {display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0;flex:1;gap:6px}
:where(body[data-site-page="index.php"]) #video-server-result h3 {margin:0;font-size:12px}
:where(body[data-site-page="index.php"]) #video-server-player {display:block;min-height:0;flex:1;width:100%;object-fit:contain;background:#08112d}
:where(body[data-site-page="index.php"]) #video-server-download {font-size:12px;padding:5px 10px;border-radius:4px;color:var(--ui-nav-text);background:var(--ui-nav-hover);text-decoration:none}
:where(body[data-site-page="index.php"]) #video-editor .kf-help {margin-top:4px}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor[open] {grid-template-rows:42px minmax(0,1fr) minmax(200px,48vh)}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head {padding:5px 8px;gap:7px}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head h2 {font-size:12px}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head label {font-size:0}
:where(body[data-site-page="index.php"]) #video-editor #video-status {display:none}
:where(body[data-site-page="index.php"]) .video-workspace {grid-template-columns:150px minmax(0,1fr)}
:where(body[data-site-page="index.php"]) #video-layer-sidebar {padding:6px}
:where(body[data-site-page="index.php"]) .video-stage {padding:6px;gap:6px}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head .button {font-size:11px;padding:4px 7px}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head label {margin-left:auto}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-tools button {font-size:10px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-row {gap:2px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-row input {margin:0 2px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-row button {padding:2px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .kf-hint {display:none}}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor[open] {grid-template-rows:62px minmax(0,1fr) minmax(200px,48vh)}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head {position:relative;padding-bottom:23px}
:where(body[data-site-page="index.php"]) #video-editor #video-status {display:block;position:absolute;left:8px;right:8px;bottom:4px;font-size:10px}}
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:46px minmax(0,1fr) minmax(220px,calc(42vh - 78px))}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:62px minmax(0,1fr) minmax(200px,calc(48vh - 102px))}}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-expand {flex:0 0 20px;padding:0;min-width:20px}
:where(body[data-site-page="index.php"]) .layer-expand:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:1px}
/* Layer list below the keyframe editor. */
:where(body[data-site-page="index.php"]) #video-editor[open] {grid-template-rows:46px minmax(0,1fr) minmax(220px,38vh) 140px}
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:46px minmax(0,1fr) minmax(220px,calc(38vh - 78px)) 140px}
:where(body[data-site-page="index.php"]) .video-workspace {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="index.php"]) #video-layer-sidebar {border-right:0;border-top:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));padding:6px 10px;overflow:auto}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-tools {margin:5px 0;flex-wrap:wrap}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-tools label {width:auto}
:where(body[data-site-page="index.php"]) #video-layer-sidebar #layer-name {width:180px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-panel {display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);column-gap:14px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-panel summary {grid-column:1;grid-row:1}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-tools {grid-column:1;grid-row:2}
:where(body[data-site-page="index.php"]) #video-layer-sidebar #layer-list {grid-column:2;grid-row:1/4;max-height:126px;overflow:auto}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .kf-hint {grid-column:1;grid-row:3;margin-top:3px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-panel:not([open]) {display:block}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor[open] {grid-template-rows:62px minmax(0,1fr) minmax(200px,44vh) 125px}
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:62px minmax(0,1fr) minmax(200px,calc(44vh - 102px)) 125px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-panel {grid-template-columns:minmax(125px,35%) minmax(0,1fr);column-gap:8px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar #layer-list {max-height:111px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-tools label {width:100%}
:where(body[data-site-page="index.php"]) #video-layer-sidebar #layer-name {width:100%}}
/* Film sequence sits above the composition's keyframes. */
:where(body[data-site-page="index.php"]) #video-editor[open] {grid-template-rows:46px minmax(100px,1fr) 110px minmax(220px,38vh) 140px}
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:46px minmax(100px,1fr) 110px minmax(220px,calc(38vh - 78px)) 140px}
:where(body[data-site-page="index.php"]) #film-panel {margin:0;padding:5px 10px;min-width:0;overflow:auto;border:0;border-top:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));background:var(--ui-nav-panel);color:var(--ui-nav-text);font:11px system-ui}
:where(body[data-site-page="index.php"]) #film-panel legend {display:none}
:where(body[data-site-page="index.php"]) .film-tools {display:flex;gap:6px;align-items:center;flex-wrap:wrap}
:where(body[data-site-page="index.php"]) #film-panel button,
:where(body[data-site-page="index.php"]) #film-panel input {background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;padding:4px 7px;font:11px system-ui}
:where(body[data-site-page="index.php"]) #film-panel input {width:160px}
:where(body[data-site-page="index.php"]) #film-list {display:flex;gap:5px;overflow:auto;margin:5px 0}
:where(body[data-site-page="index.php"]) .film-clip {display:flex;gap:3px;align-items:center;flex:0 0 auto;border:1px solid #52657e;border-radius:4px;padding:3px;background:#233d5c}
:where(body[data-site-page="index.php"]) .film-clip[aria-current=true] {border-color:#69caff}
:where(body[data-site-page="index.php"]) #film-help {color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #film-duration {margin-left:auto}
:where(body[data-site-page="index.php"]) #film-panel button:disabled {opacity:.45}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor[open] {grid-template-rows:62px minmax(80px,1fr) 130px minmax(200px,44vh) 125px;overflow:auto}
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:62px minmax(80px,1fr) 130px minmax(200px,calc(44vh - 102px)) 125px}}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-drag {cursor:grab;touch-action:none;user-select:none;flex:0 0 26px;font-size:20px;line-height:20px;padding:2px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-drag:active {cursor:grabbing}
:where(body[data-site-page="index.php"]) .layer-row.layer-dragging {opacity:.45}
:where(body[data-site-page="index.php"]) .layer-row.layer-drop-before {box-shadow:inset 0 2px var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .layer-row.layer-drop-after {box-shadow:inset 0 -2px var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-drag:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:-2px}
@media(pointer:coarse) {:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-drag {min-height:34px;flex-basis:34px}}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-title {user-select:none}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-row.selected {background:var(--ui-nav-hover)}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-row.active-layer .layer-title {outline:1px solid var(--ui-nav-accent);outline-offset:-1px}
/* Composition workspace: layers, one preview, effects. */
:where(body[data-site-page="index.php"]) #video-editor[open] {grid-template-rows:46px minmax(180px,1fr) 110px minmax(220px,38vh)}
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:46px minmax(180px,1fr) 110px minmax(220px,calc(38vh - 78px))}
:where(body[data-site-page="index.php"]) #video-editor .video-workspace {grid-template-columns:240px minmax(0,1fr) 210px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar {border-top:0;border-right:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));padding:10px;overflow:hidden}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-panel[open] {display:flex;flex-direction:column;height:100%;min-height:0}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-tools label {width:100%}
:where(body[data-site-page="index.php"]) #video-layer-sidebar #layer-name {width:100%}
:where(body[data-site-page="index.php"]) #video-layer-sidebar #layer-list {flex:1;min-height:0;max-height:none;overflow:auto}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .kf-hint {flex-shrink:0}
:where(body[data-site-page="index.php"]) #video-effects {min-width:0;margin:0;border:0;border-left:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));padding:10px;background:var(--ui-nav-panel);overflow:auto;color:var(--ui-nav-text);font:12px system-ui}
:where(body[data-site-page="index.php"]) #video-effects summary {font-weight:600;cursor:pointer}
:where(body[data-site-page="index.php"]) #effect-target {color:var(--ui-nav-accent);font-size:11px;overflow-wrap:anywhere}
:where(body[data-site-page="index.php"]) #video-effects label {display:flex;flex-direction:column;gap:5px;font-size:11px}
:where(body[data-site-page="index.php"]) #video-effects select,
:where(body[data-site-page="index.php"]) #video-effects button {background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;padding:7px;font:12px system-ui}
:where(body[data-site-page="index.php"]) .effect-presets {display:grid;gap:6px;margin:10px 0}
:where(body[data-site-page="index.php"]) .effect-presets button {text-align:left}
:where(body[data-site-page="index.php"]) .effect-presets span {display:block;font-size:10px;color:var(--ui-nav-muted);margin-top:3px}
:where(body[data-site-page="index.php"]) #video-effects button:hover {border-color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #video-effects button:disabled {opacity:.4}
:where(body[data-site-page="index.php"]) #video-effects .kf-hint {font-size:10px;line-height:1.5;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #video-editor #video-server-result {display:block;flex:0 0 auto}
:where(body[data-site-page="index.php"]) #video-editor #video-server-download {white-space:nowrap;font-size:11px}
@media(max-width:900px) {:where(body[data-site-page="index.php"]) #video-editor .video-workspace {grid-template-columns:190px minmax(0,1fr) 170px}}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor[open] {grid-template-rows:92px minmax(260px,1fr) 130px minmax(200px,44vh)}
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:92px minmax(260px,1fr) 130px minmax(200px,calc(44vh - 102px))}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head {flex-wrap:wrap}
:where(body[data-site-page="index.php"]) #video-editor .video-workspace {grid-template-columns:135px minmax(0,1fr);grid-template-rows:minmax(190px,1fr) auto;overflow:auto}
:where(body[data-site-page="index.php"]) #video-layer-sidebar {padding:6px}
:where(body[data-site-page="index.php"]) #video-effects {grid-column:1/-1;border-left:0;border-top:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));max-height:150px;padding:6px}
:where(body[data-site-page="index.php"]) .effect-presets {grid-template-columns:repeat(3,minmax(0,1fr))}
:where(body[data-site-page="index.php"]) #video-effects label {flex-direction:row;align-items:center}
:where(body[data-site-page="index.php"]) #video-effects .kf-hint {display:none}
:where(body[data-site-page="index.php"]) #effect-target {margin:4px 0}}
:where(body[data-site-page="index.php"]) #video-layer-sidebar {overflow:auto}
:where(body[data-site-page="index.php"]) #video-layer-sidebar #layer-list {max-height:calc(100% - 185px);min-height:60px}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor .video-workspace {grid-template-rows:minmax(190px,1fr) 150px}
:where(body[data-site-page="index.php"]) #video-effects {min-height:0;box-sizing:border-box}}
:where(body[data-site-page="index.php"]) .film-sound {display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:5px 0}
:where(body[data-site-page="index.php"]) .film-sound label {display:flex;align-items:center;gap:4px}
:where(body[data-site-page="index.php"]) #film-panel #film-sound-volume {width:85px;min-height:20px;padding:0}
:where(body[data-site-page="index.php"]) #film-panel #film-sound-loop {width:auto}
:where(body[data-site-page="index.php"]) #film-sound-name {max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(body[data-site-page="index.php"]) #film-panel #film-sound-fade-in,
:where(body[data-site-page="index.php"]) #film-panel #film-sound-fade-out {width:58px;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #video-trim {min-width:0;padding:7px;margin:10px 0;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav))}
:where(body[data-site-page="index.php"]) #video-trim input {width:100%;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #video-trim button {margin:4px 0;width:100%}
:where(body[data-site-page="index.php"]) #video-trim small {display:block;color:var(--ui-nav-muted);font-size:10px}
/* Film timeline: upper track is composited last. */
:where(body[data-site-page="index.php"]) #video-editor[open],
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:46px minmax(160px,1fr) 230px minmax(190px,30vh)}
:where(body[data-site-page="index.php"]) #film-list {display:block;overflow:auto;height:132px;min-height:132px;touch-action:none}
:where(body[data-site-page="index.php"]) .film-board {position:relative;height:126px;background:var(--ui-nav-panel)}
:where(body[data-site-page="index.php"]) .film-ruler {height:24px;position:relative;cursor:crosshair}
:where(body[data-site-page="index.php"]) .film-ruler span {position:absolute;border-left:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));font:10px monospace;height:24px;padding-left:3px}
:where(body[data-site-page="index.php"]) .film-lane {height:34px;border-top:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));box-sizing:border-box;font-size:10px;color:var(--ui-nav-muted);background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,color-mix(in srgb,var(--ui-nav-text) 3.14%,transparent) 39px,color-mix(in srgb,var(--ui-nav-text) 3.14%,transparent) 40px)}
:where(body[data-site-page="index.php"]) #film-list .film-clip {position:absolute;height:30px;box-sizing:border-box;margin:2px 0;padding:0;display:flex;overflow:hidden;background:#284966;border:1px solid #6496bb;border-radius:4px;cursor:grab;user-select:none;min-width:4px;touch-action:none}
:where(body[data-site-page="index.php"]) .film-name {overflow:hidden;white-space:nowrap;flex:1;font-size:11px;padding:5px 2px}
:where(body[data-site-page="index.php"]) .film-in,
:where(body[data-site-page="index.php"]) .film-out {width:9px;flex-shrink:0;background:#83bcdb44;cursor:ew-resize;align-content:center}
:where(body[data-site-page="index.php"]) .film-out {order:3}
:where(body[data-site-page="index.php"]) #film-list .film-clip button {padding:0 3px;min-height:0;font-size:12px;border:0;background:transparent}
:where(body[data-site-page="index.php"]) #film-playhead {position:absolute;top:0;bottom:0;border-left:1px solid var(--ui-nav-accent);pointer-events:none;z-index:5}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor[open],
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:92px minmax(200px,1fr) 240px minmax(190px,30vh)}}
/* One composition per layer, with a fixed name column. */
:where(body[data-site-page="index.php"]) #film-list {height:150px;min-height:150px}
:where(body[data-site-page="index.php"]) #video-editor[open],
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:46px minmax(160px,1fr) 250px minmax(190px,30vh)}
:where(body[data-site-page="index.php"]) .film-layer-heading,
:where(body[data-site-page="index.php"]) .film-layer-label {position:absolute;left:var(--film-scroll,0px);width:220px;box-sizing:border-box;background:var(--ui-nav-panel);border-right:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));z-index:8}
:where(body[data-site-page="index.php"]) .film-layer-heading {top:0;height:24px;font-size:10px;padding:5px 8px}
:where(body[data-site-page="index.php"]) .film-layer-label {height:34px;display:flex;align-items:center;padding:2px 5px}
:where(body[data-site-page="index.php"]) .film-layer-label[aria-current=true] {background:var(--ui-nav-hover)}
:where(body[data-site-page="index.php"]) #film-panel .film-layer-label button {border:0;background:transparent;min-width:24px;cursor:grab;padding:3px;touch-action:none}
:where(body[data-site-page="index.php"]) #film-panel .film-layer-title {flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
:where(body[data-site-page="index.php"]) .film-lane {margin-left:220px}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor[open],
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:92px minmax(200px,1fr) 265px minmax(190px,30vh)}}
:where(body[data-site-page="index.php"]) .clip-fades {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0;font-size:11px}
:where(body[data-site-page="index.php"]) .clip-fades label {display:flex;gap:4px;align-items:center}
:where(body[data-site-page="index.php"]) #film-panel .clip-fades input {width:52px}
:where(body[data-site-page="index.php"]) .clip-fades span {color:var(--ui-nav-muted);font-size:10px}
:where(body[data-site-page="index.php"]) #film-list .film-clip {background:linear-gradient(to right,#ffffff55,transparent) left/var(--fade-in,0px) 100% no-repeat,linear-gradient(to left,#ffffff55,transparent) right/var(--fade-out,0px) 100% no-repeat,#284966}
:where(body[data-site-page="index.php"]) #video-editor[open],
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:46px minmax(140px,1fr) 285px minmax(190px,28vh)}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor[open],
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:92px minmax(200px,1fr) 310px minmax(190px,28vh)}}
:where(body[data-site-page="index.php"]) #film-playhead,
:where(body[data-site-page="index.php"]) .kf-playhead {width:14px;margin-left:-7px;border:0;background:linear-gradient(90deg,transparent 6px,var(--ui-accent) 6px,var(--ui-accent) 8px,transparent 8px);pointer-events:auto;cursor:ew-resize;touch-action:none;z-index:6}
:where(body[data-site-page="index.php"]) #film-playhead::before,
:where(body[data-site-page="index.php"]) .kf-playhead-top::before {content:"";position:absolute;top:0;left:1px;width:12px;height:12px;background:var(--ui-accent);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}
:where(body[data-site-page="index.php"]) .film-audio-clip {position:absolute;height:30px;box-sizing:border-box;background:#183e35;border:1px solid #54b58a;border-radius:4px;cursor:grab;touch-action:none;overflow:hidden}
:where(body[data-site-page="index.php"]) .film-audio-clip canvas {width:100%;height:30px;pointer-events:none}
:where(body[data-site-page="index.php"]) .film-audio-clip span {position:absolute;top:0;bottom:0;width:10px;background:#ffffff22;cursor:ew-resize;color:#a4efd4}
:where(body[data-site-page="index.php"]) .audio-in {left:0}
:where(body[data-site-page="index.php"]) .audio-out {right:0}
:where(body[data-site-page="index.php"]) .kf-track-label output[data-property] {cursor:ns-resize;touch-action:none;user-select:none;padding:4px 2px;border-radius:3px}
:where(body[data-site-page="index.php"]) .kf-track-label output[data-property]:hover {background:color-mix(in srgb,var(--ui-accent) 13.33%,transparent);color:var(--ui-on-accent)}
:where(body[data-site-page="index.php"]) #film-library {border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));padding-bottom:8px;margin-bottom:10px}
:where(body[data-site-page="index.php"]) .library-tools {display:flex;gap:3px;flex-wrap:wrap;margin:6px 0}
:where(body[data-site-page="index.php"]) #film-library-list {max-height:260px;overflow:auto;display:grid;gap:6px}
:where(body[data-site-page="index.php"]) .media-card {display:grid;grid-template-columns:40px 1fr;gap:4px;align-items:center;background:var(--ui-nav-panel);padding:5px;border-radius:4px}
:where(body[data-site-page="index.php"]) .media-card canvas {width:36px;height:45px;grid-row:span 3}
:where(body[data-site-page="index.php"]) .media-card span {font-size:10px;overflow-wrap:anywhere}
:where(body[data-site-page="index.php"]) #video-effects .media-card button {font-size:10px;padding:3px;min-height:24px}
:where(body[data-site-page="index.php"]) #film-library small {font-size:10px;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) .film-lane {background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--film-second) - 1px),color-mix(in srgb,var(--ui-nav-text) 3.14%,transparent) calc(var(--film-second) - 1px),color-mix(in srgb,var(--ui-nav-text) 3.14%,transparent) var(--film-second))}
:where(body[data-site-page="index.php"]) .film-ruler .film-end-time {transform:translateX(-100%);background:var(--ui-nav-panel);padding-left:4px}
:where(body[data-site-page="index.php"]) .film-clip-thumb {width:24px;height:28px;object-fit:contain;flex:0 0 24px;pointer-events:none;border-radius:2px;margin-right:3px}
:where(body[data-site-page="index.php"]) #film-list .film-clip.film-drop-target {outline:2px solid #81deff;outline-offset:-2px;background-color:#386883}
:where(body[data-site-page="index.php"]) #video-keyframes input.kf-inline-value {background:var(--ui-nav);color-scheme:dark;caret-color:var(--ui-nav-accent);width:82px;min-height:22px;height:24px;padding:1px 4px;font:12px monospace;text-align:right;color:var(--ui-nav-accent);border:1px solid var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #video-keyframes input.kf-inline-value[aria-invalid=true] {border-color:#ff8e8e}
:where(body[data-site-page="index.php"]) #film-list .film-clip.film-drop-target {outline:2px dashed #9ce9ff;background:#28647c}
:where(body[data-site-page="index.php"]) #film-list .film-clip.film-drop-target::after {content:attr(data-drop-hint);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#194f67ed;color:#fff;font:600 11px system-ui;pointer-events:none;z-index:3}
:where(body[data-site-page="index.php"]) .media-card[draggable=true] {cursor:grab}
:where(body[data-site-page="index.php"]) .media-card[draggable=true]:active {cursor:grabbing}
:where(body[data-site-page="index.php"]) #film-list .film-clip[aria-current=true] {border:2px solid #ffd166;box-shadow:inset 0 0 0 1px #ffd16655;background-color:#3d5976}
:where(body[data-site-page="index.php"]) .film-layer-label[aria-current=true] {box-shadow:inset 4px 0 #ffd166;background:var(--ui-nav-hover);color:var(--ui-nav-text);font-weight:700}
:where(body[data-site-page="index.php"]) #clip-selection {display:flex;align-items:center;gap:12px;min-height:28px;font-size:11px;color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #clip-selection strong {color:#ffd166;max-width:30%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
:where(body[data-site-page="index.php"]) .clip-source-range {position:relative;flex:1;min-width:90px;height:12px;background:repeating-linear-gradient(135deg,#35404e 0,#35404e 4px,#465161 4px,#465161 8px);border-radius:3px;overflow:hidden}
:where(body[data-site-page="index.php"]) .clip-source-range div {position:absolute;height:100%;background:#67c8ff;border-left:2px solid #e2f5ff;border-right:2px solid #e2f5ff;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #film-list .clip-fade-handle {display:none;position:absolute;top:-1px;transform:translateX(-50%);width:16px;height:14px;min-height:0;line-height:12px;padding:0!important;background:#ffd166!important;color:#172535!important;border-radius:2px;z-index:7;cursor:ew-resize;touch-action:none;font-size:13px!important}
:where(body[data-site-page="index.php"]) #film-list .film-clip[aria-current=true] .clip-fade-handle {display:block}
:where(body[data-site-page="index.php"]) #video-editor[open],
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:46px minmax(140px,1fr) 315px minmax(190px,26vh)}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #clip-selection {flex-wrap:wrap;gap:4px}
:where(body[data-site-page="index.php"]) #clip-selection strong {max-width:100%}
:where(body[data-site-page="index.php"]) #video-editor[open],
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:92px minmax(200px,1fr) 350px minmax(190px,26vh)}}
:where(body[data-site-page="index.php"]) #video-keyframes input.kf-inline-value::selection {background:var(--ui-nav-hover);color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .kf-source-range {position:absolute;left:0;right:0;bottom:0;height:6px;background:repeating-linear-gradient(135deg,#272e38 0,#272e38 4px,#515b68 4px,#515b68 8px);pointer-events:none;z-index:2}
:where(body[data-site-page="index.php"]) .kf-source-range>div {position:absolute;height:100%;background:var(--ui-accent);box-shadow:inset 2px 0 #ffd166,inset -2px 0 #ffd166;pointer-events:none}
:where(body[data-site-page="index.php"]) #video-editor #video-canvas {touch-action:none}
:where(body[data-site-page="index.php"]) .film-loop-tools {display:flex;align-items:center;gap:12px;font-size:11px;flex-wrap:wrap}
:where(body[data-site-page="index.php"]) .film-loop-tools input[type=number] {width:64px}
:where(body[data-site-page="index.php"]) .film-loop-ghost {position:absolute;box-sizing:border-box;height:30px;padding:5px 6px 5px 16px;background:linear-gradient(90deg,#28496644,#36768d);border:1px dashed #68caff;border-radius:4px;color:#c5edff;white-space:nowrap;overflow:hidden;font-size:11px;cursor:pointer}
:where(body[data-site-page="index.php"]) .film-loop-handle {position:absolute;left:0;top:0;bottom:0;width:12px;background:color-mix(in srgb,var(--ui-accent) 33.33%,transparent);cursor:ew-resize;touch-action:none}
/* Mark the full loop overlap across clips and audio without intercepting edits. */
:where(body[data-site-page="index.php"]) .film-loop-region {position:absolute;top:0;bottom:0;box-sizing:border-box;z-index:5;pointer-events:none;border-left:2px solid #ffd166;border-right:2px solid #ffd166;background:repeating-linear-gradient(135deg,#ffd16618 0,#ffd16618 5px,#ffd16638 5px,#ffd16638 7px)}
:where(body[data-site-page="index.php"]) .film-loop-region-caption {position:absolute;right:0;top:0;height:20px;box-sizing:border-box;padding:2px 5px;background:#594720;color:#ffe4a0;border-radius:0 0 0 3px;font-size:11px;line-height:16px;white-space:nowrap;pointer-events:none}
:where(body[data-site-page="index.php"]) #film-list .audio-fade-handle {position:absolute;top:0;transform:translateX(-50%);width:14px;height:13px;min-height:0;line-height:12px;padding:0!important;background:#ffd166!important;color:#172535!important;border:0;border-radius:2px;z-index:7;cursor:ew-resize;touch-action:none;font-size:12px!important}
:where(body[data-site-page="index.php"]) #film-list .audio-fade-handle:focus-visible {outline:2px solid #fff;outline-offset:-2px}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-tools label {display:inline-flex;flex-direction:row;align-items:center;gap:5px;margin:0;white-space:nowrap}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-tools input[type=checkbox] {width:14px;height:14px;margin:0}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-tools input[type=number] {width:64px;margin:0}
:where(body[data-site-page="index.php"]) #film-previous-drafts:not([hidden]) {display:flex;align-items:center;gap:8px;font-size:12px;padding:6px;background:var(--ui-nav-hover)}
:where(body[data-site-page="index.php"]) #film-previous-drafts label {display:flex;align-items:center;gap:8px;min-width:0}
:where(body[data-site-page="index.php"]) #film-previous-select {max-width:450px}
:where(body[data-site-page="index.php"]) #film-list {scrollbar-color:var(--ui-nav-hover) var(--ui-nav)}
:where(body[data-site-page="index.php"]) #video-editor {color-scheme:dark}
:where(body[data-site-page="index.php"]) #solid-controls:not([hidden]) {display:grid;gap:6px;padding:8px;border-top:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav))}
:where(body[data-site-page="index.php"]) #solid-controls label:not([hidden]) {display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px}
:where(body[data-site-page="index.php"]) #solid-controls select {max-width:140px}
:where(body[data-site-page="index.php"]) #solid-controls input[type=color] {width:62px;height:28px;padding:1px}
:where(body[data-site-page="index.php"]) #solid-controls input[type=number] {width:70px}
:where(body[data-site-page="index.php"]) #solid-controls small {color:var(--ui-nav-muted);font-size:10px}
:where(body[data-site-page="index.php"]) #film-panel .clip-fades,
:where(body[data-site-page="index.php"]) #film-panel .film-sound,
:where(body[data-site-page="index.php"]) #film-panel #film-help {display:none}
:where(body[data-site-page="index.php"]) #film-panel {display:flex;flex-direction:column}
:where(body[data-site-page="index.php"]) #film-panel>.film-tools,
:where(body[data-site-page="index.php"]) #film-panel>.film-loop-tools,
:where(body[data-site-page="index.php"]) #film-previous-drafts {flex-shrink:0}
:where(body[data-site-page="index.php"]) #film-panel #film-list {flex:1;min-height:60px;height:auto}
/* Left-aligned preview with the remaining workspace reserved for media/effects. */
@media(min-width:1100px) {:where(body[data-site-page="index.php"]) #video-editor .video-workspace {grid-template-columns:300px minmax(0,var(--preview-width,340px)) minmax(280px,1fr)}}
@media(min-width:701px) and (max-width:1099px) {:where(body[data-site-page="index.php"]) #video-editor .video-workspace {grid-template-columns:230px minmax(0,1fr) 260px}}
:where(body[data-site-page="index.php"]) #video-effects {display:flex;flex-direction:column;overflow:hidden;padding:0;min-height:0}
:where(body[data-site-page="index.php"]) #video-effects .workspace-tabs {display:flex;gap:4px;padding:8px;border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));flex-shrink:0}
:where(body[data-site-page="index.php"]) #video-effects .workspace-tabs button {padding:7px 16px;background:transparent;border:1px solid transparent;font-weight:600;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #video-effects .workspace-tabs button[aria-selected=true] {background:var(--ui-nav-panel);border-color:var(--ui-nav-accent);color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #video-effects .workspace-tabs button:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:1px}
:where(body[data-site-page="index.php"]) #video-effects>details[role=tabpanel]:not([hidden]) {display:block;overflow:auto;min-height:0;flex:1;padding:12px;margin:0;border:0}
:where(body[data-site-page="index.php"]) #video-effects>details[role=tabpanel]>summary {display:none}
:where(body[data-site-page="index.php"]) #film-library-list {max-height:none;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));align-content:start}
:where(body[data-site-page="index.php"]) #video-effects .media-card {grid-template-columns:64px minmax(0,1fr);padding:8px;gap:6px}
:where(body[data-site-page="index.php"]) #video-effects .media-card canvas {width:60px;height:75px;object-fit:contain}
:where(body[data-site-page="index.php"]) #video-effects .media-card span {font-size:11px}
:where(body[data-site-page="index.php"]) #video-effects .effect-presets {grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
:where(body[data-site-page="index.php"]) #video-effects .library-tools {margin-top:0;margin-bottom:12px;gap:6px}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-effects>details[role=tabpanel]:not([hidden]) {padding:6px}
:where(body[data-site-page="index.php"]) #video-effects .workspace-tabs {padding:4px}
:where(body[data-site-page="index.php"]) #video-effects .workspace-tabs button {padding:4px 10px}}
:where(body[data-site-page="index.php"]) #video-layer-sidebar {overflow:hidden;padding-bottom:0;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .kf-hint {display:none}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-panel[open] {height:100%;min-height:0;display:flex;flex-direction:column}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-panel[open]::details-content {display:flex;flex-direction:column;flex:1;min-height:0}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-panel>summary,
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-tools {flex-shrink:0}
:where(body[data-site-page="index.php"]) #video-layer-sidebar #layer-list {flex:1 1 0;min-height:0;max-height:none;overflow:auto;padding-bottom:4px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar #solid-controls:not([hidden]) {flex-shrink:0;max-height:55%;overflow:auto}
:where(body[data-site-page="index.php"]) .beat-tools {display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0;margin:3px 0;font-size:11px}
:where(body[data-site-page="index.php"]) #film-panel .beat-tools label {display:flex;align-items:center;gap:4px;margin:0}
:where(body[data-site-page="index.php"]) #film-panel .beat-tools input[type=number] {width:68px}
:where(body[data-site-page="index.php"]) #film-panel .beat-tools input[type=checkbox] {width:14px;margin:0}
:where(body[data-site-page="index.php"]) .beat-tools small {color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) .film-beat {position:absolute;top:22px;bottom:0;width:1px;background:#b398ff55;pointer-events:none;z-index:3}
:where(body[data-site-page="index.php"]) .film-beat:before {content:'';position:absolute;top:0;left:-2px;width:5px;height:5px;background:#c3afff;border-radius:50%}
/* Loop controls belong to the timeline ruler. */
:where(body[data-site-page="index.php"]) #film-panel .film-loop-toggle {position:sticky;left:0;top:0;z-index:9;display:block;width:212px;height:23px;min-height:0;margin:0;padding:1px 8px;border-radius:3px;font-size:11px;text-align:left;background:var(--ui-nav-panel);color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-toggle[aria-pressed="true"] {background:#594720;color:#ffe4a0;border-color:#ffd166}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-edge {position:absolute;top:0;width:14px;height:24px;min-height:0;padding:0;margin:0;z-index:8;pointer-events:auto;touch-action:none;cursor:ew-resize;color:#ffe4a0;background:#594720;border:1px solid #ffd166;border-radius:2px;line-height:20px;font-size:14px}
:where(body[data-site-page="index.php"]) #film-panel .loop-edge-start {right:-7px}
:where(body[data-site-page="index.php"]) #film-panel .loop-edge-end {left:-7px}
:where(body[data-site-page="index.php"]) #film-panel button.film-loop-handle {padding:0;min-height:0;height:30px;margin:0;border:0;border-radius:0;font-size:12px}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-edge:focus-visible,
:where(body[data-site-page="index.php"]) #film-panel .film-loop-toggle:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:1px}
/* Dragging editor controls must not select interface labels. */
:where(body[data-site-page="index.php"]) #video-editor,
:where(body[data-site-page="index.php"]) #video-editor * {-webkit-user-select: none;
    user-select: none;}
:where(body[data-site-page="index.php"]) #video-editor input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="image"]),
:where(body[data-site-page="index.php"]) #video-editor textarea,
:where(body[data-site-page="index.php"]) #video-editor [contenteditable="true"],
:where(body[data-site-page="index.php"]) #video-editor [contenteditable="true"] *,
:where(body[data-site-page="index.php"]) #video-editor [contenteditable="plaintext-only"] {-webkit-user-select: text;
    user-select: text;}
:where(body[data-site-page="index.php"]) #video-editor .film-tools[hidden],
:where(body[data-site-page="index.php"]) #video-editor #video-export[hidden] {display:none}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head #film-duration {font-size:11px;white-space:nowrap}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-keyframe-badge {display:inline-block;margin-left:6px;color:var(--ui-nav-accent);font-size:12px;line-height:1;vertical-align:middle;flex-shrink:0}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-keyframe-badge.is-disabled {color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #video-preview-timecode {font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--ui-nav-accent);letter-spacing:.04em}
:where(body[data-site-page="index.php"]) .film-beat.film-beat-subdivision {opacity:.2;border:0}
:where(body[data-site-page="index.php"]) .film-beat.film-beat-subdivision::before {display:none}
:where(body[data-site-page="index.php"]) #beat-subdivision {max-width:160px;font-size:11px}
/* Size the film timeline from its tracks instead of reserving an empty panel. */
:where(body[data-site-page="index.php"]) #video-editor[open],
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:46px minmax(140px,1fr) auto minmax(190px,26vh)}
:where(body[data-site-page="index.php"]) #video-editor #film-panel {min-height:0;max-height:36vh;box-sizing:border-box;padding:4px 10px;overflow:auto}
:where(body[data-site-page="index.php"]) #film-panel #film-list {flex:0 0 auto;min-height:24px;height:auto;margin:3px 0 0}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor[open],
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:92px minmax(200px,1fr) auto minmax(190px,26vh)}}
:where(body[data-site-page="index.php"]) #video-editor #layer-target-name,
:where(body[data-site-page="index.php"]) #video-editor #video-play,
:where(body[data-site-page="index.php"]) #video-editor #video-restart,
:where(body[data-site-page="index.php"]) #video-editor .kf-toggle,
:where(body[data-site-page="index.php"]) #video-editor #kf-clock,
:where(body[data-site-page="index.php"]) #video-editor .kf-legacy-add {display:none}
:where(body[data-site-page="index.php"]) #video-editor button.keyframe-add-icon {flex:0 0 24px;width:24px;height:24px;min-height:24px;margin:0 0 0 4px;padding:3px;border:0;background:transparent;color:var(--ui-nav-accent);line-height:1;cursor:pointer}
:where(body[data-site-page="index.php"]) #video-editor button.keyframe-add-icon svg {display:block;width:18px;height:18px}
:where(body[data-site-page="index.php"]) #video-editor button.keyframe-add-icon:hover {color:var(--ui-on-accent);background:color-mix(in srgb,var(--ui-accent) 13.33%,transparent)}
:where(body[data-site-page="index.php"]) #video-editor button.keyframe-add-icon:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:-2px}
:where(body[data-site-page="index.php"]) .film-after-end {position:absolute;top:24px;bottom:0;background:#080b1280;pointer-events:none;z-index:6}
:where(body[data-site-page="index.php"]) .film-end-boundary {position:absolute;top:0;bottom:0;border-left:2px solid #ffab70;pointer-events:none;z-index:8}
:where(body[data-site-page="index.php"]) #film-panel .film-end-handle {position:absolute;top:0;right:0;transform:translateY(-1px);height:23px;min-height:23px;padding:1px 5px;border-color:#ffab70;background:#623c24;color:#ffe1ca;font-size:10px;cursor:ew-resize;touch-action:none;pointer-events:auto}
:where(body[data-site-page="index.php"]) #film-list .film-audio-clip[aria-pressed="true"] {border:2px solid #ffd166;box-shadow:inset 0 0 0 1px #ffd16655;background:#285344}
:where(body[data-site-page="index.php"]) #film-list .film-audio-clip:not([aria-pressed="true"]) .audio-fade-handle,
:where(body[data-site-page="index.php"]) #film-list .film-audio-clip:not([aria-pressed="true"]) .audio-in,
:where(body[data-site-page="index.php"]) #film-list .film-audio-clip:not([aria-pressed="true"]) .audio-out {display:none}
:where(body[data-site-page="index.php"]) #film-list .film-audio-label {cursor:pointer}
:where(body[data-site-page="index.php"]) #film-list .film-audio-clip:focus-visible,
:where(body[data-site-page="index.php"]) #film-list .film-audio-label:focus-visible {outline:2px solid #68caff;outline-offset:-2px}
:where(body[data-site-page="index.php"]) #film-list .audio-envelope {position:absolute;inset:0;width:100%;height:32px;overflow:visible;pointer-events:none;z-index:5}
:where(body[data-site-page="index.php"]) #film-list .audio-envelope polyline {fill:none;stroke:#ffe18a;stroke-width:1.5;opacity:.6}
:where(body[data-site-page="index.php"]) #film-list .film-audio-clip[aria-pressed="true"] .audio-envelope polyline {opacity:1;stroke-width:2}
:where(body[data-site-page="index.php"]) #film-list .audio-envelope circle {fill:#ffe18a;stroke:#242930;stroke-width:1.5;pointer-events:all;cursor:move;touch-action:none}
:where(body[data-site-page="index.php"]) #film-list .audio-envelope circle:focus {stroke:#fff;stroke-width:2;outline:none}
/* Shared dropdown appearance throughout the video editor. */
:where(body[data-site-page="index.php"]) #video-editor[open] select {box-sizing:border-box;min-height:26px;padding:2px 6px;background:var(--ui-nav);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;font:12px system-ui;box-shadow:none;color-scheme:dark}
:where(body[data-site-page="index.php"]) #video-editor[open] select:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:2px}
:where(body[data-site-page="index.php"]) #video-editor[open] select option {background:var(--ui-nav);color:var(--ui-nav-accent)}
@media(max-width:650px),(pointer:coarse) {:where(body[data-site-page="index.php"]) #video-editor[open] select {min-height:34px}}
:where(body[data-site-page="index.php"]) #film-list .film-audio-clip canvas,
:where(body[data-site-page="index.php"]) #film-list .audio-envelope {height:100%}
:where(body[data-site-page="index.php"]) #film-list .film-clip .film-name {display:flex;align-items:center}
:where(body[data-site-page="index.php"]) #video-editor #video-keyframes.audio-graph-mode {overflow:hidden}
:where(body[data-site-page="index.php"]) #video-keyframes.audio-graph-mode > :not(#audio-volume-editor):not(#kf-panel-toggle):not(.beat-tools) {display:none!important}
:where(body[data-site-page="index.php"]) #audio-volume-editor {height:100%;min-height:140px;display:flex;flex-direction:column;gap:12px;padding:3px 14px 5px;box-sizing:border-box}
:where(body[data-site-page="index.php"]) .audio-graph-title {color:var(--ui-nav-accent);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(body[data-site-page="index.php"]) .audio-graph-area {position:relative;flex:1;min-height:80px;margin-left:48px;margin-right:12px}
:where(body[data-site-page="index.php"]) .audio-graph-level {position:absolute;right:calc(100% + 10px);transform:translateY(-50%);font-size:11px;color:var(--ui-nav-muted);white-space:nowrap}
:where(body[data-site-page="index.php"]) .audio-volume-graph {position:absolute;inset:0;background-color:#191f25;background-image:linear-gradient(#ffffff16 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:100% 25%,12.5% 100%;border:1px solid #46505a;touch-action:none}
:where(body[data-site-page="index.php"]) .audio-volume-graph .audio-envelope {position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
:where(body[data-site-page="index.php"]) .audio-volume-graph polyline {fill:none;stroke:#ffe18a;stroke-width:2}
:where(body[data-site-page="index.php"]) .audio-volume-graph circle {fill:#ffe18a;stroke:#242930;stroke-width:1.5;pointer-events:all;cursor:move;touch-action:none}
:where(body[data-site-page="index.php"]) .audio-volume-graph circle:focus {stroke:#fff;stroke-width:2;outline:none}
:where(body[data-site-page="index.php"]) .audio-graph-ruler {position:relative;height:16px;margin-left:48px;margin-right:12px;color:var(--ui-nav-muted);font-size:11px}
:where(body[data-site-page="index.php"]) .audio-graph-ruler span {position:absolute;transform:translateX(-50%);white-space:nowrap}
:where(body[data-site-page="index.php"]) .audio-volume-graph .beat-offset-handle {position:absolute;top:16px;transform:translateX(-50%);width:16px;height:16px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;z-index:12;cursor:ew-resize;touch-action:none}
:where(body[data-site-page="index.php"]) .audio-volume-graph .beat-offset-handle::after {content:"";position:absolute;width:6px;height:6px;left:5px;top:5px;background:#c3afff;border-radius:50%}
:where(body[data-site-page="index.php"]) .audio-volume-graph .beat-offset-handle:hover::after,
:where(body[data-site-page="index.php"]) .audio-volume-graph .beat-offset-handle.dragging::after {background:#eee5ff;box-shadow:0 0 0 3px #b398ff55}
:where(body[data-site-page="index.php"]) .audio-volume-graph .beat-offset-handle:focus-visible {outline:2px solid #c3afff;outline-offset:0}
:where(body[data-site-page="index.php"]) #audio-volume-editor {padding-left:0;padding-right:0;overflow:hidden}
:where(body[data-site-page="index.php"]) .audio-graph-area {margin-right:0;flex-shrink:0;background-image:linear-gradient(color-mix(in srgb,var(--ui-nav-text) 8.63%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ui-nav-text) 6.27%,transparent) 1px,transparent 1px)}
:where(body[data-site-page="index.php"]) .audio-volume-graph {box-sizing:border-box;border:0;background:#202d3838;box-shadow:inset 0 0 0 1px #46505a}
:where(body[data-site-page="index.php"]) .audio-graph-ruler {margin-right:0;flex-shrink:0}
:where(body[data-site-page="index.php"]) #film-list .audio-envelope circle.selected,
:where(body[data-site-page="index.php"]) .audio-volume-graph circle.selected {stroke:#fff;stroke-width:3;fill:#ffe18a;r:5px}
:where(body[data-site-page="index.php"]) .audio-volume-graph .beat-offset-handle.beat-locked::after,
:where(body[data-site-page="index.php"]) .film-beat.beat-locked::before {background:#fff;box-shadow:0 0 0 3px #ad83ff;border-radius:2px}
:where(body[data-site-page="index.php"]) .film-beat.beat-locked {background:#c3afffaa}
:where(body[data-site-page="index.php"]) .audio-volume-graph .beat-offset-handle.beat-locked {cursor:pointer}
:where(body[data-site-page="index.php"]) .audio-graph-wave {position:absolute;inset:0;width:100%;height:100%;opacity:.2;pointer-events:none}
:where(body[data-site-page="index.php"]) .film-zoom-tools {display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:11px;margin:2px 0}
:where(body[data-site-page="index.php"]) #film-panel .film-zoom-tools button {min-height:24px;padding:2px 7px}
:where(body[data-site-page="index.php"]) #film-zoom-value {min-width:44px;text-align:center;color:var(--ui-nav-accent);font-variant-numeric:tabular-nums}
:where(body[data-site-page="index.php"]) #kf-timeline {grid-template-columns:270px minmax(420px,1fr)}
:where(body[data-site-page="index.php"]) .kf-navigation {display:flex;align-items:center;gap:0;flex:0 0 auto}
:where(body[data-site-page="index.php"]) #video-editor .kf-navigation .keyframe-add-icon {margin:0}
:where(body[data-site-page="index.php"]) #video-editor .kf-nav {width:20px;height:24px;min-height:24px;padding:0;border:0;background:transparent;color:var(--ui-nav-muted);font:12px system-ui;cursor:pointer}
:where(body[data-site-page="index.php"]) #video-editor .kf-nav:hover {color:var(--ui-on-accent);background:color-mix(in srgb,var(--ui-accent) 13.33%,transparent)}
:where(body[data-site-page="index.php"]) #video-editor .kf-nav:disabled {opacity:.25;cursor:default}
:where(body[data-site-page="index.php"]) #video-editor .kf-nav:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:-2px}
:where(body[data-site-page="index.php"]) .film-layer-heading,
:where(body[data-site-page="index.php"]) .film-layer-label {width:270px}
:where(body[data-site-page="index.php"]) .film-lane {margin-left:270px}
:where(body[data-site-page="index.php"]) #kf-scroll {border-left:0;border-right:0;border-radius:0}
:where(body[data-site-page="index.php"]) #kf-timeline {grid-template-columns:270px minmax(0,1fr)}
:where(body[data-site-page="index.php"]) #kf-timeline .kf-time-tick:last-of-type {transform:none;padding-left:4px}
:where(body[data-site-page="index.php"]) #kf-timeline .kf-property-lane {overflow:hidden}
:where(body[data-site-page="index.php"]) #object-effects {padding:8px 0 12px;border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));margin-bottom:12px}
:where(body[data-site-page="index.php"]) #object-effects h3,
:where(body[data-site-page="index.php"]) #object-effects h4 {font-size:12px;margin:8px 0;color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #video-effects #object-effects label {display:grid;grid-template-columns:110px minmax(60px,1fr) 70px;align-items:center;gap:8px;margin:5px 0}
:where(body[data-site-page="index.php"]) #object-effects select {grid-column:2/4}
:where(body[data-site-page="index.php"]) #object-effects input[type=number] {width:70px;box-sizing:border-box;background:var(--ui-nav);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;padding:4px;font:12px system-ui}
:where(body[data-site-page="index.php"]) #object-effects .object-curve {display:block;width:220px;height:120px;max-width:100%;background:#191f25;background-image:linear-gradient(#ffffff15 1px,transparent 1px),linear-gradient(90deg,#ffffff15 1px,transparent 1px);background-size:25% 25%;touch-action:none;margin:8px 0}
:where(body[data-site-page="index.php"]) .object-curve polyline {fill:none;stroke:#74ccff;stroke-width:2}
:where(body[data-site-page="index.php"]) .object-curve circle {fill:#ffe18a;stroke:#20252c;cursor:ns-resize}
:where(body[data-site-page="index.php"]) .object-curve circle:focus {stroke:white;stroke-width:2;outline:none}
:where(body[data-site-page="index.php"]) .film-zoom-input {display:flex;align-items:center;gap:3px;color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #film-panel #film-zoom-value {width:65px;min-width:0;padding:2px 4px;min-height:24px;text-align:right;appearance:textfield}
:where(body[data-site-page="index.php"]) #film-zoom-value::-webkit-inner-spin-button {appearance:none}
:where(body[data-site-page="index.php"]) #film-navigator {position:relative;height:20px;flex-shrink:0;margin:3px 8px 5px 270px;background:var(--ui-nav);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;touch-action:none}
:where(body[data-site-page="index.php"]) #film-navigator-window {position:absolute;top:0;height:100%;display:flex;min-width:0;background:var(--ui-nav-hover);border-radius:3px;touch-action:none}
:where(body[data-site-page="index.php"]) #film-panel #film-navigator-window button {min-height:0;height:100%;padding:0;border:0;border-radius:2px;touch-action:none}
:where(body[data-site-page="index.php"]) #film-panel #film-navigator-window [data-edge] {width:12px;flex-shrink:0;background:var(--ui-accent);color:var(--ui-on-accent);cursor:ew-resize}
:where(body[data-site-page="index.php"]) #film-panel #film-navigator-window .film-navigator-pan {flex:1;min-width:0;background:transparent;cursor:grab}
:where(body[data-site-page="index.php"]) #film-panel #film-navigator-window .film-navigator-pan:active {cursor:grabbing}
/* Keep scrolled time content behind the fixed track-name column, including gaps. */
:where(body[data-site-page="index.php"]) .film-board::after {content:"";position:absolute;left:var(--film-scroll,0px);top:0;bottom:0;width:270px;background:var(--ui-nav-panel);z-index:20;pointer-events:auto}
:where(body[data-site-page="index.php"]) .film-layer-heading,
:where(body[data-site-page="index.php"]) .film-layer-label {z-index:21;overflow:hidden}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-toggle {z-index:21}
:where(body[data-site-page="index.php"]) .kf-track-label {z-index:20;overflow:hidden}
:where(body[data-site-page="index.php"]) #film-navigator-playhead {position:absolute;top:0;bottom:0;width:2px;transform:translateX(-50%);background:var(--ui-accent);box-shadow:0 0 0 1px #102b40;z-index:2;pointer-events:none}
:where(body[data-site-page="index.php"]) #film-navigator-playhead::before {content:"";position:absolute;top:-2px;left:-3px;width:8px;height:7px;background:var(--ui-accent);clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%)}
:where(body[data-site-page="index.php"]) .film-zoom-tools[hidden] {display:none}
/* The overview navigator replaces the horizontal scrollbars. */
:where(body[data-site-page="index.php"]) #film-list,
:where(body[data-site-page="index.php"]) #kf-scroll {overflow-x:hidden}
:where(body[data-site-page="index.php"]) #keyframe-ease-menu {position:fixed;z-index:1000;min-width:210px;max-width:calc(100vw - 8px);padding:5px;background:var(--ui-nav-panel);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:6px;box-shadow:0 6px 22px #0008;font-size:12px}
:where(body[data-site-page="index.php"]) .keyframe-menu-heading {padding:6px 9px;color:var(--ui-nav-muted);font-size:11px}
:where(body[data-site-page="index.php"]) #keyframe-ease-menu button {display:block;width:100%;padding:6px 10px 6px 28px;position:relative;border:0;background:transparent;text-align:left;color:var(--ui-nav-text);border-radius:3px}
:where(body[data-site-page="index.php"]) #keyframe-ease-menu button[aria-checked=true]::before {content:"✓";position:absolute;left:9px;color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #keyframe-ease-menu button:hover,
:where(body[data-site-page="index.php"]) #keyframe-ease-menu button:focus-visible {background:var(--ui-nav-hover);outline:none}
:where(body[data-site-page="index.php"]) .kf-diamond {z-index:7}
/* Easing colors are shared by the context menu and timeline diamonds. */
:where(body[data-site-page="index.php"]) .logo-ease[data-ease=smooth],
:where(body[data-site-page="index.php"]) .kf-diamond[data-ease=smooth],
:where(body[data-site-page="index.php"]) #keyframe-ease-menu [data-ease=smooth],
:where(body[data-site-page="index.php"]) .kf-value-graph [data-ease=smooth] {--ease-color:#68caff}
:where(body[data-site-page="index.php"]) .logo-ease[data-ease=linear],
:where(body[data-site-page="index.php"]) .kf-diamond[data-ease=linear],
:where(body[data-site-page="index.php"]) #keyframe-ease-menu [data-ease=linear],
:where(body[data-site-page="index.php"]) .kf-value-graph [data-ease=linear] {--ease-color:#cbd3de}
:where(body[data-site-page="index.php"]) .logo-ease[data-ease=in],
:where(body[data-site-page="index.php"]) .kf-diamond[data-ease=in],
:where(body[data-site-page="index.php"]) #keyframe-ease-menu [data-ease=in],
:where(body[data-site-page="index.php"]) .kf-value-graph [data-ease=in] {--ease-color:#74d7a2}
:where(body[data-site-page="index.php"]) .logo-ease[data-ease=out],
:where(body[data-site-page="index.php"]) .kf-diamond[data-ease=out],
:where(body[data-site-page="index.php"]) #keyframe-ease-menu [data-ease=out],
:where(body[data-site-page="index.php"]) .kf-value-graph [data-ease=out] {--ease-color:#ffbd73}
:where(body[data-site-page="index.php"]) .logo-ease[data-ease=hold],
:where(body[data-site-page="index.php"]) .kf-diamond[data-ease=hold],
:where(body[data-site-page="index.php"]) #keyframe-ease-menu [data-ease=hold],
:where(body[data-site-page="index.php"]) .kf-value-graph [data-ease=hold] {--ease-color:#c3a2ff}
:where(body[data-site-page="index.php"]) .kf-diamond[data-ease] {color:var(--ease-color);text-shadow:none}
:where(body[data-site-page="index.php"]) .kf-diamond[data-ease][aria-pressed=true] {color:var(--ease-color);text-shadow:0 0 2px #fff,0 0 7px var(--ease-color);background:#ffffff18;border-radius:3px;outline:1px solid #ffffff99;outline-offset:-4px}
:where(body[data-site-page="index.php"]) #keyframe-ease-menu button[data-ease] {padding-right:32px}
:where(body[data-site-page="index.php"]) #keyframe-ease-menu button[data-ease]::after {content:"◆";position:absolute;right:10px;color:var(--ease-color)}
:where(body[data-site-page="index.php"]) #keyframe-ease-menu button[aria-checked=true]::before {color:var(--ease-color)}
:where(body[data-site-page="index.php"]) #kf-inspector,
:where(body[data-site-page="index.php"]) #video-keyframes .kf-help {display:none}
:where(body[data-site-page="index.php"]) #video-editor .kf-graph-toggle {flex:0 0 18px;width:18px;height:22px;min-height:0;padding:1px;border:0;background:transparent;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) .kf-graph-toggle svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
:where(body[data-site-page="index.php"]) #video-editor .kf-graph-toggle[aria-pressed=true] {color:var(--ui-on-accent);background:color-mix(in srgb,var(--ui-accent) 13.33%,transparent);border-radius:3px}
:where(body[data-site-page="index.php"]) .kf-track-label {gap:3px;padding-left:5px;padding-right:5px;font-size:10px}
:where(body[data-site-page="index.php"]) .kf-track-label output {font-size:10px}
:where(body[data-site-page="index.php"]) #kf-timeline .kf-graph-lane {height:160px;background:var(--ui-nav);cursor:crosshair}
:where(body[data-site-page="index.php"]) #kf-timeline .kf-graph-label {height:161px;align-items:flex-start;padding-top:3px;position:sticky}
:where(body[data-site-page="index.php"]) .kf-graph-axis {position:absolute;top:30px;bottom:8px;right:10px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ui-nav-muted);font:10px monospace;pointer-events:none}
:where(body[data-site-page="index.php"]) .kf-value-graph {position:absolute;inset:0;width:100%;height:160px;overflow:hidden;touch-action:none}
:where(body[data-site-page="index.php"]) .kf-graph-grid {stroke:#ffffff15;stroke-width:1}
:where(body[data-site-page="index.php"]) .kf-graph-curve {fill:none;stroke:var(--ease-color);stroke-width:2;pointer-events:none}
:where(body[data-site-page="index.php"]) .kf-value-graph circle {fill:var(--ease-color);stroke:#18202a;stroke-width:2;cursor:move;touch-action:none}
:where(body[data-site-page="index.php"]) .kf-value-graph circle.selected,
:where(body[data-site-page="index.php"]) .kf-value-graph circle:focus {stroke:#fff;stroke-width:2.5;outline:none}
:where(body[data-site-page="index.php"]) .kf-graph-lane .kf-playhead {pointer-events:none}
:where(body[data-site-page="index.php"]) #film-library-list {grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
:where(body[data-site-page="index.php"]) #video-effects .media-card {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:110px 32px 16px auto;align-items:start;gap:7px;padding:9px;min-width:0;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:6px;background:var(--ui-nav-panel)}
:where(body[data-site-page="index.php"]) .media-card-preview {position:relative;width:100%;height:110px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px;background:#151a21}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-preview canvas {width:100%;height:100%;object-fit:contain;grid-row:auto}
:where(body[data-site-page="index.php"]) .media-card-preview[data-placeholder]::after {content:attr(data-placeholder);position:absolute;color:var(--ui-nav-muted);font-size:28px}
:where(body[data-site-page="index.php"]) .media-card-audio {font-size:38px;color:var(--ui-nav-accent);background:linear-gradient(135deg,var(--ui-nav-panel),var(--ui-nav))}
:where(body[data-site-page="index.php"]) .media-card-name {min-width:0;line-height:16px;font-size:12px;font-weight:500;color:var(--ui-nav-text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
:where(body[data-site-page="index.php"]) .media-card-meta {font-size:10px;color:var(--ui-nav-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(body[data-site-page="index.php"]) .media-card-actions {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-auto-rows:26px;gap:6px;width:100%}
:where(body[data-site-page="index.php"]) #video-effects .media-card-actions button {width:100%;min-width:0;min-height:26px;height:26px;margin:0;padding:3px 4px;white-space:nowrap;font-size:10px}
:where(body[data-site-page="index.php"]) #video-effects .media-card-primary {background:var(--ui-nav-hover);border-color:color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .media-card-wide {grid-column:1/-1}
@media(max-height:800px) {:where(body[data-site-page="index.php"]) #video-effects .media-card {grid-template-rows:64px 32px 14px auto;padding:8px;gap:6px}
:where(body[data-site-page="index.php"]) .media-card-preview {height:64px}
:where(body[data-site-page="index.php"]) .media-card-actions {grid-auto-rows:22px}
:where(body[data-site-page="index.php"]) #video-effects .media-card-actions button {height:22px;min-height:22px;padding:1px 4px}}
:where(body[data-site-page="index.php"]) #text-element-controls {padding:10px;margin:0 0 12px;background:var(--ui-nav-panel);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px}
:where(body[data-site-page="index.php"]) #text-element-controls[hidden] {display:none}
:where(body[data-site-page="index.php"]) #text-element-controls textarea {width:100%;box-sizing:border-box;resize:vertical;min-height:64px;background:var(--ui-nav);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:3px;padding:7px;user-select:text}
:where(body[data-site-page="index.php"]) #text-element-controls label {display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) .text-element-style {display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-top:8px}
:where(body[data-site-page="index.php"]) #text-element-controls input[type=number] {width:70px}
:where(body[data-site-page="index.php"]) #text-element-controls input[type=color] {width:48px}
/* Give unused keyframe-panel height back to the preview workspace. */
:where(body[data-site-page="index.php"]) #video-editor[open],
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:46px minmax(140px,1fr) auto auto}
:where(body[data-site-page="index.php"]) #video-editor #video-keyframes {height:auto;max-height:40vh;box-sizing:border-box;align-self:start;padding-bottom:4px}
:where(body[data-site-page="index.php"]) #video-editor #video-keyframes.audio-graph-mode {height:clamp(160px,24vh,260px)}
:where(body[data-site-page="index.php"]) #video-editor #video-keyframes .kf-diamond[aria-pressed=true],
:where(body[data-site-page="index.php"]) #video-editor #video-keyframes .kf-diamond:focus {background:transparent;outline:none;box-shadow:none;border-radius:0}
:where(body[data-site-page="index.php"]) #video-editor #video-keyframes .kf-diamond:focus-visible {text-shadow:0 0 2px #fff,0 0 7px var(--ease-color,#68caff)}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor[open],
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden {grid-template-rows:92px minmax(200px,1fr) auto auto}}
:where(body[data-site-page="index.php"]) .kf-diamond[data-ease=bezier],
:where(body[data-site-page="index.php"]) #keyframe-ease-menu [data-ease=bezier],
:where(body[data-site-page="index.php"]) .kf-value-graph [data-ease=bezier] {--ease-color:#f19ad2}
:where(body[data-site-page="index.php"]) .kf-bezier-arm {stroke:#ced9e3;stroke-width:1;stroke-dasharray:3 2;pointer-events:none}
:where(body[data-site-page="index.php"]) .kf-bezier-handle {fill:#202a35;stroke:#e6eef5;stroke-width:1.5;cursor:move;touch-action:none}
:where(body[data-site-page="index.php"]) .kf-bezier-handle:hover,
:where(body[data-site-page="index.php"]) .kf-bezier-handle:focus {fill:#f19ad2;stroke:#fff;outline:none}
:where(body[data-site-page="index.php"]) .kf-fade-label {color:#ffe09a;justify-content:flex-start;border-top:1px solid #594d32}
:where(body[data-site-page="index.php"]) #video-keyframes .kf-fade-label input {margin-left:auto;width:72px;min-height:22px;height:22px;padding:1px 5px;color:#ffe09a;font:11px monospace}
:where(body[data-site-page="index.php"]) .kf-fade-label span {width:12px;color:#ad9a70}
:where(body[data-site-page="index.php"]) .kf-fade-range {position:absolute;top:5px;bottom:5px;background:linear-gradient(90deg,#ffd16610,#ffd16665);pointer-events:none}
:where(body[data-site-page="index.php"]) .kf-fade-lane[data-fade=fadeOut] .kf-fade-range {background:linear-gradient(90deg,#ffd16665,#ffd16610)}
:where(body[data-site-page="index.php"]) #video-editor .kf-fade-point {position:absolute;top:0;transform:translateX(-50%);width:22px;height:24px;min-height:0;padding:0;border:0;background:transparent;color:#ffd166;font-size:18px;cursor:ew-resize;touch-action:none;z-index:7}
:where(body[data-site-page="index.php"]) .kf-fade-lane[hidden],
:where(body[data-site-page="index.php"]) .kf-fade-label[hidden] {display:none}
/* Library drops create a new layer at the indicated timeline position. */
:where(body[data-site-page="index.php"]) .film-library-insert {position:absolute;top:0;bottom:0;border-left:2px solid var(--ui-nav-accent);color:var(--ui-on-accent);background:linear-gradient(90deg,color-mix(in srgb,var(--ui-accent) 20.00%,transparent),transparent);padding:3px 6px;font-size:11px;pointer-events:none;z-index:19;white-space:nowrap}
:where(body[data-site-page="index.php"]) .film-library-insert[hidden] {display:none}
:where(body[data-site-page="index.php"]) .media-card[draggable="true"] {cursor:grab}
:where(body[data-site-page="index.php"]) .text-element-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}
:where(body[data-site-page="index.php"]) #text-element-place {background:var(--ui-nav-hover);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #text-element-place[hidden] {display:none}
:where(body[data-site-page="index.php"]) .text-element-actions small {color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #timeline-media-menu {position:fixed;z-index:1000;width:300px;max-width:calc(100vw - 8px);max-height:min(420px,calc(100vh - 8px));overflow:auto;padding:5px;box-sizing:border-box;background:var(--ui-nav-panel);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:6px;box-shadow:0 6px 22px #0008;font-size:12px}
:where(body[data-site-page="index.php"]) #timeline-media-menu button {display:block;width:100%;padding:8px 10px;border:0;background:transparent;text-align:left;color:var(--ui-nav-text);border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(body[data-site-page="index.php"]) #timeline-media-menu button:hover:not(:disabled),
:where(body[data-site-page="index.php"]) #timeline-media-menu button:focus-visible {background:var(--ui-nav-hover);outline:none}
:where(body[data-site-page="index.php"]) #timeline-media-menu button:disabled {opacity:.45}
:where(body[data-site-page="index.php"]) #timeline-media-menu p {padding:6px 10px;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #text-element-font {width:190px;max-width:100%;background:var(--ui-nav);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:3px;padding:6px}
:where(body[data-site-page="index.php"]) #canvas-text-editor {position:fixed;z-index:900;box-sizing:border-box;min-height:100px;max-height:45vh;resize:vertical;background:color-mix(in srgb,var(--ui-nav) 92.94%,transparent);border:1px solid var(--ui-nav-accent);border-radius:4px;padding:8px;line-height:1.2;user-select:text;box-shadow:0 4px 20px #0008}
:where(body[data-site-page="index.php"]) .film-clip.has-crossfade::after {content:'↔';position:absolute;left:0;top:0;bottom:0;width:var(--crossfade-width);max-width:100%;background:repeating-linear-gradient(135deg,#ffd16633 0 4px,transparent 4px 9px);border-right:1px solid #ffd16699;color:#ffe09a;text-align:center;pointer-events:none}
:where(body[data-site-page="index.php"]) .film-track-drop-guide {position:absolute;left:270px;right:8px;box-sizing:border-box;border:2px solid var(--ui-nav-accent);background:color-mix(in srgb,var(--ui-accent) 9.41%,transparent);pointer-events:none;z-index:8;color:var(--ui-on-accent);text-align:right;padding:2px 8px;font-size:10px}
:where(body[data-site-page="index.php"]) #film-list .film-clip.film-dragging {z-index:9;box-shadow:0 0 0 2px #69caff;opacity:.9}
:where(body[data-site-page="index.php"]) #kf-panel-toggle {display:block;width:100%;border:0;background:transparent;color:var(--ui-nav-text);text-align:left;font:600 11px system-ui;padding:3px 0 5px;cursor:pointer;min-height:24px}
:where(body[data-site-page="index.php"]) #video-editor #video-keyframes.attributes-collapsed {height:auto;max-height:none;overflow:hidden}
:where(body[data-site-page="index.php"]) #video-keyframes.attributes-collapsed > :not(#kf-panel-toggle) {display:none!important}
:where(body[data-site-page="index.php"]) #video-keyframes.audio-graph-mode #audio-volume-editor {height:calc(100% - 24px);min-height:0}
:where(body[data-site-page="index.php"]) #video-editor #kf-anchor-control {display:none!important}
:where(body[data-site-page="index.php"]) #video-keyframes > .kf-toolbar {display:none}
:where(body[data-site-page="index.php"]) .kf-heading-3d {display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap;font:11px system-ui;color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) .kf-heading-3d input {margin:0}
:where(body[data-site-page="index.php"]) #workspace-text-panel[hidden] {display:none}
:where(body[data-site-page="index.php"]) #workspace-text-panel h3 {margin:8px 0 12px;font-size:13px;color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #workspace-text-panel #text-element-controls {margin:0;border:0;padding:0;background:transparent}
:where(body[data-site-page="index.php"]) #text-element-empty {color:var(--ui-nav-muted);font-size:12px;line-height:1.5}
:where(body[data-site-page="index.php"]) #text-element-empty[hidden] {display:none}
:where(body[data-site-page="index.php"]) #workspace-subtitles-panel[hidden],
:where(body[data-site-page="index.php"]) #subtitle-controls[hidden],
:where(body[data-site-page="index.php"]) #subtitle-empty[hidden] {display:none}
:where(body[data-site-page="index.php"]) #workspace-subtitles-panel h3 {font-size:13px;margin:8px 0 12px}
:where(body[data-site-page="index.php"]) #workspace-subtitles-panel small {display:block;color:var(--ui-nav-muted);margin:8px 0}
:where(body[data-site-page="index.php"]) #workspace-subtitles-panel textarea {width:100%;box-sizing:border-box;background:var(--ui-nav);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));padding:6px;resize:vertical;user-select:text}
:where(body[data-site-page="index.php"]) .subtitle-tools {display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
:where(body[data-site-page="index.php"]) .subtitle-tools label {display:flex;flex-direction:column;gap:4px}
:where(body[data-site-page="index.php"]) .subtitle-tools input[type=number] {width:65px}
:where(body[data-site-page="index.php"]) .subtitle-edit-row {display:grid;grid-template-columns:26px 70px 70px 1fr 25px;gap:5px;align-items:center;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav))}
:where(body[data-site-page="index.php"]) .subtitle-edit-row input {width:100%;box-sizing:border-box}
:where(body[data-site-page="index.php"]) .subtitle-edit-row.selected {background:var(--ui-nav-hover)}
:where(body[data-site-page="index.php"]) #film-list .film-subtitles .film-name {align-self:flex-start;font-size:9px}
:where(body[data-site-page="index.php"]) .subtitle-cue {position:absolute;bottom:2px;height:19px;background:#476555;border:1px solid #91cba8;box-sizing:border-box;color:#f4fff7;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 9px;z-index:5;cursor:grab;touch-action:none}
:where(body[data-site-page="index.php"]) .subtitle-cue-edge {position:absolute;top:0;bottom:0;width:8px;background:#91cba855;cursor:ew-resize}
:where(body[data-site-page="index.php"]) .subtitle-cue-edge.start {left:0}
:where(body[data-site-page="index.php"]) .subtitle-cue-edge.end {right:0}
:where(body[data-site-page="index.php"]) #video-effects .workspace-tabs {flex-wrap:wrap}
:where(body[data-site-page="index.php"]) #workspace-subtitles-panel {padding:8px}
:where(body[data-site-page="index.php"]) #workspace-subtitles-panel textarea {font:12px/1.4 system-ui}
:where(body[data-site-page="index.php"]) .subtitle-list-heading {display:grid;grid-template-columns:26px 70px 70px 1fr;gap:5px;color:var(--ui-nav-muted);font-size:10px;margin-top:10px}
/* Beat snapping belongs to the soundtrack that supplies the beat grid. */
:where(body[data-site-page="index.php"]) #film-list .film-audio-label {display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;padding:2px 6px;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #film-list .film-audio-name {display:block;width:100%;min-height:0;padding:0;border:0;background:transparent;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit;line-height:18px;color:inherit}
:where(body[data-site-page="index.php"]) #film-list .film-track-beat-snap {color:var(--ui-nav-accent);display:flex;align-items:center;gap:5px;margin:0;font-size:11px;line-height:16px;cursor:pointer;white-space:nowrap}
:where(body[data-site-page="index.php"]) #film-list .film-track-beat-snap input {margin:0;width:13px;height:13px;accent-color:var(--ui-nav-accent)}
/* Beat guides and their draggable handles live in the detailed audio graph. */
:where(body[data-site-page="index.php"]) .audio-volume-graph .film-beat {top:0;bottom:0;z-index:1}
:where(body[data-site-page="index.php"]) .audio-volume-graph .beat-offset-handle {top:0;transform:translate(-50%,-25%)}
:where(body[data-site-page="index.php"]) .audio-volume-graph .audio-envelope {z-index:2}
/* Show the actual tail intervals in their original layer order. */
:where(body[data-site-page="index.php"]) .film-loop-ghost {padding:0;background:#18222b;border-color:#e5be69}
:where(body[data-site-page="index.php"]) .film-loop-preview {position:absolute;inset:0;pointer-events:none}
:where(body[data-site-page="index.php"]) .film-loop-preview-lane {position:absolute;left:0;right:0;height:24px;border-bottom:1px solid #ffffff18;box-sizing:border-box}
:where(body[data-site-page="index.php"]) .film-loop-preview-clip {position:absolute;top:2px;height:20px;box-sizing:border-box;padding:2px 5px;background:#315975;border:1px solid #779cb4;border-radius:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px}
:where(body[data-site-page="index.php"]) .film-loop-preview-wave {position:absolute;left:0;width:100%;height:24px}
:where(body[data-site-page="index.php"]) .film-loop-preview::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#18222bc9);pointer-events:none}
:where(body[data-site-page="index.php"]) .film-loop-preview-label {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;font-size:11px}
:where(body[data-site-page="index.php"]) .film-loop-preview-label small {font-size:10px;color:#b3bdc8}
:where(body[data-site-page="index.php"]) .film-loop-ghost .film-loop-handle {z-index:2}
:where(body[data-site-page="index.php"]) #film-prerender-status {font-size:10px;color:#a8c5b5;max-width:180px}
:where(body[data-site-page="index.php"]) #film-prerender[aria-pressed=true] {border-color:#62ca98}
:where(body[data-site-page="index.php"]) .film-prerender-progress {position:absolute;top:20px;left:0;right:0;height:3px;z-index:19;pointer-events:none;overflow:hidden}
:where(body[data-site-page="index.php"]) .film-prerender-progress span {position:absolute;height:3px;pointer-events:auto}
:where(body[data-site-page="index.php"]) .film-prerender-progress .ready {background:#66d998}
:where(body[data-site-page="index.php"]) .film-prerender-progress .remote {background:#f59e0b}
:where(body[data-site-page="index.php"]) .film-prerender-progress .pending {background:#897b51}
/* Export blocks editing, so its waiting state must stay visible above the workspace. */
:where(body[data-site-page="index.php"]) #video-export-progress {position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:24px;background:transparent;box-sizing:border-box;overflow:auto}
:where(body[data-site-page="index.php"]) #video-export-progress::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="index.php"]) #video-export-progress .export-progress-card {box-sizing:border-box;max-height:calc(100dvh - 48px);overflow:auto}
:where(body[data-site-page="index.php"]) #video-export-progress [hidden] {display:none!important}
:where(body[data-site-page="index.php"]) #video-export-progress #export-progress-hide {border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:8px 12px;background:var(--ui-nav-hover);color:var(--ui-nav-accent);cursor:pointer}
:where(body[data-site-page="index.php"]) #video-export-progress[hidden] {display:none}
:where(body[data-site-page="index.php"]) .export-progress-card {width:min(520px,100%);padding:28px;background:var(--ui-nav-panel);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:12px;box-shadow:0 18px 70px #0008;color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .export-progress-kicker {display:flex;align-items:center;gap:10px;color:var(--ui-nav-accent);font-size:13px;font-weight:600}
:where(body[data-site-page="index.php"]) .export-progress-spinner {width:18px;height:18px;border:2px solid color-mix(in srgb,var(--ui-nav-accent) 25.10%,transparent);border-top-color:var(--ui-nav-accent);border-radius:50%;animation:export-progress-spin 1s linear infinite}
:where(body[data-site-page="index.php"]) .export-progress-card h3 {margin:16px 0 8px;font-size:24px;line-height:1.25}
:where(body[data-site-page="index.php"]) #export-progress-stage {margin:0 0 18px;font-size:15px;color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .export-progress-meter {display:flex;align-items:center;gap:16px}
:where(body[data-site-page="index.php"]) #export-progress-bar {appearance:none;-webkit-appearance:none;display:block;flex:1;min-width:0;height:16px;border:0;border-radius:8px;overflow:hidden;accent-color:var(--ui-nav-accent);background:var(--ui-nav)}
:where(body[data-site-page="index.php"]) #export-progress-bar::-webkit-progress-bar {background:var(--ui-nav);border-radius:8px}
:where(body[data-site-page="index.php"]) #export-progress-bar::-webkit-progress-value {background:var(--ui-accent);border-radius:8px;transition:width .3s ease}
:where(body[data-site-page="index.php"]) #export-progress-bar::-moz-progress-bar {background:var(--ui-accent);border-radius:8px}
:where(body[data-site-page="index.php"]) #export-progress-percent {min-width:78px;text-align:right;font-size:25px;font-variant-numeric:tabular-nums;color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #export-progress-note {margin:20px 0 0;padding:12px 14px;border-left:3px solid #ffd166;background:#ffd1660c;color:#ffe3a2;font-size:14px;line-height:1.5}
:where(body[data-site-page="index.php"]) #export-progress-hide {margin-top:18px}
:where(body[data-site-page="index.php"]) #video-export-progress #export-progress-download,
:where(body[data-site-page="index.php"]) #video-export-progress #export-progress-retry {display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:18px 0 0 12px;padding:10px 18px;border:1px solid var(--ui-accent);border-radius:6px;background:var(--ui-accent);color:var(--ui-on-accent);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #video-export-progress #export-progress-download:focus-visible,
:where(body[data-site-page="index.php"]) #video-export-progress #export-progress-retry:focus-visible {outline:3px solid var(--ui-nav-accent);outline-offset:3px}
@keyframes export-progress-spin {to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce) {:where(body[data-site-page="index.php"]) .export-progress-spinner {animation:none}
:where(body[data-site-page="index.php"]) #export-progress-bar::-webkit-progress-value {transition:none}}
/* Tempo controls sit in the unused label column beside the audio graph. */
:where(body[data-site-page="index.php"]) #video-keyframes {position:relative}
:where(body[data-site-page="index.php"]) #video-keyframes > .beat-tools {position:absolute;top:32px;left:10px;bottom:26px;width:202px;z-index:6;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;margin:0;padding:4px 6px 4px 0;overflow:auto;background:var(--ui-nav-panel);box-sizing:border-box}
:where(body[data-site-page="index.php"]) #video-keyframes > .beat-tools label {display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:5px;margin:0;font-size:11px}
:where(body[data-site-page="index.php"]) #video-keyframes > .beat-tools input,
:where(body[data-site-page="index.php"]) #video-keyframes > .beat-tools select {width:100%;min-width:0;box-sizing:border-box;font-size:11px;padding:3px 4px;min-height:24px;background:var(--ui-nav);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px}
:where(body[data-site-page="index.php"]) #video-keyframes > .beat-tools small {font-size:10px;line-height:1.4}
:where(body[data-site-page="index.php"]) #video-keyframes > .beat-tools[hidden],
:where(body[data-site-page="index.php"]) #video-keyframes.attributes-collapsed > .beat-tools {display:none!important}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-controls {position:sticky;left:0;top:0;z-index:21;display:flex;width:212px;height:23px}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-controls .film-loop-toggle {position:static;flex:1;min-width:0;width:auto;border-radius:3px 0 0 3px}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-visibility {width:28px;min-height:0;height:23px;margin:0;padding:0;border-radius:0 3px 3px 0;border-left:0;background:#594720;color:#ffe4a0;border-color:#ffd166;font-size:15px}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-visibility:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:1px}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-ghost[hidden],
:where(body[data-site-page="index.php"]) #film-panel .film-loop-preview-label[hidden] {display:none}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-ghost {z-index:6;pointer-events:none;opacity:.65;background:transparent;border-color:#ffe4a0;box-shadow:inset 0 0 12px #10182080}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-preview-clip {background:#6f8a9ca6;border-style:dashed;color:#fff4ce;top:0}
:where(body[data-site-page="index.php"]) .film-lane {background-image:var(--film-grid,none)}
:where(body[data-site-page="index.php"]) #kf-timeline .kf-lane:not(.kf-ruler) {background-image:var(--film-grid,none)}
:where(body[data-site-page="index.php"]) #film-rhythm-lock[aria-pressed="true"] {color:#ffe4a0;border-color:#ffd166;background:#594720}
:where(body[data-site-page="index.php"]) .rhythm-locked .film-audio-clip,
:where(body[data-site-page="index.php"]) .rhythm-locked .audio-volume-graph {cursor:default}
:where(body[data-site-page="index.php"]) .rhythm-locked .audio-in,
:where(body[data-site-page="index.php"]) .rhythm-locked .audio-out,
:where(body[data-site-page="index.php"]) .rhythm-locked .audio-fade-handle,
:where(body[data-site-page="index.php"]) .rhythm-locked .beat-offset-handle {opacity:.35;cursor:default}
:where(body[data-site-page="index.php"]) #film-panel #film-rhythm-lock {display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:23px;min-height:0;margin:0;padding:0;border-radius:0;border-left:0;background:var(--ui-nav-panel);color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #film-panel #film-rhythm-lock[aria-pressed="true"] {background:#594720;color:#ffe4a0;border-color:#ffd166}
:where(body[data-site-page="index.php"]) #film-panel #film-rhythm-lock:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:1px}
:where(body[data-site-page="index.php"]) .rhythm-locked .film-loop-edge,
:where(body[data-site-page="index.php"]) .rhythm-locked .film-loop-handle,
:where(body[data-site-page="index.php"]) .rhythm-locked .film-end-handle {display:none!important}
:where(body[data-site-page="index.php"]) .audio-loop-overlay {position:absolute;top:0;bottom:0;pointer-events:none;z-index:2;border:1px dashed #ffd16699;background:#ffd16608;box-sizing:border-box;overflow:hidden}
:where(body[data-site-page="index.php"]) .audio-loop-overlay .audio-graph-wave {opacity:.48}
:where(body[data-site-page="index.php"]) .audio-loop-caption {position:absolute;left:5px;bottom:4px;color:#ffe4a0;background:#20252bd9;padding:2px 4px;border-radius:3px;font-size:10px;white-space:nowrap}
:where(body[data-site-page="index.php"]) .audio-loop-beat {position:absolute;top:0;bottom:0;border-left:1px dashed #ffd166b3}
:where(body[data-site-page="index.php"]) #video-keyframes .beat-subdivision-control {display:flex;flex-direction:column;gap:5px;color:var(--ui-nav-muted);font-size:11px}
:where(body[data-site-page="index.php"]) #beat-subdivision-buttons {display:flex;gap:4px}
:where(body[data-site-page="index.php"]) #video-keyframes #beat-subdivision-buttons button {display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:34px;padding:2px;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;background:var(--ui-nav);color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #video-keyframes #beat-subdivision-buttons button[aria-pressed="true"] {background:var(--ui-nav-hover);border-color:var(--ui-nav-accent);color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #video-keyframes #beat-subdivision-buttons button:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:2px}
:where(body[data-site-page="index.php"]) #video-keyframes .beat-tools output {color:var(--ui-nav-accent);font-variant-numeric:tabular-nums}
:where(body[data-site-page="index.php"]) #video-keyframes .beat-tools input[hidden],
:where(body[data-site-page="index.php"]) #video-keyframes .beat-tools select[hidden] {display:none}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-controls {gap:4px}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-controls .film-loop-toggle {border-radius:4px}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-controls #film-rhythm-lock,
:where(body[data-site-page="index.php"]) #film-panel .film-loop-controls .film-loop-visibility {flex:0 0 28px;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;background:var(--ui-nav-panel);color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-controls #film-rhythm-lock[aria-pressed="true"] {background:#594720;color:#ffe4a0;border-color:#ffd166}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-controls .film-loop-visibility[aria-expanded="true"] {background:var(--ui-nav-hover);color:var(--ui-nav-accent);border-color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .audio-loop-leadin {position:absolute;top:0;bottom:0;pointer-events:none;background:#66bc9d0a;mask-image:linear-gradient(to right,transparent,#000);-webkit-mask-image:linear-gradient(to right,transparent,#000)}
:where(body[data-site-page="index.php"]) .audio-loop-leadin .audio-graph-wave {opacity:.4}
:where(body[data-site-page="index.php"]) .audio-graph-level {z-index:3;text-shadow:0 1px 3px #171f28,0 0 4px #171f28}
:where(body[data-site-page="index.php"]) #beat-subdivision-buttons {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
:where(body[data-site-page="index.php"]) .audio-loop-overlay .beat-offset-handle,
:where(body[data-site-page="index.php"]) .audio-loop-leadin .beat-offset-handle {pointer-events:auto;background:#ffd166;border-color:#ffe6a0;z-index:5}
:where(body[data-site-page="index.php"]) .audio-loop-overlay .film-beat,
:where(body[data-site-page="index.php"]) .audio-loop-leadin .film-beat {border-color:#ffd166b3;background:#ffd16666}
:where(body[data-site-page="index.php"]) .audio-loop-overlay .beat-offset-handle.beat-locked,
:where(body[data-site-page="index.php"]) .audio-loop-leadin .beat-offset-handle.beat-locked {outline:2px solid #fff0ba}
:where(body[data-site-page="index.php"]) .audio-loop-overlay {overflow:visible}
:where(body[data-site-page="index.php"]) .audio-loop-overlay .beat-offset-handle,
:where(body[data-site-page="index.php"]) .audio-loop-leadin .beat-offset-handle {position:absolute;top:0;transform:translate(-50%,-25%);width:16px;height:16px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:transparent;cursor:ew-resize;touch-action:none}
:where(body[data-site-page="index.php"]) .audio-loop-overlay .beat-offset-handle::after,
:where(body[data-site-page="index.php"]) .audio-loop-leadin .beat-offset-handle::after {content:'';position:absolute;left:5px;top:5px;width:6px;height:6px;border-radius:50%;background:#ffd166}
:where(body[data-site-page="index.php"]) .audio-loop-overlay .beat-offset-handle:hover::after,
:where(body[data-site-page="index.php"]) .audio-loop-leadin .beat-offset-handle:hover::after {box-shadow:0 0 0 3px #ffd16655}
:where(body[data-site-page="index.php"]) .audio-loop-overlay .film-beat,
:where(body[data-site-page="index.php"]) .audio-loop-leadin .film-beat {top:0}
:where(body[data-site-page="index.php"]) .audio-loop-overlay .film-beat::before,
:where(body[data-site-page="index.php"]) .audio-loop-leadin .film-beat::before {background:#ffd166}
:where(body[data-site-page="index.php"]) #beat-subdivision-buttons {grid-template-columns:repeat(3,30px);gap:3px;justify-content:start}
:where(body[data-site-page="index.php"]) #video-keyframes #beat-subdivision-buttons button {height:25px;padding:1px}
:where(body[data-site-page="index.php"]) #video-keyframes #beat-subdivision-buttons button svg {width:18px;height:21px}
:where(body[data-site-page="index.php"]) #video-keyframes .beat-readout {margin-top:auto;display:flex;flex-direction:column;gap:5px;padding-top:8px;flex-shrink:0}
:where(body[data-site-page="index.php"]) .kf-fade-range[data-fade="fadeOut"] {background:linear-gradient(90deg,#ffd16665,#ffd16610)}
:where(body[data-site-page="index.php"]) .kf-fade-combined-label {gap:8px;padding:0 5px}
:where(body[data-site-page="index.php"]) .kf-fade-field {display:flex;align-items:center;gap:3px;min-width:0;font-size:10px}
:where(body[data-site-page="index.php"]) #video-keyframes .kf-fade-combined-label input {width:44px;margin:0;padding:1px 2px}
:where(body[data-site-page="index.php"]) .audio-fade-track {position:relative;flex:0 0 26px;height:26px}
:where(body[data-site-page="index.php"]) .audio-fade-track .kf-fade-label {display:none}
:where(body[data-site-page="index.php"]) .audio-fade-track .kf-fade-lane {height:26px;width:100%;background-image:var(--film-grid,none)}
:where(body[data-site-page="index.php"]) .rhythm-locked .audio-fade-lane .kf-fade-point {opacity:.35;cursor:default}
:where(body[data-site-page="index.php"]) .film-snap-grid {position:absolute;top:0;bottom:0;left:270px;right:0;z-index:4;pointer-events:none;background-image:var(--film-ruler-grid,none),var(--film-grid,none);background-size:100% 24px,100% calc(100% - 24px);background-position:top,bottom;background-repeat:no-repeat}
:where(body[data-site-page="index.php"]) .film-snap-grid[hidden] {display:none}
:where(body[data-site-page="index.php"]) .beat-grid-enabled .film-lane {background-image:none}
:where(body[data-site-page="index.php"]) .audio-volume-graph .film-beat {background:#c3afff70}
:where(body[data-site-page="index.php"]) .audio-volume-graph .film-beat-subdivision {background:#c3afff;opacity:.2}
:where(body[data-site-page="index.php"]) .audio-volume-graph .film-beat-subdivision::before {opacity:.35}
:where(body[data-site-page="index.php"]) #video-editor .kf-fade-point {font-size:0}
:where(body[data-site-page="index.php"]) #video-editor .kf-fade-point::before {content:'';position:absolute;top:5.7px;width:12.6px;height:12.6px;background:#ffd166;pointer-events:none}
:where(body[data-site-page="index.php"]) #video-editor .kf-fade-point[data-fade="fadeIn"]::before {right:50%;clip-path:polygon(100% 0,100% 100%,0 100%)}
:where(body[data-site-page="index.php"]) #video-editor .kf-fade-point[data-fade="fadeOut"]::before {left:50%;clip-path:polygon(0 0,100% 100%,0 100%)}
:where(body[data-site-page="index.php"]) .audio-volume-graph .beat-offset-handle.beat-zero-candidate::after {background:#ffd166}
:where(body[data-site-page="index.php"]) .audio-volume-graph .beat-offset-handle.beat-zero-candidate:hover::after,
:where(body[data-site-page="index.php"]) .audio-volume-graph .beat-offset-handle.beat-zero-candidate.dragging::after {background:#ffe4a0;box-shadow:0 0 0 3px #ffd16655}
:where(body[data-site-page="index.php"]) .audio-volume-graph .beat-offset-handle.beat-zero-candidate:focus-visible {outline-color:#ffd166}
:where(body[data-site-page="index.php"]) #film-panel #loop-declick {display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:23px;min-height:0;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;background:var(--ui-nav-panel);color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #film-panel #loop-declick[aria-pressed="true"] {background:#594720;color:#ffe4a0;border-color:#ffd166}
:where(body[data-site-page="index.php"]) #film-panel #loop-declick:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:1px}
:where(body[data-site-page="index.php"]) .rhythm-locked .film-loop-region,
:where(body[data-site-page="index.php"]) .rhythm-locked .film-end-boundary {opacity:.4}
:where(body[data-site-page="index.php"]) #film-list .film-track-beat-snap {position:relative;align-self:flex-start;width:26px;height:18px;min-height:18px;gap:0}
:where(body[data-site-page="index.php"]) #film-list .film-track-beat-snap input {position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:1;cursor:pointer}
:where(body[data-site-page="index.php"]) .beat-snap-icon {display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;color:var(--ui-nav-muted);background:var(--ui-nav-panel)}
:where(body[data-site-page="index.php"]) .beat-snap-icon svg {width:15px;height:17px}
:where(body[data-site-page="index.php"]) .film-track-beat-snap input:checked + .beat-snap-icon {background:var(--ui-nav-hover);color:var(--ui-nav-accent);border-color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .film-track-beat-snap input:focus-visible + .beat-snap-icon {outline:2px solid var(--ui-nav-accent);outline-offset:1px}
:where(body[data-site-page="index.php"]) .film-track-beat-snap input:disabled + .beat-snap-icon {opacity:.5}
:where(body[data-site-page="index.php"]) #film-list .film-track-beat-snap input:disabled {cursor:default}
:where(body[data-site-page="index.php"]) #film-list .film-audio-label {flex-direction:row;align-items:center;gap:7px}
:where(body[data-site-page="index.php"]) #film-list .film-audio-label .film-track-beat-snap {flex:0 0 26px;align-self:center}
:where(body[data-site-page="index.php"]) #film-list .film-audio-label .film-audio-name {flex:1;min-width:0;width:auto}
:where(body[data-site-page="index.php"]) .loop-guides-hidden .film-loop-region,
:where(body[data-site-page="index.php"]) .loop-guides-hidden .film-end-boundary {display:none}
:where(body[data-site-page="index.php"]) .film-bar-line {position:absolute;top:0;bottom:0;width:2px;background:#9ba5b5b3;pointer-events:none;z-index:1}
:where(body[data-site-page="index.php"]) .audio-loop-overlay .film-bar-line,
:where(body[data-site-page="index.php"]) .audio-loop-leadin .film-bar-line {background:#ffd166b3}
:where(body[data-site-page="index.php"]) .film-ruler span[data-meter-count] {top:12px;height:11px;border:0;color:var(--ui-nav-muted);font-size:9px;line-height:11px}
:where(body[data-site-page="index.php"]) .film-ruler span[data-meter-count="1"],
:where(body[data-site-page="index.php"]) .kf-ruler span[data-meter-count="1"],
:where(body[data-site-page="index.php"]) .audio-graph-ruler span[data-meter-count="1"] {color:var(--ui-nav-accent);font-weight:700}
:where(body[data-site-page="index.php"]) .kf-ruler span[data-meter-count] {top:18px;height:11px;border:0;font-size:9px;line-height:11px;transform:none;padding-left:4px}
:where(body[data-site-page="index.php"]) .audio-graph-ruler:has([data-meter-count]) {height:28px}
:where(body[data-site-page="index.php"]) .audio-graph-ruler span[data-meter-count] {top:14px;font-size:9px;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) .audio-graph-ruler span[data-meter-count="1"] {color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #kf-timeline .kf-ruler {background-image:var(--film-ruler-grid,none)}
:where(body[data-site-page="index.php"]) .film-ruler span[data-meter-count="1"],
:where(body[data-site-page="index.php"]) .kf-ruler span[data-meter-count="1"],
:where(body[data-site-page="index.php"]) .audio-graph-ruler span[data-meter-count="1"] {color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) .beat-grid-enabled .film-ruler span,
:where(body[data-site-page="index.php"]) #kf-timeline.beat-grid-enabled .kf-ruler span {border-left:0}
/* Retain 30% of timeline content beyond the locked loop restart. */
:where(body[data-site-page="index.php"]) .film-after-end.film-locked-loop-tail {top:0;background:rgb(32 37 43 / 70%);z-index:20}
:where(body[data-site-page="index.php"]) .film-loop-restart-symbol {position:absolute;top:3px;width:18px;height:18px;margin-left:-19px;color:var(--ui-nav-muted);z-index:20;pointer-events:none}
:where(body[data-site-page="index.php"]) .film-loop-restart-symbol svg {display:block;width:100%;height:100%}
:where(body[data-site-page="index.php"]) .film-loop-restart-symbol[hidden] {display:none}
/* Reuse the generator controls and live preview inside the video graphic picker. */
:where(body[data-site-page="index.php"]) #video-graphic-picker {width:min(1400px,96vw);max-width:96vw;height:92vh;max-height:92vh;padding:0;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:10px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);overflow:hidden}
:where(body[data-site-page="index.php"]) #video-graphic-picker[open] {display:flex;flex-direction:column}
:where(body[data-site-page="index.php"]) #video-graphic-picker::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="index.php"]) .graphic-picker-header,
:where(body[data-site-page="index.php"]) .graphic-picker-footer {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;flex-shrink:0}
:where(body[data-site-page="index.php"]) .graphic-picker-header {border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav))}
:where(body[data-site-page="index.php"]) .graphic-picker-header h2 {margin:0;font-size:20px}
:where(body[data-site-page="index.php"]) .graphic-picker-header p {margin:5px 0 0;font-size:13px;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) .graphic-picker-footer {border-top:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav))}
:where(body[data-site-page="index.php"]) .graphic-picker-footer p {margin:0;font-size:13px}
:where(body[data-site-page="index.php"]) .graphic-picker-footer button {flex-shrink:0}
:where(body[data-site-page="index.php"]) .graphic-picker-content {min-height:0;overflow:auto;flex:1}
:where(body[data-site-page="index.php"]) #video-graphic-picker .app-shell {display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(260px,.8fr);margin:16px auto;padding:0 16px 16px;color:var(--ui-text)}
:where(body[data-site-page="index.php"]) #video-graphic-picker .preview-panel {display:block}
:where(body[data-site-page="index.php"]) #video-graphic-picker .tabs .tab:not([data-tab="table"]):not([data-tab="lineup"]):not([data-tab="result"]):not([data-tab="schedule"]):not([data-tab="day"]),
:where(body[data-site-page="index.php"]) #video-graphic-picker #video-open,
:where(body[data-site-page="index.php"]) #video-graphic-picker #table-preview-animation,
:where(body[data-site-page="index.php"]) #video-graphic-picker #download-all,
:where(body[data-site-page="index.php"]) #video-graphic-picker #facebook-publish,
:where(body[data-site-page="index.php"]) #video-graphic-picker .preview-download-actions a {display:none}
@media(max-width:760px) {:where(body[data-site-page="index.php"]) #video-graphic-picker .app-shell {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="index.php"]) #video-graphic-picker .preview-panel {position:static}
:where(body[data-site-page="index.php"]) .graphic-picker-header,
:where(body[data-site-page="index.php"]) .graphic-picker-footer {padding:12px;gap:10px}}
:where(body[data-site-page="index.php"]) .graphic-binding {max-width:100%;font:11px system-ui;padding:5px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px}
:where(body[data-site-page="index.php"]) #film-template-dialog {box-sizing:border-box;width:min(660px,94vw);max-height:88vh;padding:22px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:10px}
:where(body[data-site-page="index.php"]) #film-template-dialog::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="index.php"]) #film-template-dialog header {display:flex;justify-content:space-between;align-items:center;gap:16px}
:where(body[data-site-page="index.php"]) #film-template-dialog h2 {margin:0}
:where(body[data-site-page="index.php"]) #film-template-dialog p {font-size:13px;line-height:1.5;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #film-template-dialog button,
:where(body[data-site-page="index.php"]) #film-template-dialog input {font:14px system-ui;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:9px;background:var(--ui-nav-hover);color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #film-template-dialog button:disabled {opacity:.45}
:where(body[data-site-page="index.php"]) .film-template-save-row {display:flex;gap:12px;align-items:end;margin:20px 0}
:where(body[data-site-page="index.php"]) .film-template-save-row label {display:flex;flex:1;min-width:0;gap:6px;flex-direction:column;font-size:13px}
:where(body[data-site-page="index.php"]) #film-template-list {display:grid;gap:8px}
:where(body[data-site-page="index.php"]) #film-template-list .film-template-row {display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer}
:where(body[data-site-page="index.php"]) .film-template-row small {color:var(--ui-nav-muted)}
@media(max-width:520px) {:where(body[data-site-page="index.php"]) .film-template-save-row {flex-direction:column;align-items:stretch}}
:where(body[data-site-page="index.php"]) .media-card-actions small.media-card-wide {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(body[data-site-page="index.php"]) #film-template-dialog .film-template-save-row label {color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #graphic-appearance {box-sizing:border-box;width:min(850px,94vw);max-height:94vh;padding:20px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:10px}
:where(body[data-site-page="index.php"]) #graphic-appearance::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="index.php"]) #graphic-appearance header,
:where(body[data-site-page="index.php"]) #graphic-appearance footer {display:flex;align-items:center;justify-content:space-between;gap:16px}
:where(body[data-site-page="index.php"]) #graphic-appearance h2 {font-size:20px;margin:0}
:where(body[data-site-page="index.php"]) #graphic-appearance button,
:where(body[data-site-page="index.php"]) #graphic-appearance select {font:13px system-ui;color:var(--ui-nav-accent);background:var(--ui-nav-hover);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:8px}
:where(body[data-site-page="index.php"]) .graphic-appearance-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,1fr);gap:22px;margin:18px 0}
:where(body[data-site-page="index.php"]) .graphic-appearance-preview {background:repeating-conic-gradient(#343e4a 0% 25%,#242b33 0% 50%) 0 0/20px 20px;line-height:0}
:where(body[data-site-page="index.php"]) #graphic-appearance-canvas {display:block;width:100%;height:auto;max-height:60vh;object-fit:contain}
:where(body[data-site-page="index.php"]) .graphic-appearance-controls {display:flex;flex-direction:column;gap:18px}
:where(body[data-site-page="index.php"]) #graphic-appearance label {display:flex;flex-direction:column;gap:8px;font:13px system-ui;color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #graphic-appearance label.graphic-appearance-check {flex-direction:row;align-items:center}
:where(body[data-site-page="index.php"]) #graphic-appearance label[hidden] {display:none}
:where(body[data-site-page="index.php"]) #graphic-appearance input {accent-color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #graphic-appearance p {font:12px/1.5 system-ui;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #graphic-appearance button:disabled {opacity:.4}
@media(max-width:600px) {:where(body[data-site-page="index.php"]) .graphic-appearance-layout {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="index.php"]) #graphic-appearance-canvas {max-height:40vh}
:where(body[data-site-page="index.php"]) #graphic-appearance footer {align-items:stretch;flex-direction:column}}
/* Using a saved film template keeps editing controls out of the export view. */
:where(body[data-site-page="index.php"]) #video-editor.template-consumer #video-layer-sidebar,
:where(body[data-site-page="index.php"]) #video-editor.template-consumer #video-effects,
:where(body[data-site-page="index.php"]) #video-editor.template-consumer #video-keyframes,
:where(body[data-site-page="index.php"]) #video-editor.template-consumer #film-panel,
:where(body[data-site-page="index.php"]) #video-editor.template-consumer #editor-undo,
:where(body[data-site-page="index.php"]) #video-editor.template-consumer #editor-redo,
:where(body[data-site-page="index.php"]) #video-editor.template-consumer #film-prerender,
:where(body[data-site-page="index.php"]) #video-editor.template-consumer #film-prerender-status {display:none}
:where(body[data-site-page="index.php"]) #video-editor.template-consumer .video-workspace {grid-template-columns:1fr}
:where(body[data-site-page="index.php"]) #video-editor.template-consumer .video-stage {max-width:560px;width:100%;margin:auto}
:where(body[data-site-page="index.php"]) #video-editor.template-awaiting .video-workspace,
:where(body[data-site-page="index.php"]) #video-editor.template-awaiting #film-preview,
:where(body[data-site-page="index.php"]) #video-editor.template-awaiting #film-export,
:where(body[data-site-page="index.php"]) #video-editor.template-awaiting #video-edit-copy,
:where(body[data-site-page="index.php"]) #video-editor.template-awaiting #video-server-result {display:none}
:where(body[data-site-page="index.php"]) #film-template-dialog .film-template-save-row[hidden] {display:none}
/* Fade handles straddle their time marker, including the zero boundary. */
:where(body[data-site-page="index.php"]) #kf-timeline .kf-fade-lane {overflow:visible;z-index:21}
:where(body[data-site-page="index.php"]) #video-effects .media-card {position:relative}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-remove {position:absolute;top:6px;right:6px;z-index:2;display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:4px;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;background:color-mix(in srgb,var(--ui-nav-panel) 92.94%,transparent);color:var(--ui-nav-text);cursor:pointer}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-remove:hover {background:#59313a;border-color:#d88b97;color:#ffe3e7}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-remove:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:2px}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-remove:disabled {opacity:.4;cursor:default}
:where(body[data-site-page="index.php"]) #video-editor .film-object-lock {display:inline-grid;place-items:center;flex:0 0 25px;width:25px;height:25px;min-height:25px;padding:3px;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;background:var(--ui-nav-panel);color:var(--ui-nav-text);cursor:pointer}
:where(body[data-site-page="index.php"]) #video-editor .film-object-lock.is-locked {color:#ffe09a;border-color:#ffd166;background:#574721}
:where(body[data-site-page="index.php"]) #video-editor .film-clip>.film-object-lock {position:absolute;right:34px;top:50%;transform:translateY(-50%);z-index:8}
:where(body[data-site-page="index.php"]) #video-editor .film-layer-title {min-width:0;flex:1}
:where(body[data-site-page="index.php"]) .film-object-locked {cursor:default}
:where(body[data-site-page="index.php"]) #film-lock-dialog {width:min(460px,calc(100vw - 40px));max-height:85vh;overflow:auto;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:10px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);padding:20px}
:where(body[data-site-page="index.php"]) #film-lock-dialog::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="index.php"]) #film-lock-dialog header,
:where(body[data-site-page="index.php"]) #film-lock-dialog footer {display:flex;align-items:center;justify-content:space-between;gap:12px}
:where(body[data-site-page="index.php"]) #film-lock-dialog h2 {font-size:19px;margin:0}
:where(body[data-site-page="index.php"]) #film-lock-dialog label {display:flex;gap:8px;align-items:center;margin:12px 0}
:where(body[data-site-page="index.php"]) #film-lock-dialog input {width:auto}
:where(body[data-site-page="index.php"]) #film-lock-dialog p {font-size:13px;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #film-lock-dialog fieldset {margin:16px 0;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav))}
:where(body[data-site-page="index.php"]) #film-lock-dialog button {background:var(--ui-nav-hover);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:7px 12px;cursor:pointer}
:where(body[data-site-page="index.php"]) #video-editor .film-clip .film-name {padding-right:28px}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-controls #film-add-track {margin-left:auto;flex:0 0 24px;width:24px;min-width:24px;padding:0;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;font-size:19px;line-height:21px;background:var(--ui-nav-panel);color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-controls .film-loop-toggle {min-width:0}
:where(body[data-site-page="index.php"]) .film-empty-track {font-size:11px;color:var(--ui-nav-muted);padding:5px 10px}
:where(body[data-site-page="index.php"]) .film-empty-lane {background-color:color-mix(in srgb,var(--ui-accent) 3.14%,transparent)}
:where(body[data-site-page="index.php"]) .film-new-track {outline:1px dashed var(--ui-nav-accent);outline-offset:-2px;background-color:color-mix(in srgb,var(--ui-accent) 9.41%,transparent)}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-controls {width:266px}
:where(body[data-site-page="index.php"]) #template-field-setup {border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:6px;margin:14px 0;padding:12px}
:where(body[data-site-page="index.php"]) #template-field-setup p {color:var(--ui-nav-muted);font-size:12px}
:where(body[data-site-page="index.php"]) .template-field-option {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
:where(body[data-site-page="index.php"]) .template-field-option label {display:flex;align-items:center;gap:8px}
:where(body[data-site-page="index.php"]) .template-field-option input[type=checkbox] {width:auto}
:where(body[data-site-page="index.php"]) .template-field-option input[type=text] {min-width:0;width:100%;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #video-simple-fields {max-width:500px;width:100%;margin:0 auto;padding:16px;box-sizing:border-box}
:where(body[data-site-page="index.php"]) .simple-template-field {padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav))}
:where(body[data-site-page="index.php"]) .simple-template-field label {display:flex;flex-direction:column;gap:8px}
:where(body[data-site-page="index.php"]) .simple-template-field small {display:block;color:var(--ui-nav-muted);margin:6px 0}
:where(body[data-site-page="index.php"]) .simple-template-field input,
:where(body[data-site-page="index.php"]) .simple-template-field textarea {max-width:100%;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #video-simple-fields[hidden] {display:none}
:where(body[data-site-page="index.php"]) #video-editor:not(.template-consumer) #video-simple-fields {display:none}
:where(body[data-site-page="index.php"]) #video-editor.template-consumer.has-simple-fields .video-workspace {grid-template-columns:minmax(280px,560px) minmax(240px,360px);justify-content:center;align-items:start;gap:24px}
:where(body[data-site-page="index.php"]) #video-simple-fields label {color:var(--ui-nav-accent);font-size:14px}
:where(body[data-site-page="index.php"]) #video-simple-fields button,
:where(body[data-site-page="index.php"]) #video-simple-fields textarea {border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:8px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);font:inherit}
:where(body[data-site-page="index.php"]) #video-simple-fields button {cursor:pointer}
:where(body[data-site-page="index.php"]) #video-simple-fields button:disabled {opacity:.45;cursor:default}
@media(max-width:850px) {:where(body[data-site-page="index.php"]) #video-editor.template-consumer.has-simple-fields .video-workspace {grid-template-columns:1fr}}
:where(body[data-site-page="index.php"]) .film-video-frames {position:absolute;inset:0;display:flex;overflow:hidden;pointer-events:none;opacity:.75;border-radius:3px}
:where(body[data-site-page="index.php"]) .film-video-frames canvas {height:100%;min-width:0;flex-shrink:0;object-fit:cover;border-right:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));box-sizing:border-box}
:where(body[data-site-page="index.php"]) .has-video-frames .film-name {position:relative;z-index:1;align-self:flex-end;background:color-mix(in srgb,var(--ui-nav) 80.00%,transparent);border-radius:3px;padding:2px 5px;max-width:calc(100% - 70px);text-shadow:0 1px 2px #000}
:where(body[data-site-page="index.php"]) .has-video-frames .film-in,
:where(body[data-site-page="index.php"]) .has-video-frames .film-out {z-index:2}
:where(body[data-site-page="index.php"]) .film-audio-filename {position:absolute;left:12px;right:12px;top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:16px;color:#dcece7;text-shadow:0 1px 3px #102b24;background:linear-gradient(90deg,#102b24cc,transparent);pointer-events:none}
:where(body[data-site-page="index.php"]) #film-list .film-multi-selected {outline:2px solid var(--ui-nav-accent);outline-offset:-2px;box-shadow:inset 0 0 0 1px var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .film-selection-box {position:absolute;border:1px solid var(--ui-nav-accent);background:color-mix(in srgb,var(--ui-accent) 14.90%,transparent);pointer-events:none;z-index:50}
:where(body[data-site-page="index.php"]) #sound-effects fieldset {margin:12px 0;padding:12px;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:6px;display:flex;flex-wrap:wrap;gap:12px}
:where(body[data-site-page="index.php"]) #sound-effects label {display:flex;align-items:center;gap:8px}
:where(body[data-site-page="index.php"]) #sound-effects input[type=number] {width:80px}
:where(body[data-site-page="index.php"]) #film-list .film-clip .film-out {margin-left:auto;align-self:stretch}
:where(body[data-site-page="index.php"]) #film-list .film-clip .film-in {align-self:stretch}
:where(body[data-site-page="index.php"]) #film-list .film-copy-ghost {z-index:40;opacity:.65;outline:2px dashed var(--ui-nav-accent);pointer-events:none}
:where(body[data-site-page="index.php"]) .film-library-shadow {position:absolute;box-sizing:border-box;pointer-events:none;z-index:20;border:2px dashed var(--ui-nav-accent);border-radius:4px;background:color-mix(in srgb,var(--ui-nav-hover) 40.00%,transparent);color:var(--ui-nav-accent);opacity:.75;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-size:12px}
:where(body[data-site-page="index.php"]) .film-library-shadow.is-audio {background:#368b6666;border-color:#88e4bf}
:where(body[data-site-page="index.php"]) .film-library-shadow[hidden] {display:none}
:where(body[data-site-page="index.php"]) .film-cut-tools {display:flex;align-items:center;gap:12px;padding:5px 0;font-size:12px}
:where(body[data-site-page="index.php"]) .film-cut-tools label {display:flex;align-items:center;gap:6px}
:where(body[data-site-page="index.php"]) .film-cut-tools select {max-width:210px}
:where(body[data-site-page="index.php"]) .film-trim-guide {position:absolute;top:0;bottom:0;border-left:1px solid var(--ui-nav-accent);pointer-events:none;z-index:35}
:where(body[data-site-page="index.php"]) .film-trim-guide[hidden] {display:none}
:where(body[data-site-page="index.php"]) .film-trim-readout {position:absolute;transform:translateY(-100%);padding:3px 6px;border-radius:3px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);pointer-events:none;z-index:36;white-space:nowrap;font-size:12px}
/* Keep the playhead's drag area clear of adjacent clip trim handles. */
:where(body[data-site-page="index.php"]) #film-playhead {width:4px;margin-left:-2px;background:linear-gradient(90deg,transparent 1px,var(--ui-accent) 1px,var(--ui-accent) 3px,transparent 3px)}
:where(body[data-site-page="index.php"]) #film-playhead::before {left:-4px}
:where(body[data-site-page="index.php"]) .film-cut-tools {flex-wrap:wrap}
:where(body[data-site-page="index.php"]) .film-cut-tools label {width:auto;color:var(--ui-nav-text);white-space:nowrap;font-weight:400}
/* Two number rows, with a separate strip below for render/source status. */
:where(body[data-site-page="index.php"]) .film-ruler {height:36px}
:where(body[data-site-page="index.php"]) .film-ruler span {top:2px;height:27px;z-index:5;line-height:12px}
:where(body[data-site-page="index.php"]) .film-ruler span[data-meter-count] {top:16px;height:11px;line-height:11px}
:where(body[data-site-page="index.php"]) .film-prerender-progress {top:32px}
:where(body[data-site-page="index.php"]) .film-snap-grid {background-size:100% 36px,100% calc(100% - 36px)}
:where(body[data-site-page="index.php"]) #kf-timeline .kf-ruler,
:where(body[data-site-page="index.php"]) #kf-timeline .kf-track-heading {height:36px;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #kf-timeline .kf-ruler span {top:2px;height:27px;line-height:12px;z-index:3}
:where(body[data-site-page="index.php"]) #kf-timeline .kf-ruler span[data-meter-count] {top:16px;height:11px;line-height:11px}
:where(body[data-site-page="index.php"]) .film-layer-heading {height:36px}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-name-box {display:flex;flex:1;min-width:0;align-items:stretch;background:var(--ui-nav-panel);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;overflow:hidden}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-name-box .layer-drag,
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-name-box .layer-title {border:0;background:transparent;border-radius:0;margin:0}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-name-box .layer-title {flex:1;min-width:0;text-align:left}
:where(body[data-site-page="index.php"]) #video-layer-sidebar .layer-name-box .layer-drag {flex:0 0 24px}
:where(body[data-site-page="index.php"]) .layer-reorder-placeholder {opacity:.2}
:where(body[data-site-page="index.php"]) .layer-reorder-ghost {position:fixed;z-index:1000;pointer-events:none;background:var(--ui-nav-hover);border:1px solid var(--ui-nav-accent);border-radius:4px;box-shadow:0 5px 15px #0007;box-sizing:border-box;transition:top 90ms ease-out;overflow:hidden}
:where(body[data-site-page="index.php"]) .layer-reorder-ghost .layer-row {display:flex;gap:3px;align-items:center;min-height:25px}
:where(body[data-site-page="index.php"]) .layer-reorder-ghost .layer-name-box {display:flex;flex:1;min-width:0}
:where(body[data-site-page="index.php"]) .layer-reorder-ghost button {background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:0;font:11px system-ui;padding:3px}
:where(body[data-site-page="index.php"]) .layer-reorder-ghost .layer-title {flex:1;text-align:left}
:where(body[data-site-page="index.php"]) .layer-reorder-ghost .layer-drag {font-size:18px}
@media(prefers-reduced-motion:reduce) {:where(body[data-site-page="index.php"]) .layer-reorder-ghost {transition:none}}
/* Warm graphics, blue video, green audio. Preserve fade overlays and selection. */
:where(body[data-site-page="index.php"]) #film-list .film-clip.film-graphic-clip {background-color:#684326;border-color:#bd834c;color:#f5e6d7}
:where(body[data-site-page="index.php"]) #film-list .film-clip.film-graphic-clip[aria-current=true] {background-color:#80522e;border-color:#ffd166}
:where(body[data-site-page="index.php"]) .film-library-shadow.is-graphic {background:#ab6a3466;border-color:#e8a367;color:#ffead8}
:where(body[data-site-page="index.php"]) #film-sponsor-settings {width:min(560px,90vw);max-height:85vh;overflow:auto;background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:10px;padding:20px}
:where(body[data-site-page="index.php"]) #film-sponsor-settings::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="index.php"]) #film-sponsor-settings label {display:flex;gap:10px;align-items:center;margin:9px 0}
:where(body[data-site-page="index.php"]) #film-sponsor-settings input[type=text] {min-width:0;flex:1}
:where(body[data-site-page="index.php"]) #strip-logos {max-height:180px;overflow:auto;border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav))}
:where(body[data-site-page="index.php"]) #strip-preview {width:100%;height:auto;background:repeating-conic-gradient(#34414d 0% 25%,#222c36 0% 50%) 0/16px 16px}
:where(body[data-site-page="index.php"]) #film-sponsor-settings footer {display:flex;justify-content:flex-end;gap:10px}
:where(body[data-site-page="index.php"]) #strip-message {font-size:12px;color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #video-editor .film-clip>.film-object-lock {right:36px;width:22px;height:22px;min-height:22px;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #video-editor .film-clip>.film-clip-remove {position:absolute;right:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;min-height:22px;box-sizing:border-box;z-index:8;display:grid;place-items:center;padding:0;background:color-mix(in srgb,var(--ui-nav) 73.33%,transparent);border-radius:3px;color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #video-editor .film-clip .film-name {min-width:0;padding-right:62px}
:where(body[data-site-page="index.php"]) #film-list .has-video-frames .film-name {max-width:calc(100% - 12px);box-sizing:border-box}
:where(body[data-site-page="index.php"]) #logo-element-dialog {width:min(520px,90vw);max-height:85vh;overflow:auto;background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:10px;padding:20px}
:where(body[data-site-page="index.php"]) #logo-element-dialog::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="index.php"]) #logo-element-dialog label {display:flex;align-items:center;gap:10px;margin:12px 0}
:where(body[data-site-page="index.php"]) #logo-element-dialog footer {display:flex;justify-content:flex-end;gap:10px}
:where(body[data-site-page="index.php"]) #logo-position-tools:not([hidden]) {display:flex;gap:8px;padding:5px 0}
:where(body[data-site-page="index.php"]) #logo-element-dialog small,
:where(body[data-site-page="index.php"]) #logo-element-dialog p {color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #logo-element-dialog label {color:var(--ui-nav-accent);font-size:14px}
:where(body[data-site-page="index.php"]) #logo-element-dialog input,
:where(body[data-site-page="index.php"]) #logo-element-dialog select {background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:7px;min-width:0}
:where(body[data-site-page="index.php"]) #logo-element-dialog button {background:var(--ui-nav-hover);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:8px 12px}
:where(body[data-site-page="index.php"]) #logo-element-dialog input[type=number] {width:110px}
:where(body[data-site-page="index.php"]) #logo-position-tools {flex-wrap:wrap;align-items:center}
:where(body[data-site-page="index.php"]) #logo-position-tools small {flex-basis:100%;color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #film-panel .film-layer-label .film-track-remove {flex:0 0 20px;min-width:20px;cursor:pointer;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #film-panel .film-layer-label .film-track-remove:disabled {opacity:.3;cursor:default}
:where(body[data-site-page="index.php"]) .logo-stage-lane {height:72px!important;position:relative;overflow:visible}
:where(body[data-site-page="index.php"]) .logo-stage-range {position:absolute;top:38px;height:20px;background:#597d9980;border:1px solid #80cfff}
:where(body[data-site-page="index.php"]) .logo-stage-handle {position:absolute;top:36px;transform:translateX(-50%);padding:0 4px!important;min-width:10px!important;height:25px;background:#36596c;color:#b9e5ff;z-index:4;cursor:ew-resize}
:where(body[data-site-page="index.php"]) .logo-stage-marker {position:absolute;top:3px;transform:translateX(-8px);height:27px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8ad8ff;background:#273c4c;border:1px solid #658ba0;cursor:ew-resize}
:where(body[data-site-page="index.php"]) .logo-stage-mode .kf-heading-3d {display:none!important}
:where(body[data-site-page="index.php"]) .logo-stage-mode #kf-inspector {display:flex;gap:8px;flex-wrap:wrap}
:where(body[data-site-page="index.php"]) .logo-stage-mode .kf-preset-tools {display:none}
:where(body[data-site-page="index.php"]) .logo-stage-mode .kf-legacy-add,
:where(body[data-site-page="index.php"]) .logo-stage-mode .kf-help {display:none!important}
:where(body[data-site-page="index.php"]) .logo-stage-start {transform:translateX(-100%)}
:where(body[data-site-page="index.php"]) .logo-stage-end {transform:none}
:where(body[data-site-page="index.php"]) #logo-position-tools>select {width:auto;flex:0 1 260px}
:where(body[data-site-page="index.php"]) .logo-stage-mode .kf-toggle {display:none!important}
:where(body[data-site-page="index.php"]) #logo-stage-dialog {width:min(520px,90vw);max-height:85vh;overflow:auto;padding:22px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:10px}
:where(body[data-site-page="index.php"]) #logo-stage-dialog::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="index.php"]) #logo-stage-dialog label {display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #logo-stage-dialog select,
:where(body[data-site-page="index.php"]) #logo-stage-dialog input {min-width:0;flex:1;background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:8px}
:where(body[data-site-page="index.php"]) #logo-stage-dialog p {color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #logo-stage-dialog footer {display:flex;gap:10px;justify-content:flex-end}
:where(body[data-site-page="index.php"]) #logo-stage-dialog button {background:var(--ui-nav-hover);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:8px 12px}
:where(body[data-site-page="index.php"]) #film-panel .film-logo-clip .film-name {align-self:flex-start;line-height:18px;font-size:10px;opacity:.75}
:where(body[data-site-page="index.php"]) #film-panel .film-logo-clip .film-clip-thumb {align-self:flex-start;height:17px;width:15px}
:where(body[data-site-page="index.php"]) .film-logo-stages {position:absolute;left:0;right:0;bottom:2px;height:23px;overflow:hidden;pointer-events:none}
:where(body[data-site-page="index.php"]) .film-logo-stage {position:absolute;top:1px;height:21px;display:flex;align-items:center;gap:5px;box-sizing:border-box;border-left:2px solid #9ce1ff;padding:1px 5px;color:#e1f4ff;background:#1d354adb;white-space:nowrap;overflow:hidden;font-size:11px}
:where(body[data-site-page="index.php"]) .film-logo-stage {pointer-events:auto}
:where(body[data-site-page="index.php"]) .film-logo-transition {position:absolute;top:0;bottom:0;background:repeating-linear-gradient(125deg,#95dbff70 0 3px,#37648270 3px 8px);border-left:1px solid #a2defa;border-right:1px solid #a2defa;box-sizing:border-box}
:where(body[data-site-page="index.php"]) .film-logo-position-icon {position:relative;flex:0 0 15px;height:17px;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:2px}
:where(body[data-site-page="index.php"]) .film-logo-position-icon:after {content:'';position:absolute;width:4px;height:5px;background:var(--ui-accent);border-radius:1px}
:where(body[data-site-page="index.php"]) .film-logo-position-icon.center:after {left:4px;top:4px;width:7px;height:8px}
:where(body[data-site-page="index.php"]) .film-logo-position-icon.topRight:after {right:1px;top:1px}
:where(body[data-site-page="index.php"]) .film-logo-position-icon.topLeft:after {left:1px;top:1px}
:where(body[data-site-page="index.php"]) .film-logo-position-icon.bottomRight:after {right:1px;bottom:1px}
:where(body[data-site-page="index.php"]) .film-logo-position-icon.bottomLeft:after {left:1px;bottom:1px}
:where(body[data-site-page="index.php"]) #video-team-images {width:min(1000px,92vw);max-height:88vh;overflow:auto;padding:20px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:10px}
:where(body[data-site-page="index.php"]) #video-team-images::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="index.php"]) #video-team-images header,
:where(body[data-site-page="index.php"]) .team-images-tools {display:flex;align-items:center;gap:15px;justify-content:space-between;flex-wrap:wrap}
:where(body[data-site-page="index.php"]) #video-team-images label {color:var(--ui-nav-accent);flex:1;min-width:180px}
:where(body[data-site-page="index.php"]) #video-team-images input,
:where(body[data-site-page="index.php"]) #video-team-images select {background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:8px;width:100%}
:where(body[data-site-page="index.php"]) #video-team-images button {background:var(--ui-nav-hover);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:8px 12px}
:where(body[data-site-page="index.php"]) #team-images-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:16px 0}
:where(body[data-site-page="index.php"]) .team-image-choice {display:flex;flex-direction:column;gap:7px;min-width:0;text-align:left}
:where(body[data-site-page="index.php"]) .team-image-choice img {width:100%;height:130px;object-fit:cover;background:#141b22}
:where(body[data-site-page="index.php"]) .team-image-choice span {max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(body[data-site-page="index.php"]) #team-images-status {color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) .film-layer-label.film-track-reorder-ghost {pointer-events:none;z-index:30;background:var(--ui-nav-hover);outline:2px solid var(--ui-nav-accent);box-shadow:0 4px 12px #0006;transition:top 120ms ease-out}
:where(body[data-site-page="index.php"]) #video-team-images .team-image-choice {position:relative}
:where(body[data-site-page="index.php"]) #video-team-images .team-image-choice[aria-pressed=true] {border:2px solid var(--ui-nav-accent);padding:7px 11px;background:var(--ui-nav-hover);box-shadow:0 0 0 1px var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .team-image-selected {position:absolute;top:12px;right:12px;padding:3px 7px;border-radius:4px;background:var(--ui-accent);color:var(--ui-on-accent);font-size:12px;font-weight:700}
/* Keep the label and its timeline lane highlighted as one row. */
@media (hover:hover) {:where(body[data-site-page="index.php"]) #kf-timeline > .kf-track-label:not(.kf-track-heading):hover,
:where(body[data-site-page="index.php"]) #kf-timeline > .kf-track-label:not(.kf-track-heading):has(+ .kf-lane:hover),
:where(body[data-site-page="index.php"]) #kf-timeline > .kf-track-label:not(.kf-track-heading):hover + .kf-lane,
:where(body[data-site-page="index.php"]) #kf-timeline > .kf-track-label:not(.kf-track-heading) + .kf-lane:hover {box-shadow:inset 0 0 0 9999px #0003;}}
:where(body[data-site-page="index.php"]) #film-template-list:has(.film-template-edit) {grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
:where(body[data-site-page="index.php"]) #film-template-list .film-template-edit {align-self:center;white-space:nowrap}
:where(body[data-site-page="index.php"]) #template-transport {width:100%;box-sizing:border-box;margin-top:12px;padding:12px 14px;background:var(--ui-nav-panel);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:7px}
:where(body[data-site-page="index.php"]) .template-transport-buttons {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
:where(body[data-site-page="index.php"]) #template-transport button {background:var(--ui-nav-hover);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:7px 12px;cursor:pointer}
:where(body[data-site-page="index.php"]) #template-transport button:disabled {opacity:.5;cursor:default}
:where(body[data-site-page="index.php"]) #template-clock {margin-left:auto;color:var(--ui-nav-accent);font:13px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}
:where(body[data-site-page="index.php"]) #template-transport #template-seek {display:block;margin:8px 0 0;accent-color:var(--ui-nav-accent);cursor:ew-resize}
:where(body[data-site-page="index.php"]) .template-transport-scale {display:flex;justify-content:space-between;color:var(--ui-nav-muted);font:11px ui-monospace,SFMono-Regular,Consolas,monospace}
:where(body[data-site-page="index.php"]) .film-logo-position-icon.centerLow:after {left:4px;top:7px;width:7px;height:8px}
:where(body[data-site-page="index.php"]) .logo-stage-marker.logo-ease,
:where(body[data-site-page="index.php"]) .logo-stage-handle.logo-ease {color:var(--ease-color);border-color:var(--ease-color)}
:where(body[data-site-page="index.php"]) .logo-stage-range.logo-ease {border-color:var(--ease-color);background:color-mix(in srgb,var(--ease-color) 22%,transparent)}
:where(body[data-site-page="index.php"]) .film-logo-transition.logo-ease {border-color:var(--ease-color);background:repeating-linear-gradient(125deg,color-mix(in srgb,var(--ease-color) 45%,transparent) 0 3px,#273c4c80 3px 8px)}
:where(body[data-site-page="index.php"]) .film-logo-stage.logo-ease {border-color:var(--ease-color);color:var(--ease-color)}
:where(body[data-site-page="index.php"]) .logo-ease .film-logo-position-icon {border-color:var(--ease-color)}
:where(body[data-site-page="index.php"]) .logo-ease .film-logo-position-icon:after {background:var(--ease-color)}
/* Template playback controls sit below the picture, never beside it. */
:where(body[data-site-page="index.php"]) #video-editor.template-consumer .video-workspace {overflow:auto;align-items:start}
:where(body[data-site-page="index.php"]) #video-editor.template-consumer .video-stage {box-sizing:border-box;flex-direction:column;align-items:center;gap:0;margin:0 auto}
:where(body[data-site-page="index.php"]) #video-editor.template-consumer .video-sketch {flex:none;width:100%;min-height:0}
:where(body[data-site-page="index.php"]) #video-editor.template-consumer #video-canvas {width:min(100%,max(160px,calc((100dvh - 240px)*.8)));height:auto;max-height:none;aspect-ratio:4 / 5}
:where(body[data-site-page="index.php"]) #video-editor.template-consumer #template-transport {flex:none}
body:where([data-site-page="index.php"]).editing-video .preview-panel {display:none}
body:where([data-site-page="index.php"]).editing-video .app-shell {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="index.php"]) #video-template-library {display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin:18px 0}
:where(body[data-site-page="index.php"]) .video-template-card {display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:12px;background:var(--ui-nav-panel);color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .video-template-card h3,
:where(body[data-site-page="index.php"]) .video-template-card p {margin:0}
:where(body[data-site-page="index.php"]) .video-template-card p {color:var(--ui-nav-muted);font-size:13px}
:where(body[data-site-page="index.php"]) .video-template-card-icon {display:grid;place-items:center;height:110px;border-radius:7px;background:var(--ui-nav);color:var(--ui-nav-accent);font-size:42px}
:where(body[data-site-page="index.php"]) .video-template-card .button {width:100%}
:where(body[data-site-page="index.php"]) .simple-template-image-preview {display:block;width:96px;height:120px;object-fit:contain;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:6px;background:repeating-conic-gradient(#26313d 0% 25%,#1c252f 0% 50%) 0 / 16px 16px}
body:where([data-site-page="index.php"]).editing-video .app-shell {grid-template-columns:minmax(520px,1fr) minmax(420px,.85fr)}
:where(body[data-site-page="index.php"]) #video-editor.video-inline-backend {display:none!important}
:where(body[data-site-page="index.php"]) #video-inline-preview {display:none;align-self:start;position:sticky;top:16px;padding:18px;box-sizing:border-box;background:var(--ui-surface);border-radius:10px;box-shadow:0 8px 28px rgba(var(--ui-text-rgb),0.078)}
body:where([data-site-page="index.php"]).editing-video #video-inline-preview {display:block}
:where(body[data-site-page="index.php"]) #video-inline-preview [hidden],
:where(body[data-site-page="index.php"]) #panel-video [hidden] {display:none!important}
:where(body[data-site-page="index.php"]) .video-preview-actions {display:flex;justify-content:flex-end;align-items:center;gap:8px;min-height:36px;margin-bottom:16px;flex-wrap:wrap}
:where(body[data-site-page="index.php"]) .video-preview-actions:not(:has(> :not([hidden]))) {display:none}
:where(body[data-site-page="index.php"]) .video-preview-actions > .button {flex:0 0 auto;width:auto;min-height:36px;padding:8px 10px;font-size:12px;line-height:1.25;white-space:nowrap}
:where(body[data-site-page="index.php"]) .video-preview-actions #video-template-publish {margin-left:auto}
:where(body[data-site-page="index.php"]) .video-preview-actions:has(.video-preview-downloads:not([hidden])) #video-template-publish {margin-left:0}
:where(body[data-site-page="index.php"]) .video-preview-downloads {display:flex;align-items:center;gap:8px;margin-left:auto}
:where(body[data-site-page="index.php"]) #video-inline-preview .video-preview-downloads > .button {display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 10px;border:0;border-radius:6px;background:var(--ui-accent);color:var(--ui-on-accent);font-size:12px;line-height:1.25;white-space:nowrap;text-decoration:none}
:where(body[data-site-page="index.php"]) #video-inline-preview .video-preview-downloads:has(> a:not([hidden])) > button {display:none}
:where(body[data-site-page="index.php"]) .video-preview-actions #video-template-sponsors-toggle span {font-size:11px}
:where(body[data-site-page="index.php"]) #video-inline-preview .video-stage {display:flex;flex-direction:column;align-items:center;gap:0;padding:0;background:transparent;overflow:visible}
:where(body[data-site-page="index.php"]) #video-inline-preview .video-sketch {flex:none;width:100%;padding-top:0}
:where(body[data-site-page="index.php"]) #video-inline-preview #video-preview-timecode {display:none}
:where(body[data-site-page="index.php"]) #video-inline-preview #video-canvas {display:block;width:min(100%,max(180px,calc((100dvh - 260px)*.8)));height:auto;max-width:100%;max-height:none;aspect-ratio:4 / 5;pointer-events:none}
:where(body[data-site-page="index.php"]) #video-inline-preview #template-transport {flex:none;margin-top:12px}
:where(body[data-site-page="index.php"]) #video-inline-preview #template-seek {width:100%;min-height:30px;padding:0}
:where(body[data-site-page="index.php"]) #video-inline-fields #video-simple-fields {max-width:none;padding:12px 0;color:var(--ui-text)}
:where(body[data-site-page="index.php"]) #video-inline-fields .simple-template-field {border-bottom-color:var(--ui-border)}
:where(body[data-site-page="index.php"]) #video-inline-fields .simple-template-field small {color:var(--ui-text-muted)}
:where(body[data-site-page="index.php"]) #video-inline-fields .simple-template-field button {border:0;border-radius:6px;padding:12px;background:var(--ui-surface-muted);color:var(--ui-secondary-text);font:inherit;font-weight:600;cursor:pointer}
:where(body[data-site-page="index.php"]) .video-template-actions,
:where(body[data-site-page="index.php"]) #video-inline-actions {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}
:where(body[data-site-page="index.php"]) #video-inline-actions button,
:where(body[data-site-page="index.php"]) #video-inline-actions a {padding:10px 16px;border:0;border-radius:6px;background:var(--ui-secondary);color:var(--ui-on-secondary);font:inherit;cursor:pointer}
:where(body[data-site-page="index.php"]) #video-inline-preview #video-server-result {display:block;flex:none;width:100%;box-sizing:border-box;margin-top:12px;padding:12px 14px;border-radius:8px;background:var(--ui-surface-muted);color:var(--ui-text);font-size:14px;line-height:1.45}
:where(body[data-site-page="index.php"]) #video-inline-actions #film-export {display:none}
:where(body[data-site-page="index.php"]) #video-team-images.inline-team-images {position:static;inset:auto;width:100%;max-width:none;max-height:none;box-sizing:border-box;margin:16px 0;padding:16px;background:var(--ui-surface-muted);color:var(--ui-text);border-color:var(--ui-border)}
:where(body[data-site-page="index.php"]) #video-team-images.inline-team-images label,
:where(body[data-site-page="index.php"]) #video-team-images.inline-team-images #team-images-status {color:var(--ui-text-muted)}
:where(body[data-site-page="index.php"]) #video-team-images.inline-team-images #team-images-grid {grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:520px;overflow:auto}
@media(max-width:1000px) {body:where([data-site-page="index.php"]).editing-video .app-shell {grid-template-columns:minmax(300px,1fr) minmax(300px,.85fr)}}
@media(max-width:700px) {body:where([data-site-page="index.php"]).editing-video .app-shell {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="index.php"]) #video-inline-preview {position:static}}
:where(body[data-site-page="index.php"]) #video-inline-fields #video-simple-fields label {color:var(--ui-text)}
:where(body[data-site-page="index.php"]) #video-inline-fields #video-simple-fields textarea {background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
:where(body[data-site-page="index.php"]) #video-inline-fields #video-simple-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
:where(body[data-site-page="index.php"]) #video-inline-fields #video-simple-fields > h3 {grid-column:1 / -1;margin:4px 0 0}
:where(body[data-site-page="index.php"]) #video-inline-fields .simple-template-field {min-width:0;padding:12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface-muted)}
:where(body[data-site-page="index.php"]) #video-inline-fields #video-simple-fields label {gap:8px;margin:0;font-size:13px;line-height:1.4}
:where(body[data-site-page="index.php"]) #video-inline-fields .simple-template-image-preview {width:72px;height:90px}
:where(body[data-site-page="index.php"]) #video-inline-fields #video-simple-fields button {padding:8px 10px;font-size:12px;line-height:1.4}
:where(body[data-site-page="index.php"]) #video-inline-fields .simple-template-field small {font-size:11px;line-height:1.4;margin:8px 0 0;overflow-wrap:anywhere}
:where(body[data-site-page="index.php"]) #video-inline-fields .simple-template-field textarea,
:where(body[data-site-page="index.php"]) #video-inline-fields .simple-template-field input {width:100%;min-width:0}
/* Compact player chrome: thin seek bar above icon controls. */
:where(body[data-site-page="index.php"]) #template-transport {display:flex;flex-direction:column;gap:0;padding:4px 12px 6px;background:var(--ui-nav);border:0;border-radius:0 0 8px 8px;box-shadow:none;color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #video-inline-preview #template-transport {margin-top:1px}
:where(body[data-site-page="index.php"]) #template-transport .template-transport-buttons {order:2;gap:4px;min-height:40px;flex-wrap:wrap}
:where(body[data-site-page="index.php"]) #template-transport button {display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:6px;border:0;border-radius:50%;background:transparent;color:var(--ui-nav-text);transition:background 120ms}
:where(body[data-site-page="index.php"]) #template-transport button:hover {background:color-mix(in srgb,var(--ui-nav-text) 10.98%,transparent)}
:where(body[data-site-page="index.php"]) #template-transport button:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:1px}
:where(body[data-site-page="index.php"]) #template-transport button svg {width:22px;height:22px;fill:currentColor}
:where(body[data-site-page="index.php"]) #template-transport #template-download {color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #template-download .download-spinner {display:none;fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:38 13;transform-origin:12px 12px}
:where(body[data-site-page="index.php"]) #template-download[aria-busy=true] .download-arrow {display:none}
:where(body[data-site-page="index.php"]) #template-download[aria-busy=true] .download-spinner {display:block;animation:template-download-spin .8s linear infinite}
@keyframes template-download-spin {to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce) {:where(body[data-site-page="index.php"]) #template-download[aria-busy=true] .download-spinner {animation:none}}
:where(body[data-site-page="index.php"]) #template-play .player-pause-icon,
:where(body[data-site-page="index.php"]) #template-play[aria-pressed=true] .player-play-icon {display:none}
:where(body[data-site-page="index.php"]) #template-play[aria-pressed=true] .player-pause-icon {display:block}
:where(body[data-site-page="index.php"]) #template-transport #template-clock {margin-left:8px;color:var(--ui-nav-text);font:12px/1.4 system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}
:where(body[data-site-page="index.php"]) #template-transport .template-transport-scale {display:none}
:where(body[data-site-page="index.php"]) #template-transport #template-seek,
:where(body[data-site-page="index.php"]) #video-inline-preview #template-seek {order:1;appearance:none;-webkit-appearance:none;display:block;width:100%;height:18px;min-height:18px;margin:0;padding:0;border:0;background:transparent;outline-offset:2px;cursor:pointer}
:where(body[data-site-page="index.php"]) #template-seek::-webkit-slider-runnable-track {height:3px;border-radius:3px;background:var(--prerender-track,linear-gradient(to right,var(--ui-accent) var(--played,0%),color-mix(in srgb,var(--ui-nav-text) 25.10%,transparent) var(--played,0%)))}
:where(body[data-site-page="index.php"]) #template-seek::-moz-range-track {height:3px;border-radius:3px;background:var(--prerender-track,linear-gradient(to right,var(--ui-accent) var(--played,0%),color-mix(in srgb,var(--ui-nav-text) 25.10%,transparent) var(--played,0%)))}
:where(body[data-site-page="index.php"]) #template-seek::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-3.5px;border:0;border-radius:50%;background:var(--ui-accent);box-shadow:none}
:where(body[data-site-page="index.php"]) #template-seek::-moz-range-thumb {width:10px;height:10px;border:0;border-radius:50%;background:var(--ui-accent)}
:where(body[data-site-page="index.php"]) .video-preview-actions #video-nff-refresh {min-height:36px;padding:8px 10px;border:0;border-radius:6px;background:var(--ui-surface-muted);color:var(--ui-text);font-family:inherit;font-size:12px;font-weight:600;line-height:1.25;white-space:nowrap;cursor:pointer}
:where(body[data-site-page="index.php"]) .video-preview-actions #video-nff-refresh:disabled {opacity:.5;cursor:default}
:where(body[data-site-page="index.php"]) #template-field-setup .template-field-option {grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav))}
:where(body[data-site-page="index.php"]) .template-field-move {grid-column:3;grid-row:1 / span 2;display:flex;align-items:center;gap:4px}
:where(body[data-site-page="index.php"]) #template-field-setup .template-field-move button {padding:4px 8px;min-width:30px;font-size:18px;line-height:1.2}
:where(body[data-site-page="index.php"]) #template-field-setup .template-field-move button:disabled {opacity:.3;cursor:default}
@media(max-width:520px) {:where(body[data-site-page="index.php"]) #template-field-setup .template-field-option {grid-template-columns:minmax(0,1fr) auto}
:where(body[data-site-page="index.php"]) .template-field-move {grid-column:2;grid-row:1 / span 3}
:where(body[data-site-page="index.php"]) #template-field-setup .template-field-option>label,
:where(body[data-site-page="index.php"]) #template-field-setup .template-field-option>input {grid-column:1}}
:where(body[data-site-page="index.php"]) #video-template-loading {display:flex;align-items:center;gap:10px;margin:16px 0;padding:14px 16px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface-muted);color:var(--ui-text);font-size:14px;font-weight:600}
:where(body[data-site-page="index.php"]) .video-loading-spinner {display:inline-block;flex:none;width:20px;height:20px;box-sizing:border-box;border:2px solid var(--ui-border);border-top-color:var(--ui-secondary);border-radius:50%;animation:video-loading-spin .8s linear infinite}
:where(body[data-site-page="index.php"]) #video-inline-preview.is-loading {min-height:180px}
:where(body[data-site-page="index.php"]) #video-preview-loading {position:absolute;inset:18px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;background:color-mix(in srgb,var(--ui-surface) 92.94%,transparent);color:var(--ui-text);font-size:14px;font-weight:600;text-align:center}
:where(body[data-site-page="index.php"]) #video-preview-loading .video-loading-spinner {width:30px;height:30px;border-width:3px}
@keyframes video-loading-spin {to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce) {:where(body[data-site-page="index.php"]) .video-loading-spinner {animation:none}}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-inline-preview {position:relative}}
:where(body[data-site-page="index.php"]) #video-effects .media-card-actions {grid-auto-rows:minmax(26px,auto)}
:where(body[data-site-page="index.php"]) #video-effects .media-card-actions button {height:auto;min-height:26px;white-space:normal;overflow-wrap:anywhere}
:where(body[data-site-page="index.php"]) #video-effects .media-card-order {position:absolute;top:6px;left:6px;z-index:2;display:flex;gap:3px}
:where(body[data-site-page="index.php"]) #video-effects .media-card-order button {display:grid;place-items:center;width:26px;height:26px;min-height:26px;padding:0;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;background:color-mix(in srgb,var(--ui-nav-panel) 92.94%,transparent);color:var(--ui-nav-text);font-size:16px}
:where(body[data-site-page="index.php"]) #video-effects .media-card-order button:disabled {opacity:.35;cursor:default}
:where(body[data-site-page="index.php"]) #video-effects .media-card-order button:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:2px}
:where(body[data-site-page="index.php"]) #video-effects .media-card.media-reorder-target {outline:2px solid var(--ui-nav-accent);outline-offset:-2px;background:var(--ui-nav-hover)}
:where(body[data-site-page="index.php"]) #video-team-images .team-image-player-tags {display:flex;flex-wrap:wrap;gap:4px;white-space:normal;overflow:visible}
:where(body[data-site-page="index.php"]) #video-team-images .team-image-player-tag {display:inline-block;white-space:normal;overflow-wrap:anywhere;overflow:visible;padding:3px 6px;border-radius:4px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);font-size:11px;line-height:1.35}
:where(body[data-site-page="index.php"]) #video-team-images .team-images-tools label {min-width:min(180px,100%)}
:where(body[data-site-page="index.php"]) #video-effects .media-card {grid-template-rows:110px 32px 16px}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-menu-toggle {position:absolute;right:6px;top:6px;z-index:2;display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:0;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;background:color-mix(in srgb,var(--ui-nav-panel) 92.94%,transparent);color:var(--ui-nav-accent);font-size:24px;line-height:1;cursor:pointer}
:where(body[data-site-page="index.php"]) #video-effects .media-card-menu-toggle:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:2px}
:where(body[data-site-page="index.php"]) #video-effects .media-card-menu {display:none;position:fixed;inset:auto;margin:0;box-sizing:border-box;width:min(260px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:6px;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:8px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);box-shadow:0 8px 28px #0007}
:where(body[data-site-page="index.php"]) #video-effects .media-card-menu:popover-open {display:flex;flex-direction:column;gap:2px}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-menu button,
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-menu select {position:static;display:block;box-sizing:border-box;flex:none;width:100%;min-width:0;max-width:none;min-height:30px;height:auto;margin:0;padding:6px 10px;border:0;border-radius:4px;background:transparent;color:var(--ui-nav-text);font:400 12px/1.4 system-ui,sans-serif;text-align:left;white-space:normal;overflow-wrap:normal;cursor:pointer}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-menu select {border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));background:var(--ui-nav-panel);padding-right:24px}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-menu .media-card-order {position:static;display:flex;flex:none;flex-direction:column;gap:2px;width:100%;border-top:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));padding-top:4px;margin-top:4px}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-menu .media-card-remove {color:#ffb7b7;border-top:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:0;margin-top:4px;padding-top:9px}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-menu button:hover:not(:disabled) {background:var(--ui-nav-hover)}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-menu button:disabled {opacity:.4;cursor:default}
:where(body[data-site-page="index.php"]) #video-effects .media-card .media-card-menu button:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:-2px;background:var(--ui-nav-hover)}
@media(max-height:800px) {:where(body[data-site-page="index.php"]) #video-effects .media-card {grid-template-rows:64px 32px 14px}}
/* Match the image library in Results, including saved thumbnail crops. */
:where(body[data-site-page="index.php"]) #video-team-images,
:where(body[data-site-page="index.php"]) #video-team-images.inline-team-images {background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border)}
:where(body[data-site-page="index.php"]) #video-team-images .team-images-tools {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
:where(body[data-site-page="index.php"]) #video-team-images .team-images-tools label {min-width:0;color:var(--ui-text-muted);font-size:12px}
:where(body[data-site-page="index.php"]) #video-team-images input,
:where(body[data-site-page="index.php"]) #video-team-images select {box-sizing:border-box;min-width:0;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:6px;padding:10px 11px;font:inherit;font-size:12px}
:where(body[data-site-page="index.php"]) #video-team-images input::placeholder {color:var(--ui-text-muted)}
:where(body[data-site-page="index.php"]) #video-team-images select:disabled {opacity:1;background:var(--ui-surface-muted);color:var(--ui-text-muted)}
:where(body[data-site-page="index.php"]) #video-team-images button {background:var(--ui-surface-muted);color:var(--ui-secondary-text);border:0;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
:where(body[data-site-page="index.php"]) #video-team-images #team-images-status {color:var(--ui-text-muted);font-size:12px}
:where(body[data-site-page="index.php"]) #video-team-images #team-images-grid,
:where(body[data-site-page="index.php"]) #video-team-images.inline-team-images #team-images-grid {grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px;align-items:start;margin:12px 0}
:where(body[data-site-page="index.php"]) #video-team-images .team-image-choice {display:block;width:100%;padding:0;border:2px solid var(--ui-border);border-radius:6px;background:var(--ui-surface-muted);color:var(--ui-text);font-size:10px;font-weight:400;text-align:center;overflow:hidden}
:where(body[data-site-page="index.php"]) #video-team-images .team-image-choice[aria-pressed=true] {border-color:var(--ui-accent);background:var(--ui-accent-soft);padding:0;box-shadow:none}
:where(body[data-site-page="index.php"]) #video-team-images .result-image-thumbnail {display:block;width:100%;height:90px;overflow:hidden;margin-bottom:4px;border-radius:0;background:#0c112e}
:where(body[data-site-page="index.php"]) #video-team-images .result-image-thumbnail img {display:block;width:100%;height:90px;object-fit:contain;object-position:center top;transform-origin:center top;background:transparent}
:where(body[data-site-page="index.php"]) #video-team-images .team-image-player-tags {display:block;box-sizing:border-box;width:100%;padding:2px 5px 6px;line-height:1.1;white-space:normal}
:where(body[data-site-page="index.php"]) #video-team-images .team-image-player-tag {display:inline;padding:0;background:none;color:inherit;border-radius:0;font-size:10px;line-height:inherit}
:where(body[data-site-page="index.php"]) #video-team-images .team-image-player-tag:not(:last-child)::after {content:', '}
:where(body[data-site-page="index.php"]) #video-team-images .team-image-selected {top:4px;right:4px;padding:2px 4px;background:var(--ui-accent);color:var(--ui-on-accent);font-size:9px}
:where(body[data-site-page="index.php"]) #video-team-images button:focus-visible,
:where(body[data-site-page="index.php"]) #video-team-images input:focus-visible,
:where(body[data-site-page="index.php"]) #video-team-images select:focus-visible {outline:2px solid var(--ui-focus);outline-offset:2px}
@media(max-width:440px) {:where(body[data-site-page="index.php"]) #video-team-images .team-images-tools {grid-template-columns:minmax(0,1fr)}}
:where(body[data-site-page="index.php"]) #video-export-resolution-label,
:where(body[data-site-page="index.php"]) #video-export-fps-label,
:where(body[data-site-page="index.php"]) #video-export-preset-label {display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.3;flex-shrink:0}
:where(body[data-site-page="index.php"]) #video-export-resolution,
:where(body[data-site-page="index.php"]) #video-export-fps,
:where(body[data-site-page="index.php"]) #video-export-preset {width:auto;max-width:100%;font:inherit;padding:6px 10px}
:where(body[data-site-page="index.php"]) #video-inline-actions #video-export-resolution-label,
:where(body[data-site-page="index.php"]) #video-inline-actions #video-export-fps-label,
:where(body[data-site-page="index.php"]) #video-inline-actions #video-export-preset-label {margin:12px 0;font-size:14px;max-width:300px}
/* Give the selected photo priority over its action in template cards. */
:where(body[data-site-page="index.php"]) #video-simple-fields .simple-template-image-preview,
:where(body[data-site-page="index.php"]) #video-inline-fields .simple-template-image-preview {width:144px;max-width:100%;height:auto;aspect-ratio:4 / 5;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #video-simple-fields .simple-template-image-field button,
:where(body[data-site-page="index.php"]) #video-inline-fields #video-simple-fields .simple-template-image-field button {align-self:flex-start;width:auto;max-width:100%;min-height:36px;padding:6px 12px;font-size:12px;line-height:1.4}
@media(max-width:480px) {:where(body[data-site-page="index.php"]) #video-inline-fields #video-simple-fields {gap:8px}
:where(body[data-site-page="index.php"]) #video-inline-fields .simple-template-field {padding:10px}
:where(body[data-site-page="index.php"]) #video-inline-fields #video-simple-fields label {overflow-wrap:anywhere}}
:where(body[data-site-page="index.php"]) #video-export-location-label {display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.3;flex-shrink:0}
:where(body[data-site-page="index.php"]) #video-export-location {width:auto;max-width:100%;font:inherit;padding:6px 10px}
:where(body[data-site-page="index.php"]) #video-inline-actions #video-export-location-label {margin:12px 0;font-size:14px;max-width:300px}
:where(body[data-site-page="index.php"]) .result-selection-topbar #video-export-topbar {display:flex;flex:0 1 400px;align-items:center;gap:8px 12px;flex-wrap:wrap;min-width:400px}
:where(body[data-site-page="index.php"]) .result-selection-topbar #video-export-topbar[hidden] {display:none}
:where(body[data-site-page="index.php"]) .result-selection-topbar #video-template-picker:has(#video-export-topbar:not([hidden])) > label {flex:1 1 280px;max-width:500px}
:where(body[data-site-page="index.php"]) .result-selection-topbar #video-export-topbar > label {display:flex;flex:1 1 190px;flex-direction:row;align-items:center;gap:6px;min-width:190px;max-width:300px;margin:0;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}
:where(body[data-site-page="index.php"]) .result-selection-topbar #video-export-topbar select {flex:1 1 auto;width:auto;min-width:0;min-height:32px;padding:5px 8px;font-size:12px}
@media(min-width:1200px) {:where(body[data-site-page="index.php"]) .result-selection-topbar #video-export-topbar {flex-basis:510px;min-width:510px}}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) .result-selection-topbar #video-export-topbar {flex:1 1 100%;min-width:0}
:where(body[data-site-page="index.php"]) .result-selection-topbar #video-export-topbar > label {display:grid;grid-template-columns:minmax(0,105px) minmax(0,1fr);flex:1 1 100%;min-width:0;max-width:none}
:where(body[data-site-page="index.php"]) .result-selection-topbar #video-export-topbar select {width:100%;box-sizing:border-box}}
:where(body[data-site-page="index.php"]) #video-export-resolution-label[hidden],
:where(body[data-site-page="index.php"]) #video-export-fps-label[hidden] {display:none!important}
:where(body[data-site-page="index.php"]) #local-export-cancel {margin-top:16px;padding:8px 16px;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);font:inherit;cursor:pointer}
:where(body[data-site-page="index.php"]) #local-export-cancel[hidden] {display:none}
:where(body[data-site-page="index.php"]) #video-local-export-message {color:#b42318;margin:0;font-size:14px;line-height:1.5;white-space:normal}
:where(body[data-site-page="index.php"]) #video-inline-actions #video-local-export-message {flex:0 0 100%;width:100%;margin:0}
:where(body[data-site-page="index.php"]) #video-inline-preview #video-local-export-message {margin-top:12px}
:where(body[data-site-page="index.php"]) #video-editor #video-local-export-message {color:#ff8b8b}
:where(body[data-site-page="index.php"]) #template-transport .template-volume-controls {display:flex;align-items:center;gap:2px;margin-left:auto;min-width:0}
:where(body[data-site-page="index.php"]) #template-transport #template-volume {width:80px;min-width:48px;max-width:100%;height:32px;min-height:32px;padding:0;margin:0;accent-color:var(--ui-accent);cursor:pointer}
:where(body[data-site-page="index.php"]) #template-mute .volume-muted-mark {display:none}
:where(body[data-site-page="index.php"]) #template-mute[aria-pressed=true] .volume-muted-mark {display:block}
@media(max-width:400px) {:where(body[data-site-page="index.php"]) #template-transport .template-transport-buttons {flex-wrap:wrap}
:where(body[data-site-page="index.php"]) #template-transport #template-clock {margin-left:2px}
:where(body[data-site-page="index.php"]) #template-transport #template-volume {width:60px;accent-color:var(--ui-accent)}}
/* Linked continuation beyond the loop boundary, shown only as an editing aid. */
:where(body[data-site-page="index.php"]) #film-panel .film-loop-continuation {position:absolute;z-index:21;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px dashed #80b7cf;border-radius:3px;background:repeating-linear-gradient(135deg,#284352a6 0,#284352a6 7px,#1d303c99 7px,#1d303c99 14px);color:#bdd5e2;text-align:left;padding:5px 10px;font-size:12px;cursor:pointer;opacity:.7}
:where(body[data-site-page="index.php"]) #film-panel .film-loop-continuation:hover,
:where(body[data-site-page="index.php"]) #film-panel .film-loop-continuation:focus-visible {opacity:1;outline:1px solid #8ddcff}
:where(body[data-site-page="index.php"]) .kf-source-range>div.kf-loop-continuation {background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ui-accent) 46.67%,transparent) 0,color-mix(in srgb,var(--ui-accent) 46.67%,transparent) 5px,transparent 5px,transparent 10px);box-shadow:inset 0 0 0 1px var(--ui-nav-accent)}
/* Keep the timing grid behind clips, with the playhead above both. */
:where(body[data-site-page="index.php"]) #film-list .film-clip,
:where(body[data-site-page="index.php"]) #film-list .film-audio-clip {z-index:5}
:where(body[data-site-page="index.php"]) #film-list #film-playhead {z-index:10}
/* Template management: clear card boundaries and compact actions. */
:where(body[data-site-page="index.php"]) #film-template-dialog {width:min(840px,94vw)}
:where(body[data-site-page="index.php"]) #film-template-dialog select {font:14px system-ui;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;padding:9px;background:var(--ui-nav-hover);color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #film-template-dialog .film-template-save-row {flex-wrap:wrap}
:where(body[data-site-page="index.php"]) #film-template-dialog .film-template-save-row label {flex:1 1 220px}
:where(body[data-site-page="index.php"]) #film-template-dialog .film-template-filter {display:flex;gap:8px;align-items:center;margin:18px 0;color:var(--ui-nav-text);white-space:nowrap}
:where(body[data-site-page="index.php"]) #film-template-list {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="index.php"]) .film-template-card {border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:8px;padding:12px;min-width:0}
:where(body[data-site-page="index.php"]) #film-template-list .film-template-row {width:100%;overflow-wrap:anywhere}
:where(body[data-site-page="index.php"]) .film-template-actions {display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
:where(body[data-site-page="index.php"]) .film-template-card summary {cursor:pointer;font-size:13px;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) .film-template-metadata {display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:10px}
:where(body[data-site-page="index.php"]) #film-template-dialog .film-template-metadata label {display:flex;flex:1 1 180px;min-width:0;flex-direction:column;gap:5px;font-size:13px;color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #film-template-dialog .film-template-metadata input {min-width:0;width:100%;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #video-save-current-template {background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent)}
@media(max-width:520px) {:where(body[data-site-page="index.php"]) #film-template-dialog .film-template-save-row label {flex:0 1 auto}
:where(body[data-site-page="index.php"]) #film-template-dialog .film-template-filter {align-items:stretch;flex-direction:column}}
:where(body[data-site-page="index.php"]) #kf-timeline .label-motion-attribute {min-height:44px;gap:8px}
:where(body[data-site-page="index.php"]) #kf-timeline .label-motion-attribute select {width:145px;min-width:0;font-size:11px;padding:4px}
:where(body[data-site-page="index.php"]) #kf-timeline .label-motion-description {min-height:44px;display:flex;align-items:center;gap:14px;padding:4px 12px;box-sizing:border-box;background-image:none;flex-wrap:wrap}
:where(body[data-site-page="index.php"]) #kf-timeline .label-motion-description label {display:flex;align-items:center;gap:6px;margin:0;font-size:12px;white-space:nowrap;color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) #kf-timeline .label-motion-description input {width:auto;margin:0}
:where(body[data-site-page="index.php"]) #kf-timeline .label-motion-description small {color:var(--ui-nav-muted);font-size:11px}
/* Keep selected timeline objects above overlaps and loop shading. */
:where(body[data-site-page="index.php"]) #film-list .film-clip.film-multi-selected,
:where(body[data-site-page="index.php"]) #film-list .film-audio-clip.film-multi-selected {z-index:25}
:where(body[data-site-page="index.php"]) #film-list .film-clip[aria-current="true"],
:where(body[data-site-page="index.php"]) #film-list .film-audio-clip[aria-pressed="true"] {z-index:26}
:where(body[data-site-page="index.php"]) #film-list .film-clip.film-dragging {z-index:27}
:where(body[data-site-page="index.php"]) #film-list #film-playhead {z-index:30}
/* External files add new library objects, including drops over existing cards. */
:where(body[data-site-page="index.php"]) #video-effects #film-library.library-file-drop {outline:2px dashed var(--ui-nav-accent);outline-offset:-4px;background-color:var(--ui-nav-panel)}
:where(body[data-site-page="index.php"]) #film-library.library-file-drop .library-tools::after {content:"Slipp filer for å legge til nye elementer";display:block;align-self:center;color:var(--ui-nav-accent);padding:6px 10px;font-weight:600}
/* Keep hidden tracks editable while making their visibility state clear. */
:where(body[data-site-page="index.php"]) #video-editor .film-track-eye {flex:0 0 26px;display:inline-flex;align-items:center;justify-content:center;padding:3px!important;min-width:26px;color:var(--ui-nav-accent);}
:where(body[data-site-page="index.php"]) #video-editor .film-track-eye[aria-pressed="true"] {color:var(--ui-nav-muted);}
:where(body[data-site-page="index.php"]) #video-editor .film-clip.film-track-hidden {opacity:.45;}
:where(body[data-site-page="index.php"]) #video-editor #video-template-metadata {display:flex;align-items:center;gap:8px;flex:0 1 300px;min-width:180px;}
:where(body[data-site-page="index.php"]) #video-editor #video-template-metadata[hidden],
:where(body[data-site-page="index.php"]) #video-editor-title[hidden] {display:none!important}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head #video-template-metadata label {display:flex;flex-direction:column;gap:2px;margin:0;min-width:0;font-size:10px;flex:1;color:var(--ui-nav-muted);}
:where(body[data-site-page="index.php"]) #video-editor #video-template-metadata input {width:100%;min-width:0;box-sizing:border-box;padding:3px 6px;font:12px system-ui;background:var(--ui-nav);color:var(--ui-nav-text);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:4px;}
:where(body[data-site-page="index.php"]) #film-shake-controls {padding:10px;border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav))}
:where(body[data-site-page="index.php"]) #film-shake-controls h3 {font-size:13px;margin:0 0 8px}
:where(body[data-site-page="index.php"]) #film-shake-controls p {font-size:11px;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) #film-shake-controls .film-shake-point {display:flex;align-items:end;gap:8px;margin:8px 0}
:where(body[data-site-page="index.php"]) #film-shake-controls label {font-size:11px;display:flex;flex-direction:column;gap:3px;min-width:0}
:where(body[data-site-page="index.php"]) #film-shake-controls input {width:90px;max-width:100%;background:var(--ui-nav);color:var(--ui-nav-text);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));padding:4px}
:where(body[data-site-page="index.php"]) #film-shake-controls[hidden] {display:none}
:where(body[data-site-page="index.php"]) .audio-shake-track {position:relative;flex:0 0 28px;height:28px;border-top:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));background:var(--ui-nav-panel)}
:where(body[data-site-page="index.php"]) .audio-shake-label {position:absolute;right:100%;top:1px;width:90px;white-space:nowrap}
:where(body[data-site-page="index.php"]) .audio-shake-marker {position:absolute;top:1px;transform:translateX(-50%);padding:2px!important;min-width:20px!important;color:var(--shake-color,#ffd166)!important;background:transparent!important;border:0!important;touch-action:none}
:where(body[data-site-page="index.php"]) #shake-strength-popup {position:fixed;z-index:1000;box-sizing:border-box;width:80px;height:196px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#202832;color:var(--shake-color,#ffe4a0);border:1px solid var(--shake-color,#ffd166);border-radius:9px;box-shadow:0 5px 20px #0009;font:12px system-ui}
:where(body[data-site-page="index.php"]) #shake-strength-popup input[type=range] {writing-mode:vertical-lr;direction:rtl;appearance:auto;width:28px;height:128px;min-height:0;padding:0;margin:0;accent-color:var(--shake-color,#ffd166);cursor:ns-resize}
:where(body[data-site-page="index.php"]) #shake-strength-popup output {font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}
:where(body[data-site-page="index.php"]) #shake-strength-popup {height:228px}
:where(body[data-site-page="index.php"]) #shake-strength-popup button {font-size:10px;padding:4px 2px;min-width:0}
:where(body[data-site-page="index.php"]) #film-shake-controls {border:1px solid #c49a45;border-radius:6px;margin-bottom:12px}
:where(body[data-site-page="index.php"]) #shake-settings-open {color:#ffd166;border:1px solid #a58542}
:where(body[data-site-page="index.php"]) #shake-test {margin-top:8px}
:where(body[data-site-page="index.php"]) #shake-strength-popup {width:290px;align-content:start;flex-wrap:wrap}
:where(body[data-site-page="index.php"]) #shake-strength-popup .shake-spin-controls {width:185px;height:204px;display:flex;flex-direction:column;gap:7px;color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) #shake-strength-popup .shake-spin-controls label {font-size:11px;display:flex;flex-direction:column;gap:2px}
:where(body[data-site-page="index.php"]) #shake-strength-popup .shake-spin-controls input {width:100%;box-sizing:border-box;background:var(--ui-nav);color:var(--ui-nav-text);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:3px;padding:3px}
:where(body[data-site-page="index.php"]) #shake-strength-popup .shake-spin-controls small {font-size:10px;color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) .audio-shake-marker.shake-selected {background:var(--ui-nav-hover)!important;outline:1px solid var(--ui-nav-accent);border-radius:3px}
:where(body[data-site-page="index.php"]) #shake-strength-popup {height:282px}
:where(body[data-site-page="index.php"]) #shake-strength-popup .shake-spin-controls {height:258px}
:where(body[data-site-page="index.php"]) #shake-strength-popup {height:382px;max-height:calc(100vh - 16px);overflow:auto}
:where(body[data-site-page="index.php"]) #shake-strength-popup .shake-spin-controls {height:358px}
:where(body[data-site-page="index.php"]) #shake-strength-popup {height:436px}
:where(body[data-site-page="index.php"]) #shake-strength-popup .shake-spin-controls {height:412px}
:where(body[data-site-page="index.php"]) #spectrum-dialog {width:min(680px,95vw);max-height:85vh;overflow:auto;background:var(--ui-nav-panel);color:var(--ui-nav-accent);border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:12px;padding:24px}
:where(body[data-site-page="index.php"]) #spectrum-dialog label {display:inline-flex;flex-direction:column;gap:5px;width:46%;margin:8px 1%;font-size:13px}
:where(body[data-site-page="index.php"]) #spectrum-dialog label[hidden] {display:none}
:where(body[data-site-page="index.php"]) #spectrum-dialog input,
:where(body[data-site-page="index.php"]) #spectrum-dialog select {min-height:34px;width:100%;box-sizing:border-box}
:where(body[data-site-page="index.php"]) #spectrum-dialog button {margin:10px}
:where(body[data-site-page="index.php"]) #spectrum-live-preview {display:block;width:100%;height:auto;max-height:220px;object-fit:contain;background:#202832;position:sticky;top:0;z-index:2;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:6px}
/* Reserve the measured controls height while they are visible. */
body:where([data-site-page="index.php"]).video-presenting {overflow:hidden}
:where(body[data-site-page="index.php"]) .video-stage.video-presentation {--presentation-reserved:var(--presentation-controls-height,70px);overflow:hidden!important;position:fixed!important;inset:0!important;z-index:2147483647!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;background:#000!important;gap:0!important;border-radius:0!important}
:where(body[data-site-page="index.php"]) .video-stage.video-presentation .video-sketch {display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;max-height:none!important;box-sizing:border-box;padding:0 0 var(--presentation-reserved)!important;margin:0!important;flex:1!important;transition:padding-bottom .32s cubic-bezier(.22,1,.36,1)}
:where(body[data-site-page="index.php"]) .video-stage.video-presentation #video-canvas {width:min(100vw,calc((100dvh - var(--presentation-reserved)) * .8))!important;height:min(125vw,calc(100dvh - var(--presentation-reserved)))!important;max-width:none!important;max-height:none!important;object-fit:contain;pointer-events:none!important;transition:width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1)}
:where(body[data-site-page="index.php"]) .video-stage.video-presentation #video-preview-timecode,
:where(body[data-site-page="index.php"]) .video-stage.video-presentation .video-sketch> :not(canvas) {display:none!important}
:where(body[data-site-page="index.php"]) .video-stage.video-presentation #template-transport {position:absolute!important;bottom:0;left:0;width:100%;margin:0!important;z-index:2;background:var(--ui-nav);transform:translateY(0);transition:transform .32s cubic-bezier(.22,1,.36,1);border-radius:0;padding-bottom:max(6px,env(safe-area-inset-bottom))}
:where(body[data-site-page="index.php"]) .video-stage.video-presentation.presentation-idle {--presentation-reserved:0px;cursor:none}
:where(body[data-site-page="index.php"]) .video-stage.video-presentation.presentation-idle #template-transport {transform:translateY(100%);pointer-events:none}
:where(body[data-site-page="index.php"]) .video-stage.video-presentation #template-transport:focus-within {transform:translateY(0);pointer-events:auto}
@media(prefers-reduced-motion:reduce) {:where(body[data-site-page="index.php"]) .video-stage.video-presentation .video-sketch,
:where(body[data-site-page="index.php"]) .video-stage.video-presentation #video-canvas,
:where(body[data-site-page="index.php"]) .video-stage.video-presentation #template-transport {transition:none}}
:where(body[data-site-page="index.php"]) .film-prerender-progress .preparing {background:#51b8f5}
/* Administrator segment details. The popover remains inside the transport for fullscreen. */
:where(body[data-site-page="index.php"]) .video-segment-inspector {position:fixed;inset:auto;z-index:2147483647;box-sizing:border-box;width:min(330px,calc(100vw - 16px));max-height:calc(100dvh - 16px);margin:0;padding:14px;overflow:auto;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:10px;background:var(--ui-nav-panel);color:var(--ui-nav-accent);box-shadow:0 10px 36px #0007;font:12px/1.4 system-ui,sans-serif;text-align:left;cursor:default;color-scheme:dark}
:where(body[data-site-page="index.php"]) .video-segment-inspector[hidden] {display:none!important}
:where(body[data-site-page="index.php"]) .video-segment-inspector::backdrop {background:transparent;pointer-events:none}
:where(body[data-site-page="index.php"]) .video-segment-inspector-head {display:flex;align-items:center;gap:8px;margin:0 0 10px}
:where(body[data-site-page="index.php"]) .video-segment-inspector h3 {flex:1;margin:0;font:600 13px/1.4 system-ui,sans-serif;font-variant-numeric:tabular-nums}
:where(body[data-site-page="index.php"]) .video-segment-inspector dl {display:grid;grid-template-columns:90px minmax(0,1fr);gap:5px 12px;margin:0}
:where(body[data-site-page="index.php"]) .video-segment-inspector dt {margin:0;color:var(--ui-nav-muted);font-weight:400}
:where(body[data-site-page="index.php"]) .video-segment-inspector dd {margin:0;color:var(--ui-nav-accent);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
:where(body[data-site-page="index.php"]) .video-segment-inspector-notice {margin:10px 0 0;color:var(--ui-nav-accent);font-size:12px;overflow-wrap:anywhere}
:where(body[data-site-page="index.php"]) #template-transport .video-segment-inspector button {display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:32px;flex:none;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;background:var(--ui-nav-hover);color:var(--ui-nav-accent);font:600 12px/1.3 system-ui,sans-serif;cursor:pointer}
:where(body[data-site-page="index.php"]) #template-transport .video-segment-inspector .video-segment-inspector-close {width:26px;min-height:26px;padding:0;border-color:transparent;background:transparent;font-size:21px;font-weight:400;line-height:1}
:where(body[data-site-page="index.php"]) #template-transport .video-segment-inspector .video-segment-inspector-render {width:100%;margin-top:12px;padding:7px 12px}
:where(body[data-site-page="index.php"]) #template-transport .video-segment-inspector button:hover {background:var(--ui-nav-hover)}
:where(body[data-site-page="index.php"]) #template-transport .video-segment-inspector button:disabled {opacity:.55;cursor:default}
:where(body[data-site-page="index.php"]) #template-transport .video-segment-inspector button:focus-visible {outline:2px solid var(--ui-nav-accent);outline-offset:2px}
:where(body[data-site-page="index.php"]) .team-images-suggestion {display:flex;gap:12px;align-items:center;justify-content:space-between;background:#e8f2ed;border:1px solid #b7d3c4;border-radius:10px;padding:12px;margin:12px 0;color:#123a2b;flex-wrap:wrap}
:where(body[data-site-page="index.php"]) .team-images-suggestion[hidden] {display:none}
:where(body[data-site-page="index.php"]) .team-images-suggestion button {flex-shrink:0}
:where(body[data-site-page="index.php"]) .video-project-toolbar {display:flex;flex-wrap:wrap;align-items:end;gap:.6rem;padding:.6rem 1rem;background:var(--ui-nav-panel);color:var(--ui-nav-accent);border-bottom:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));max-width:100%;box-sizing:border-box}
:where(body[data-site-page="index.php"]) .video-project-toolbar a {color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .video-project-toolbar label {display:grid;gap:.2rem;font-size:.8rem}
:where(body[data-site-page="index.php"]) .video-project-toolbar input,
:where(body[data-site-page="index.php"]) .video-project-toolbar select {max-width:14rem;width:100%;box-sizing:border-box}
:where(body[data-site-page="index.php"]) .video-project-toolbar [role=status] {flex:1 1 100%;font-size:.85rem}
:where(body[data-site-page="index.php"]) .template-consumer .video-project-toolbar {display:flex}
:where(body[data-site-page="index.php"]) .project-share-dialog,
:where(body[data-site-page="index.php"]) .video-variants-dialog {max-width:min(94vw,1100px);max-height:90vh;overflow:auto;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:12px;padding:24px;background:var(--ui-nav-panel);color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .project-share-dialog input {width:100%;box-sizing:border-box;margin:12px 0}
:where(body[data-site-page="index.php"]) .project-share-dialog button,
:where(body[data-site-page="index.php"]) .video-variants-dialog button {margin:.4rem}
:where(body[data-site-page="index.php"]) .video-variant-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
:where(body[data-site-page="index.php"]) .video-variant-grid figure {margin:0;padding:12px;background:var(--ui-nav);border-radius:8px}
:where(body[data-site-page="index.php"]) .video-variant-grid canvas,
:where(body[data-site-page="index.php"]) .video-variant-grid video {width:100%;height:220px;object-fit:contain}
:where(body[data-site-page="index.php"]) .video-variant-grid label {display:flex;gap:8px;align-items:center}
:where(body[data-site-page="index.php"]) .video-variant-grid a {color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .video-variants-dialog header {display:flex;justify-content:space-between;align-items:center}
:where(body[data-site-page="index.php"]) .video-variants-dialog .variant-links {display:grid;gap:.5rem}
:where(body[data-site-page="index.php"]) .video-variants-dialog progress {width:100%}
@media(max-width:640px) {:where(body[data-site-page="index.php"]) .video-project-toolbar {padding:.5rem}
:where(body[data-site-page="index.php"]) .video-project-toolbar label {flex:1 1 40%}
:where(body[data-site-page="index.php"]) .video-project-toolbar input,
:where(body[data-site-page="index.php"]) .video-project-toolbar select {max-width:100%;min-width:0}
:where(body[data-site-page="index.php"]) .video-variant-grid {grid-template-columns:1fr 1fr}
:where(body[data-site-page="index.php"]) .video-variant-grid canvas,
:where(body[data-site-page="index.php"]) .video-variant-grid video {height:160px}}
/* Project controls occupy space in the existing header, never an implicit grid row. */
:where(body[data-site-page="index.php"]) #video-editor[open]:has(.video-project-toolbar),
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden:has(.video-project-toolbar) {grid-template-rows:auto minmax(140px,1fr) auto auto}
:where(body[data-site-page="index.php"]) #video-editor:has(.video-project-toolbar) .video-editor-head {flex-wrap:wrap;max-height:34dvh;overflow:auto;flex-shrink:0}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head>.video-project-toolbar {flex:1 1 100%;min-width:0;padding:.4rem 0;border:0;background:transparent}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar label {display:grid;font-size:11px;white-space:normal}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar button {min-height:30px;white-space:normal}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor[open]:has(.video-project-toolbar),
:where(body[data-site-page="index.php"]) #video-editor[open].video-3d-hidden:has(.video-project-toolbar) {grid-template-rows:auto minmax(200px,1fr) auto auto}}
:where(body[data-site-page="index.php"]) #video-editor:has(.video-project-toolbar) .video-editor-head #video-status {position:static;flex:1 1 100%;white-space:normal;overflow-wrap:anywhere}
:where(body[data-site-page="index.php"]) .video-project-toolbar label,
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar label {margin:0;color:var(--ui-nav-text)}
:where(body[data-site-page="index.php"]) .video-project-toolbar button,
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar button {border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;background:var(--ui-nav-hover);color:var(--ui-nav-accent);padding:6px 9px;font:600 12px/1.3 system-ui,sans-serif;min-height:32px;box-sizing:border-box}
:where(body[data-site-page="index.php"]) .video-project-toolbar input,
:where(body[data-site-page="index.php"]) .video-project-toolbar select,
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar input,
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar select {height:32px;min-height:32px;padding:4px 7px;font:12px/1.3 system-ui,sans-serif;border-radius:5px}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar {gap:6px}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar label {flex:1 1 40%}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar>a {flex:1 1 100%;font-size:12px}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar [role=status] {font-size:11px}}
:where(body[data-site-page="index.php"]) .video-variants-dialog {box-sizing:border-box;width:min(94vw,1100px);font:14px/1.5 system-ui,sans-serif}
:where(body[data-site-page="index.php"]) .video-variants-dialog header {gap:16px}
:where(body[data-site-page="index.php"]) .video-variants-dialog header h2 {margin:0;font-size:1.5rem}
:where(body[data-site-page="index.php"]) .video-variants-dialog button {border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:6px;background:var(--ui-nav-hover);color:var(--ui-nav-accent);padding:8px 12px;min-height:36px;font:600 13px/1.3 system-ui,sans-serif;cursor:pointer}
:where(body[data-site-page="index.php"]) .video-variants-dialog button:disabled {opacity:.55;cursor:wait}
:where(body[data-site-page="index.php"]) .video-variants-dialog [data-make] {background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent)}
:where(body[data-site-page="index.php"]) .video-custom-format {display:grid;grid-template-columns:minmax(160px,2fr) minmax(85px,1fr) minmax(85px,1fr) auto;gap:10px;align-items:end;margin:20px 0;padding:16px;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:8px}
:where(body[data-site-page="index.php"]) .video-custom-format h3,
:where(body[data-site-page="index.php"]) .video-custom-format .variant-help {grid-column:1/-1;margin:0}
:where(body[data-site-page="index.php"]) .video-custom-format .variant-help {color:var(--ui-nav-muted);font-size:12px}
:where(body[data-site-page="index.php"]) .video-custom-format label {display:grid;gap:5px;min-width:0;color:var(--ui-nav-accent);font-size:13px}
:where(body[data-site-page="index.php"]) .video-custom-format input {width:100%;min-width:0;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav));border-radius:5px;background:var(--ui-nav);color:var(--ui-nav-accent);padding:8px;min-height:36px;font:14px system-ui,sans-serif}
:where(body[data-site-page="index.php"]) .video-custom-format button {margin:0}
:where(body[data-site-page="index.php"]) .video-variant-grid {grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
:where(body[data-site-page="index.php"]) .video-variant-grid figure {min-width:0;box-sizing:border-box}
:where(body[data-site-page="index.php"]) .video-variant-grid label {color:var(--ui-nav-accent);overflow-wrap:anywhere}
:where(body[data-site-page="index.php"]) .video-variant-grid label input {flex-shrink:0}
:where(body[data-site-page="index.php"]) .video-variants-dialog .variant-remove {margin:10px 0 0;font-size:12px;background:transparent;color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .video-variants-dialog .variant-links a {color:var(--ui-nav-accent)}
:where(body[data-site-page="index.php"]) .video-variants-dialog [role=status] {min-height:1.5em;overflow-wrap:anywhere}
@media(max-width:640px) {:where(body[data-site-page="index.php"]) .video-variants-dialog {padding:16px}
:where(body[data-site-page="index.php"]) .video-custom-format {padding:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
:where(body[data-site-page="index.php"]) .video-custom-format label:first-of-type,
:where(body[data-site-page="index.php"]) .video-custom-format button {grid-column:1/-1}
:where(body[data-site-page="index.php"]) .video-variant-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
:where(body[data-site-page="index.php"]) .video-variant-grid figure {padding:9px}
:where(body[data-site-page="index.php"]) .video-variant-grid canvas {height:150px}
:where(body[data-site-page="index.php"]) .video-variant-grid label {font-size:12px;align-items:start}
:where(body[data-site-page="index.php"]) .video-variants-dialog header h2 {font-size:1.25rem}}
:where(body[data-site-page="index.php"]) .video-custom-format[hidden] {display:none}
:where(body[data-site-page="index.php"]) .video-variant-grid label input[type=checkbox] {flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;margin:0;padding:0;box-sizing:border-box}
:where(body[data-site-page="index.php"]) .video-variant-grid label span {flex:1;min-width:0}
/* The editing workspace has its own neutral palette, independent of club branding.
   Include editor-owned dialogs mounted outside #video-editor as well. */
:where(body[data-site-page="index.php"]) :where(#video-editor, #film-sponsor-settings, #graphic-appearance,
       #logo-element-dialog, #logo-stage-dialog, #film-lock-dialog,
       #video-graphic-picker, #film-template-dialog, #video-export-progress,
       #video-team-images:not(.inline-team-images), #template-transport,
       .video-segment-inspector, .project-share-dialog, .video-variants-dialog,
       body:has(#video-editor[open]) .video-media-picker) {--ui-base: #f3f4f6;
    --ui-on-base: #19222d;
    --ui-surface: #ffffff;
    --ui-surface-muted: #f3f4f6;
    --ui-text: #19222d;
    --ui-text-muted: #5c636d;
    --ui-text-rgb: 25, 34, 45;
    --ui-border: #d9dce1;
    --ui-secondary: #393d46;
    --ui-on-secondary: #dce3ee;
    --ui-secondary-hover: #454950;
    --ui-secondary-text: #393d46;
    --ui-secondary-soft: #393d46;
    --ui-on-secondary-soft: #dce3ee;
    --ui-secondary-rgb: 57, 61, 70;
    --ui-accent: #68caff;
    --ui-on-accent: #191c22;
    --ui-accent-text: #245b7a;
    --ui-accent-soft: #e5f4fc;
    --ui-on-accent-soft: #245b7a;
    --ui-accent-rgb: 104, 202, 255;
    --ui-focus: #245b7a;
    --ui-nav: #191c22;
    --ui-nav-panel: #252931;
    --ui-nav-hover: #393d46;
    --ui-nav-text: #dce3ee;
    --ui-nav-muted: #adb9cb;
    --ui-nav-icon: #dce3ee;
    --ui-nav-accent: #8dd5ff;
    --ui-overlay: rgba(20, 23, 28, .8);}
/* Base controls inherit the editor palette; component and semantic styles stay stronger. */
:where(body[data-site-page="index.php"]) :where(#video-editor) label {color:var(--ui-nav-muted)}
:where(body[data-site-page="index.php"]) :where(#video-editor) button {background-color:var(--ui-nav-hover);color:var(--ui-nav-text);border-color:color-mix(in srgb,var(--ui-nav-text) 25%,var(--ui-nav))}
/* The app rail stays mounted and interactive beside the editing workspace.
   Nested pickers/export dialogs still use the browser's modal top layer. */
body:where([data-site-page="index.php"]).video-workspace-open {overflow:hidden}
:where(body[data-site-page="index.php"]) #video-editor[open].video-editor-workspace {left:var(--site-navigation-width,64px);
    bottom:var(--site-navigation-bottom-height,0px);
    /* Override the generic mobile dialog sizing: this is a full workspace. */
    width:calc(100% - var(--site-navigation-width,64px))!important;
    max-width:calc(100% - var(--site-navigation-width,64px))!important;
    height:calc(100dvh - var(--site-navigation-bottom-height,0px));
    max-height:calc(100dvh - var(--site-navigation-bottom-height,0px))!important;
    padding:0!important;
    z-index:80;}
/* Compact editor header: content determines wrapping, never space-between. */
:where(body[data-site-page="index.php"]) #video-editor:has(.video-project-toolbar) .video-editor-head {justify-content:flex-start;align-content:start;gap:6px 8px;padding:6px 12px;}
:where(body[data-site-page="index.php"]) #video-editor .video-editor-head>.video-project-toolbar {flex:0 1 auto;align-items:center;gap:6px 8px;padding:0;}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar label {display:flex;flex-direction:row;align-items:center;gap:6px;flex:0 1 auto;}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar input {width:150px}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar select {width:140px}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar [role=status] {flex:0 1 auto;font-size:11px}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar [role=status]:empty {display:none}
:where(body[data-site-page="index.php"]) #video-editor:has(.video-project-toolbar) #video-editor-title {font-size:12px;order:-1}
:where(body[data-site-page="index.php"]) #video-editor:has(.video-project-toolbar) .video-editor-head #video-status {flex:1 1 220px;margin:0;position:static;font-size:11px;}
:where(body[data-site-page="index.php"]) #video-editor:has(.video-project-toolbar) .video-editor-head #video-status:empty {display:none}
@media(max-width:700px) {:where(body[data-site-page="index.php"]) #video-editor:has(.video-project-toolbar) .video-editor-head {padding:6px 8px}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar label {flex:1 1 140px;flex-direction:column;align-items:stretch;gap:2px}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar input,
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar select {width:100%}
:where(body[data-site-page="index.php"]) #video-editor .video-project-toolbar>a {flex:0 0 auto}}


/* Source: facebook-publish.css */
/* Preview and controls for direct Facebook publishing. */
:where(body[data-site-page="index.php"]) .fb-publish-dialog {width: min(1060px, calc(100vw - 32px));
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 0;
    overflow: auto;
    border: 1px solid var(--ui-border, #d6dbe3);
    border-radius: 20px;
    background: var(--ui-surface, #fff);
    color: var(--ui-text, #111827);
    box-shadow: 0 24px 80px rgba(4, 19, 48, .28);}
:where(body[data-site-page="index.php"]) .fb-publish-dialog::backdrop {background: rgba(5, 19, 46, .64); backdrop-filter: blur(3px);}
:where(body[data-site-page="index.php"]) .fb-publish-dialog [hidden] {display: none !important;}
:where(body[data-site-page="index.php"]) .fb-publish-layout {display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); min-height: 0;}
:where(body[data-site-page="index.php"]) .fb-publish-preview {display: grid; align-content: start; justify-items: center; gap: 10px; min-width: 0; padding: 22px; background: var(--ui-surface-muted, #eef0f3);}
:where(body[data-site-page="index.php"]) .fb-publish-image {display: grid; place-items: center; width: 100%; min-height: 200px;}
:where(body[data-site-page="index.php"]) .fb-publish-image img {display: block; width: auto; max-width: 100%; max-height: min(60dvh, 560px); aspect-ratio: 4 / 5; object-fit: contain; box-shadow: 0 10px 28px rgba(5, 19, 46, .2);}
:where(body[data-site-page="index.php"]) .fb-publish-preview p {margin: 0; color: var(--ui-text-muted, #626a76); font-size: 12px; text-align: center;}
:where(body[data-site-page="index.php"]) .fb-publish-editor {display: flex; flex-direction: column; min-width: 0;}
:where(body[data-site-page="index.php"]) .fb-publish-fields {display: grid; align-content: start; gap: 16px; padding: 24px 28px 18px;}
:where(body[data-site-page="index.php"]) .fb-publish-fields label {display: grid; gap: 7px; margin: 0; color: var(--ui-text, #111827); font-size: 13px; font-weight: 700;}
:where(body[data-site-page="index.php"]) .fb-publish-fields select,
:where(body[data-site-page="index.php"]) .fb-publish-fields textarea,
:where(body[data-site-page="index.php"]) .fb-publish-fields input {width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--ui-border, #b3b6ba); border-radius: 9px; background: var(--ui-surface, #fff); color: var(--ui-text, #111827); font: inherit; font-weight: 400;}
:where(body[data-site-page="index.php"]) .fb-publish-fields textarea {min-height: 240px; resize: vertical; line-height: 1.45;}
:where(body[data-site-page="index.php"]) .fb-publish-fields :is(select, textarea, input):focus-visible {outline: 2px solid var(--ui-focus, #bf7600); outline-offset: 2px;}
:where(body[data-site-page="index.php"]) .fb-delivery-section h3 {margin: 0 0 9px; font-size: 15px;}
:where(body[data-site-page="index.php"]) .fb-delivery-options {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;}
:where(body[data-site-page="index.php"]) .fb-delivery-options .button {min-width: 0; min-height: 48px; padding: 8px; border: 1px solid var(--ui-border, #b3b6ba); border-radius: 9px; background: var(--ui-secondary-soft, #e4e9f2); color: var(--ui-on-secondary-soft, #0a1d43); font-size: 13px; font-weight: 700; line-height: 1.2; white-space: normal;}
:where(body[data-site-page="index.php"]) .fb-delivery-options .button[aria-pressed="true"] {border-color: var(--ui-secondary, #0c285b); background: var(--ui-secondary, #0c285b); color: #fff; box-shadow: inset 0 -3px var(--ui-accent, #f6a000);}
:where(body[data-site-page="index.php"]) .fb-caption-heading {display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
:where(body[data-site-page="index.php"]) .fb-caption-heading label {display: block;}
:where(body[data-site-page="index.php"]) .fb-caption-tools {display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; flex: 1;}
:where(body[data-site-page="index.php"]) .fb-caption-tools:has(.fb-caption-category) {flex-wrap: wrap;}
:where(body[data-site-page="index.php"]) .fb-publish-fields :is(.fb-caption-picker, .fb-caption-category) {width: min(100%, 220px); min-width: 0; min-height: 36px; padding: 7px 10px; font-size: 12px; font-weight: 600;}
:where(body[data-site-page="index.php"]) .fb-caption-heading .button {min-height: 36px; padding: 7px 12px; font-size: 12px;}
:where(body[data-site-page="index.php"]) .fb-caption-hint {margin: -10px 0 0; color: var(--ui-text-muted, #626a76); font-size: 12px;}
:where(body[data-site-page="index.php"]) .fb-caption-hint:empty {display: none;}
:where(body[data-site-page="index.php"]) .fb-emoji-buttons {display:flex;flex-wrap:wrap;gap:6px;margin:-8px 0 0;}
:where(body[data-site-page="index.php"]) .fb-emoji-button {display:grid;place-items:center;min-width:36px;min-height:36px;padding:4px;border:1px solid var(--ui-border,#b3b6ba);border-radius:8px;background:var(--ui-surface,#fff);font-size:20px;cursor:pointer;}
:where(body[data-site-page="index.php"]) .fb-emoji-button:hover {background:var(--ui-surface-muted,#eef0f3);}
:where(body[data-site-page="index.php"]) .fb-emoji-button:focus-visible {outline:2px solid var(--ui-focus,#bf7600);outline-offset:2px;}
:where(body[data-site-page="index.php"]) .fb-calendar-fields {display: grid; gap: 16px;}
:where(body[data-site-page="index.php"]) .fb-publish-fields .fb-schedule-note {margin: -6px 0 0; padding: 10px 12px; border-radius: 9px; background: var(--ui-secondary-soft, #e4e9f2); color: var(--ui-on-secondary-soft, #0a1d43); font-size: 12px; line-height: 1.45;}
:where(body[data-site-page="index.php"]) .fb-publish-fields .fb-publish-status {margin: 0; min-height: 1.2em; color: var(--ui-text-muted, #626a76); font-size: 12px;}
:where(body[data-site-page="index.php"]) .fb-publish-fields .fb-publish-status:not(:empty) {padding: 10px 12px; border-radius: 9px; background: var(--ui-surface-muted, #eef0f3);}
:where(body[data-site-page="index.php"]) .fb-publish-actions {display: flex; justify-content: flex-end; gap: 10px; margin-top: auto; padding: 16px 28px 22px; border-top: 1px solid var(--ui-border, #d6dbe3);}
:where(body[data-site-page="index.php"]) .fb-publish-actions .button {min-height: 42px; padding-inline: 18px;}
@media (max-width: 700px) {:where(body[data-site-page="index.php"]) .fb-publish-dialog {width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 16px;}
:where(body[data-site-page="index.php"]) .fb-publish-layout {grid-template-columns: 1fr;}
:where(body[data-site-page="index.php"]) .fb-publish-preview {padding: 12px 18px;}
:where(body[data-site-page="index.php"]) .fb-publish-image {min-height: 0;}
:where(body[data-site-page="index.php"]) .fb-publish-image img {max-height: 190px;}
:where(body[data-site-page="index.php"]) .fb-publish-preview p {display: none;}
:where(body[data-site-page="index.php"]) .fb-publish-fields {gap: 14px; padding: 18px;}
:where(body[data-site-page="index.php"]) .fb-delivery-options .button {min-height: 44px; padding: 6px 4px; font-size: 11px;}
:where(body[data-site-page="index.php"]) .fb-publish-fields textarea {min-height: 190px;}
:where(body[data-site-page="index.php"]) .fb-caption-tools {flex-basis: 100%; justify-content: flex-start;}
:where(body[data-site-page="index.php"]) .fb-publish-fields .fb-caption-picker {flex: 1; width: 100%;}
:where(body[data-site-page="index.php"]) .fb-publish-actions {position: sticky; bottom: 0; z-index: 1; padding: 12px 18px; background: var(--ui-surface, #fff);}
:where(body[data-site-page="index.php"]) .fb-publish-actions .button {flex: 1;}}


/* Source: calendar.css */
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app {max-width:1580px;margin:auto;padding:28px;color:var(--ui-text)}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-header,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-toolbar,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-actions,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-dialog-header,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-day-heading {display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-header h1 {font-size:36px;margin:4px 0}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-header p {margin:6px 0}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-eyebrow {font-size:11px;letter-spacing:.15em;font-weight:700;color:var(--ui-text-muted)}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-actions {justify-content:flex-start}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app .button {font-size:14px;padding:11px 16px;min-height:42px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app label {display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app input,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app select,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app textarea {font:inherit;min-height:42px;padding:9px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);width:100%;box-sizing:border-box}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app .cal-check {flex-direction:row;align-items:center;margin:16px 0}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-check input {width:18px;min-height:18px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-toolbar {margin:24px 0 16px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-toolbar h2 {font-size:21px;min-width:180px;text-transform:capitalize}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-layout {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(350px,1fr);gap:20px;align-items:start}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-month-panel,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-day-panel {background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:16px;padding:20px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-weekdays,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) #cal-grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-weekdays span {padding:10px 0;text-align:center;font-size:12px;color:var(--ui-text-muted)}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-cell {background:var(--ui-surface-muted);border:1px solid transparent;border-radius:9px;min-height:100px;padding:9px 7px;text-align:left;color:var(--ui-text);cursor:pointer;overflow:hidden}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-cell:hover {background:var(--ui-surface-muted)}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-cell[aria-pressed=true] {border:2px solid var(--ui-secondary);background:var(--ui-surface-muted);padding:8px 6px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-cell.cal-today>strong {color:#ba6500}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-cell.cal-outside {opacity:.4}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-cell strong {display:block;font-size:14px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-pill {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;padding:3px 5px;border-radius:4px;margin-top:4px;background:var(--ui-surface-muted);color:var(--ui-text)}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-pill.post {background:#fff0cf;color:#764606}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-count {display:block;font-size:11px;margin-top:5px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-help {font-size:12px;line-height:1.6;color:var(--ui-text-muted)}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-day-heading h2 {font-size:22px;margin:3px 0;text-transform:capitalize}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-entry {border:1px solid var(--ui-border);border-radius:12px;padding:15px;margin-top:14px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-entry h3 {font-size:16px;margin:6px 0}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-entry p {font-size:13px;white-space:pre-wrap;margin:7px 0;overflow-wrap:anywhere}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-entry .cal-actions {margin-top:12px;gap:7px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-entry .button {font-size:12px;padding:7px 10px;min-height:36px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-tag {display:inline-block;border-radius:20px;background:var(--ui-surface-muted);color:var(--ui-text-muted);padding:4px 8px;font-size:11px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-tag.scheduled,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-tag.published {background:#e0f3e9;color:#216346}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-tag.review,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-tag.failed,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-tag.uncertain,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-tag.expired {background:#fff0dc;color:#985109}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-health {font-size:13px;background:#fff6e6;color:#795321;border-radius:9px;padding:10px 14px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-health:empty,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) #cal-message:empty {display:none}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) #cal-message {color:var(--ui-text-muted)}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app dialog {border:0;border-radius:16px;width:min(760px,calc(100vw - 32px));max-height:90dvh;padding:25px;box-sizing:border-box;color:var(--ui-text);background:var(--ui-surface)}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app dialog::backdrop {background:var(--ui-overlay);backdrop-filter:blur(3px)}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app dialog form>label {margin:16px 0}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-fields {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app [hidden] {display:none!important}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app dialog footer {border-top:1px solid var(--ui-border);padding-top:20px;margin-top:22px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app [role=alert] {color:#b93021}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-dialog-header {margin-bottom:20px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-dialog-header h2 {margin:0;font-size:24px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-preview-link {display:inline-block;margin-top:6px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-empty {padding:30px 0;color:var(--ui-text-muted)}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app button:focus-visible,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app a:focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px}
@media(max-width:1000px) {:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-layout {grid-template-columns:1fr}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-day-panel {min-height:250px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-header h1 {font-size:28px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-cell {min-height:86px}}
@media(max-width:600px) {:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app {padding:16px 12px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-header .cal-actions {gap:6px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app .button {font-size:12px;padding:9px 12px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-toolbar {gap:4px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-toolbar h2 {min-width:140px;font-size:18px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-toolbar label {flex:1;min-width:120px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-toolbar>.cal-actions {width:100%}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-month-panel {padding:8px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-cell {min-height:73px;padding:5px 3px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-cell[aria-pressed=true] {padding:4px 2px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-cell strong {font-size:12px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-pill {font-size:9px;padding:2px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-weekdays,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) #cal-grid {gap:2px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-day-panel {padding:14px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-fields {grid-template-columns:1fr}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app dialog {padding:18px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app dialog footer {position:sticky;bottom:-18px;background:var(--ui-surface);padding-bottom:18px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-count {font-size:9px}}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app a {color:var(--ui-secondary-text);text-underline-offset:3px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-video-area {margin:18px 0;border:1px solid var(--ui-border);border-radius:10px;padding:14px;min-width:0}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-video-area iframe {display:block;width:100%;height:680px;border:0;border-radius:8px;background:var(--ui-surface-muted)}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-video-area [role=status] {font-size:13px;line-height:1.5;min-height:20px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-video-area .cal-preview-link {margin-top:0}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app .button:disabled {opacity:.6;cursor:wait}
@media(max-width:600px) {:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-video-area {padding:8px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-video-area iframe {height:720px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-video-area .cal-help {font-size:11px}}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-library-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-library-card {border:1px solid var(--ui-border);border-radius:12px;padding:12px;min-width:0;display:flex;flex-direction:column;gap:8px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-library-card img,
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-library-card video {width:100%;height:180px;object-fit:contain;border-radius:8px;background:#e7edf5}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-library-card strong {font-size:14px;overflow-wrap:anywhere}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-library-card .cal-help {margin:0}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-library-card .button {margin-top:auto}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-app #cal-library-dialog {width:min(920px,calc(100vw - 32px))}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) #cal-upload-area>label {margin-top:14px}


:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-gallery {border:1px solid var(--ui-border);border-radius:12px;padding:16px;margin:18px 0;min-width:0}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-gallery h3 {font-size:16px;margin:0 0 8px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-gallery-images {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;margin:14px 0}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-gallery-image {border:1px solid var(--ui-border);border-radius:10px;min-width:0;padding:10px;display:flex;flex-direction:column;gap:10px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-gallery-image img {display:block;width:100%;height:200px;object-fit:contain;background:#091430;border-radius:6px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-gallery-image strong {font-size:13px;overflow-wrap:anywhere}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-gallery-image .cal-actions {margin-top:auto}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-gallery-image .button {font-size:12px;padding:6px 10px}
:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-gallery-renderer {position:fixed;left:-10000px;top:0;width:1200px;height:900px;border:0;pointer-events:none}
@media(max-width:600px) {:where(body[data-site-page="calendar.php"], body[data-site-page="matchday.php"]) .cal-gallery {padding:10px}}


/* Source: matchday.css */
:where(body[data-site-page="matchday.php"]) .md-columns {display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
:where(body[data-site-page="matchday.php"]) .md-card {background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:16px;padding:22px;margin:0 0 20px;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-card h2 {font-size:22px;margin:0 0 12px}
:where(body[data-site-page="matchday.php"]) .md-card header {display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
:where(body[data-site-page="matchday.php"]) .md-match-select {flex:1;min-width:180px}
:where(body[data-site-page="matchday.php"]) .md-summary {border-radius:16px;background:var(--ui-secondary);color:var(--ui-on-secondary);padding:22px;margin-bottom:20px}
:where(body[data-site-page="matchday.php"]) .md-summary h2 {margin:0 0 8px}
:where(body[data-site-page="matchday.php"]) .md-summary p {margin:6px 0}
:where(body[data-site-page="matchday.php"]) .md-app label.md-roster-row {display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--ui-border)}
:where(body[data-site-page="matchday.php"]) .md-roster-row span {overflow-wrap:anywhere;font-size:14px}
:where(body[data-site-page="matchday.php"]) .md-goal-row {display:grid;grid-template-columns:minmax(0,1fr) 70px 115px auto;gap:7px;margin:12px 0}
:where(body[data-site-page="matchday.php"]) .md-goal-row select,
:where(body[data-site-page="matchday.php"]) .md-goal-row input {min-width:0}
:where(body[data-site-page="matchday.php"]) .md-result-actions {margin:16px 0}
:where(body[data-site-page="matchday.php"]) .md-save {position:sticky;bottom:0;background:color-mix(in srgb,var(--ui-surface) 92.94%,transparent);border:1px solid var(--ui-border);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;margin-bottom:20px;backdrop-filter:blur(8px);z-index:2}
:where(body[data-site-page="matchday.php"]) .md-save span {font-size:12px;color:var(--ui-text-muted)}
:where(body[data-site-page="matchday.php"]) .md-card label.cal-check {font-size:13px}
:where(body[data-site-page="matchday.php"]) .md-media-selected {border:2px solid #168456;padding:11px}
:where(body[data-site-page="matchday.php"]) .md-card .cal-library-card img,
:where(body[data-site-page="matchday.php"]) .md-card .cal-library-card video {height:140px}
:where(body[data-site-page="matchday.php"]) .md-app #md-status:empty {display:none}
:where(body[data-site-page="matchday.php"]) .md-post-caption {color:var(--ui-text-muted);font-size:12px}
:where(body[data-site-page="matchday.php"]) .md-app [hidden] {display:none!important}
@media(max-width:800px) {:where(body[data-site-page="matchday.php"]) .md-columns {grid-template-columns:1fr}
:where(body[data-site-page="matchday.php"]) .md-card {padding:16px}}
@media(max-width:420px) {:where(body[data-site-page="matchday.php"]) .md-goal-row {grid-template-columns:minmax(0,1fr) 58px}
:where(body[data-site-page="matchday.php"]) .md-app label.md-roster-row {grid-template-columns:minmax(0,1fr) 115px}
:where(body[data-site-page="matchday.php"]) .md-save {align-items:flex-start;flex-direction:column}
:where(body[data-site-page="matchday.php"]) .md-save button {width:100%}}
:where(body[data-site-page="matchday.php"]) .md-nff-actions {margin-bottom:16px}
:where(body[data-site-page="matchday.php"]) .md-nff-actions:has([hidden]) {display:none}
/* Kampdag: score controls stay usable with one hand without obscuring the score. */
:where(body[data-site-page="matchday.php"]) .md-mobile-nav {display:none}
:where(body[data-site-page="matchday.php"]) .md-score-fields {grid-template-columns:repeat(2,minmax(0,1fr))}
:where(body[data-site-page="matchday.php"]) .md-score-control {display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;align-items:stretch}
:where(body[data-site-page="matchday.php"]) .md-app .md-score-control input {text-align:center;font-size:28px;font-weight:750;font-variant-numeric:tabular-nums;padding:6px 0;min-width:0;appearance:textfield;-moz-appearance:textfield}
:where(body[data-site-page="matchday.php"]) .md-score-control input::-webkit-inner-spin-button,
:where(body[data-site-page="matchday.php"]) .md-score-control input::-webkit-outer-spin-button {-webkit-appearance:none;margin:0}
:where(body[data-site-page="matchday.php"]) .md-score-step {min-width:44px;min-height:48px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface-muted);color:var(--ui-text);font:inherit;font-size:25px;line-height:1;cursor:pointer}
:where(body[data-site-page="matchday.php"]) .md-score-step:disabled {opacity:.45;cursor:not-allowed}
:where(body[data-site-page="matchday.php"]) .md-score-step:focus-visible {outline:3px solid var(--ui-focus);outline-offset:2px}
:where(body[data-site-page="matchday.php"]) .md-goals-heading {font-size:16px;margin:20px 0 6px}
:where(body[data-site-page="matchday.php"]) .md-goal-row {align-items:center}
@media(max-width:800px) {:where(body[data-site-page="matchday.php"]) .md-app {padding-bottom:100px}
:where(body[data-site-page="matchday.php"]) .md-app .cal-header {align-items:flex-start}
:where(body[data-site-page="matchday.php"]) .md-app .cal-header h1 {font-size:25px}
:where(body[data-site-page="matchday.php"]) .md-app .cal-header .cal-actions {display:none}
:where(body[data-site-page="matchday.php"]) .md-app .cal-toolbar {margin:16px 0 10px;gap:10px}
:where(body[data-site-page="matchday.php"]) .md-app .cal-toolbar label {flex:1 1 100%;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-app .cal-toolbar #md-sync {width:100%;min-height:44px}
:where(body[data-site-page="matchday.php"]) .md-summary {padding:16px;margin-bottom:12px}
:where(body[data-site-page="matchday.php"]) .md-summary h2 {font-size:19px;line-height:1.25;overflow-wrap:anywhere}
:where(body[data-site-page="matchday.php"]) .md-summary p {font-size:13px;line-height:1.4}
:where(body[data-site-page="matchday.php"]) .md-mobile-nav:not([hidden]) {display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding:2px 0 7px;scrollbar-width:thin}
:where(body[data-site-page="matchday.php"]) .md-mobile-nav a {flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-surface);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
:where(body[data-site-page="matchday.php"]) .md-mobile-nav a:focus-visible {outline:3px solid var(--ui-focus);outline-offset:2px}
:where(body[data-site-page="matchday.php"]) .md-main-columns #md-result-card {order:-1}
:where(body[data-site-page="matchday.php"]) .md-card {margin-bottom:12px;padding:16px;scroll-margin-top:16px}
:where(body[data-site-page="matchday.php"]) .md-card h2 {font-size:19px}
:where(body[data-site-page="matchday.php"]) .md-score-fields {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 16px}
:where(body[data-site-page="matchday.php"]) .md-app .md-score-fields label {font-size:12px;overflow-wrap:anywhere}
:where(body[data-site-page="matchday.php"]) .md-score-control {grid-template-columns:38px minmax(0,1fr) 38px;gap:2px}
:where(body[data-site-page="matchday.php"]) .md-score-step {min-width:38px;min-height:52px}
:where(body[data-site-page="matchday.php"]) .md-app .md-score-control input {font-size:25px;min-height:52px}
:where(body[data-site-page="matchday.php"]) .md-app #md-add-goal {min-height:48px;width:100%}
:where(body[data-site-page="matchday.php"]) .md-goal-row {grid-template-columns:minmax(0,1fr) 86px;gap:8px;padding:12px;background:var(--ui-surface-muted);border:1px solid var(--ui-border);border-radius:12px}
:where(body[data-site-page="matchday.php"]) .md-goal-player {grid-column:1/-1}
:where(body[data-site-page="matchday.php"]) .md-goal-type {grid-column:1}
:where(body[data-site-page="matchday.php"]) .md-goal-minute {grid-column:2;grid-row:2}
:where(body[data-site-page="matchday.php"]) .md-goal-remove {grid-column:1/-1;justify-self:end;min-height:44px}
:where(body[data-site-page="matchday.php"]) .md-app label.md-roster-row {min-height:54px;grid-template-columns:minmax(0,1fr) 116px;gap:8px}
:where(body[data-site-page="matchday.php"]) .md-roster-row span {font-size:14px}
:where(body[data-site-page="matchday.php"]) .md-app .md-roster-row select {min-height:44px}
:where(body[data-site-page="matchday.php"]) .md-save {position:fixed;left:calc(var(--site-navigation-width, 0px) + 12px);right:12px;bottom:calc(var(--site-navigation-bottom-height, 0px) + 10px);margin:0;align-items:center;flex-direction:row;padding:10px 12px;box-shadow:0 8px 28px rgba(0,0,0,.18);z-index:20}
:where(body[data-site-page="matchday.php"]) .md-save span {min-width:0;font-size:11px;line-height:1.25}
:where(body[data-site-page="matchday.php"]) .md-save button {width:auto;min-width:132px;min-height:48px;flex:none}}
@media(max-width:420px) {:where(body[data-site-page="matchday.php"]) .md-save {left:12px}
:where(body[data-site-page="matchday.php"]) .md-save span {max-width:42%}
:where(body[data-site-page="matchday.php"]) .md-save button {width:auto}}
/* Kampplan */
:where(body[data-site-page="matchday.php"]) .md-app .md-summary {margin:10px 0 18px}
:where(body[data-site-page="matchday.php"]) .md-plan-rows {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;margin:16px 0}
:where(body[data-site-page="matchday.php"]) .md-plan-row {border:1px solid var(--ui-border);border-radius:12px;padding:14px;background:var(--ui-surface-muted);min-width:0}
:where(body[data-site-page="matchday.php"]) .md-plan-row-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
:where(body[data-site-page="matchday.php"]) .md-plan-row-head label {display:flex;align-items:center;gap:6px;margin:0;font-size:13px}
:where(body[data-site-page="matchday.php"]) .md-plan-row-head input {width:18px;height:18px}
:where(body[data-site-page="matchday.php"]) .md-plan-row>label {display:grid;gap:5px;margin:9px 0}
:where(body[data-site-page="matchday.php"]) .md-plan-row input,
:where(body[data-site-page="matchday.php"]) .md-plan-row select {width:100%;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-plan-controls {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px}
:where(body[data-site-page="matchday.php"]) .md-plan-controls label {display:grid;gap:5px;font-size:12px}
:where(body[data-site-page="matchday.php"]) .md-plan-when {font-weight:700;color:var(--ui-secondary);margin:10px 0}
:where(body[data-site-page="matchday.php"]) .md-plan-post {display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}
:where(body[data-site-page="matchday.php"]) .md-plan-links {display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
:where(body[data-site-page="matchday.php"]) .md-plan-links .button {font-size:13px;padding:7px 10px}
:where(body[data-site-page="matchday.php"]) .md-remove-point {border:0;background:none;color:var(--ui-text-muted);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;margin-top:12px;padding:4px 0}
:where(body[data-site-page="matchday.php"]) .md-app .md-card header {align-items:flex-start}
:where(body[data-site-page="matchday.php"]) .md-assets-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
:where(body[data-site-page="matchday.php"]) .md-assets-grid>div {min-width:0}
:where(body[data-site-page="matchday.php"]) .md-assets-grid label {display:grid;gap:6px}
:where(body[data-site-page="matchday.php"]) .md-assets-grid select {width:100%}
:where(body[data-site-page="matchday.php"]) .md-assets-grid button {margin-top:12px}
:where(body[data-site-page="matchday.php"]) #md-photo-preview {display:block;width:min(100%,320px);max-height:180px;object-fit:contain;margin-top:10px;border-radius:8px;background:var(--ui-surface-muted)}
:where(body[data-site-page="matchday.php"]) #md-photo-preview[hidden] {display:none}
:where(body[data-site-page="matchday.php"]) #md-sponsors {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;max-height:260px;overflow:auto}
:where(body[data-site-page="matchday.php"]) #md-sponsors label {display:flex;align-items:center;gap:7px;padding:7px;border:1px solid var(--ui-border);border-radius:8px}
:where(body[data-site-page="matchday.php"]) #md-sponsors input {width:18px;height:18px}
@media(max-width:700px) {:where(body[data-site-page="matchday.php"]) .md-app .cal-toolbar label {min-width:100%}
:where(body[data-site-page="matchday.php"]) .md-plan-rows {grid-template-columns:1fr}
:where(body[data-site-page="matchday.php"]) .md-app .md-card header button {width:100%;min-height:44px}}
@media(max-width:700px) {:where(body[data-site-page="matchday.php"]) .md-assets-grid {grid-template-columns:1fr}}
/* Publication overview and per-publication editor. */
:where(body[data-site-page="matchday.php"]) .md-app.cal-app {max-width:none}
:where(body[data-site-page="matchday.php"]) .md-workspace {display:block;min-width:0;max-width:1524px;margin-inline:auto}
:where(body[data-site-page="matchday.php"]) .md-sidebar {min-width:0}
:where(body[data-site-page="matchday.php"]) .md-main {min-width:0;display:flex;flex-direction:column}
:where(body[data-site-page="matchday.php"]) #md-template-card {order:3}
:where(body[data-site-page="matchday.php"]) #md-calendar-card {order:2}
:where(body[data-site-page="matchday.php"]) #md-plan-card,
:where(body[data-site-page="matchday.php"]) #md-create-card {order:1}
:where(body[data-site-page="matchday.php"]) .md-sidebar .md-assets-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
:where(body[data-site-page="matchday.php"]) #md-plan-rows {display:flex;flex-direction:column;gap:14px}
:where(body[data-site-page="matchday.php"]) .md-publication {display:grid;grid-template-columns:76px minmax(0,1fr) auto;border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;background:var(--ui-surface);align-items:center}
:where(body[data-site-page="matchday.php"]) .md-offset {height:100%;border-right:1px solid var(--ui-border);display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--ui-surface-muted);padding:15px 6px;gap:3px}
:where(body[data-site-page="matchday.php"]) .md-offset strong {font-size:24px}
:where(body[data-site-page="matchday.php"]) .md-offset span {font-size:13px;font-weight:700}
:where(body[data-site-page="matchday.php"]) .md-publication-body {padding:18px}
:where(body[data-site-page="matchday.php"]) .md-publication-date {text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--ui-text-muted);margin:0 0 6px}
:where(body[data-site-page="matchday.php"]) .md-publication h3 {margin:0 0 8px;font-size:23px}
:where(body[data-site-page="matchday.php"]) .md-publication-actions {display:flex;gap:8px;padding:12px;flex-wrap:wrap}
:where(body[data-site-page="matchday.php"]) .md-disabled {opacity:.65}
:where(body[data-site-page="matchday.php"]) .md-calendar {display:block;overflow-x:auto;border-top:1px solid var(--ui-border);border-left:1px solid var(--ui-border);margin-top:16px}
:where(body[data-site-page="matchday.php"]) .md-calendar-week {display:grid;width:100%}
:where(body[data-site-page="matchday.php"]) .md-calendar-weekday {font-size:11px;font-weight:700;color:var(--ui-text-muted)}
:where(body[data-site-page="matchday.php"]) .md-calendar-day {min-width:0;min-height:100px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);padding:8px}
:where(body[data-site-page="matchday.php"]) .md-empty-day {background:color-mix(in srgb,var(--ui-surface) 86%,var(--ui-surface-muted) 14%)}
:where(body[data-site-page="matchday.php"]) .md-outside {background:var(--ui-surface-muted);color:var(--ui-text-muted)}
:where(body[data-site-page="matchday.php"]) .md-match-day {background:#fff;box-shadow:inset 0 3px var(--ui-secondary)}
:where(body[data-site-page="matchday.php"]) .md-kickoff {display:flex;flex-direction:column;font-size:10px;line-height:1.15;font-weight:700;color:var(--ui-danger);white-space:nowrap}
:where(body[data-site-page="matchday.php"]) .md-calendar-event {border:0;border-radius:5px;background:var(--ui-secondary);color:var(--ui-on-secondary);font:inherit;font-size:11px;text-align:left;padding:6px;cursor:pointer;overflow-wrap:anywhere}
:where(body[data-site-page="matchday.php"]) .md-dialog {width:min(680px,calc(100vw - 32px));max-height:90dvh;box-sizing:border-box;overflow:auto;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface);color:var(--ui-text);padding:24px}
:where(body[data-site-page="matchday.php"]) .md-dialog::backdrop {background:rgba(0,0,0,.5)}
:where(body[data-site-page="matchday.php"]) .md-dialog header,
:where(body[data-site-page="matchday.php"]) .md-dialog footer {display:flex;align-items:center;justify-content:space-between;gap:12px}
:where(body[data-site-page="matchday.php"]) .md-dialog h2 {margin:0;font-size:24px}
:where(body[data-site-page="matchday.php"]) .md-dialog footer {justify-content:flex-end}
:where(body[data-site-page="matchday.php"]) #md-editor .md-plan-rows {display:block}
:where(body[data-site-page="matchday.php"]) #md-editor .md-plan-row {background:var(--ui-surface);border:0;padding:0}
:where(body[data-site-page="matchday.php"]) .md-dialog input,
:where(body[data-site-page="matchday.php"]) .md-dialog select {min-height:42px}
:where(body[data-site-page="matchday.php"]) .md-dialog label {display:grid;gap:6px}
:where(body[data-site-page="matchday.php"]) .md-dialog .md-plan-row-head label {display:flex}
:where(body[data-site-page="matchday.php"]) .md-dialog input[type=checkbox] {min-height:0}
:where(body[data-site-page="matchday.php"]) #md-editor-status {color:var(--ui-text-muted)}
:where(body[data-site-page="matchday.php"]) .md-template-dialog {width:min(1100px,calc(100vw - 32px));padding:0}
:where(body[data-site-page="matchday.php"]) .md-template-dialog #md-template-card {border:0;border-radius:0;margin:0;padding:24px}
:where(body[data-site-page="matchday.php"]) .md-template-dialog #md-template-card>header {position:sticky;top:-24px;z-index:4;background:var(--ui-surface);border-bottom:1px solid var(--ui-border);padding:16px 0;margin:-16px 0 16px;align-items:center}
:where(body[data-site-page="matchday.php"]) .md-template-dialog #md-template-summary {margin:4px 0 0}
:where(body[data-site-page="matchday.php"]) .md-template-dialog #md-template-close {flex:none}
:where(body[data-site-page="matchday.php"]) .md-template-dialog #md-template-status {margin:0;color:var(--ui-secondary);font-size:13px;font-weight:600}
:where(body[data-site-page="matchday.php"]) .md-template-dialog #md-template-status:empty {display:none}
@media(max-width:700px) {:where(body[data-site-page="matchday.php"]) .md-template-dialog #md-template-card {padding:16px}
:where(body[data-site-page="matchday.php"]) .md-template-dialog #md-template-card>header {top:-16px;margin:-8px 0 12px;padding:12px 0}
:where(body[data-site-page="matchday.php"]) .md-template-dialog #md-template-close {width:auto}}
@media(max-width:1100px) {:where(body[data-site-page="matchday.php"]) .md-publication {grid-template-columns:64px minmax(0,1fr)}
:where(body[data-site-page="matchday.php"]) .md-publication-actions {grid-column:2;padding:0 18px 14px}}
@media(max-width:800px) {:where(body[data-site-page="matchday.php"]) .md-publication h3 {font-size:19px}
:where(body[data-site-page="matchday.php"]) .md-calendar-day {min-height:84px;padding:4px}
:where(body[data-site-page="matchday.php"]) .md-calendar-event {font-size:10px;padding:4px}
:where(body[data-site-page="matchday.php"]) .md-calendar-day>strong {font-size:15px}
:where(body[data-site-page="matchday.php"]) #md-calendar-card {padding:10px}
:where(body[data-site-page="matchday.php"]) .md-dialog {padding:18px}
:where(body[data-site-page="matchday.php"]) .md-app {padding-bottom:24px}}
@media(max-width:700px) {:where(body[data-site-page="matchday.php"]) .md-sidebar .md-assets-grid {grid-template-columns:1fr}}
@media(max-width:800px) {:where(body[data-site-page="matchday.php"]) .md-template-dialog {padding:0}}
/* Shared compact selection-strip pattern used by the graphic pages. */
:where(body[data-site-page="matchday.php"]) .md-app .md-topbar {display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:-28px -28px 24px;padding:8px 12px;background:#d7d9dd;border-bottom:1px solid gray}
:where(body[data-site-page="matchday.php"]) .md-app .md-topbar label {display:flex;flex-direction:row;flex:0 1 190px;align-items:center;gap:8px;margin:0;font-size:12px;white-space:nowrap;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-app .md-topbar .md-plan-template-select {flex:0 1 260px}
:where(body[data-site-page="matchday.php"]) .md-app .md-topbar .md-match-select {flex:1 1 330px;max-width:620px}
:where(body[data-site-page="matchday.php"]) .md-app .md-topbar select {flex:1;min-width:0;min-height:32px;padding:5px 8px;font-size:12px}
:where(body[data-site-page="matchday.php"]) .md-app .md-topbar .button {min-height:32px;padding:6px 10px;font-size:12px}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) .md-app .md-topbar {margin:-16px -12px 16px;gap:8px 12px}
:where(body[data-site-page="matchday.php"]) .md-app .md-topbar label {flex:1 1 180px}
:where(body[data-site-page="matchday.php"]) .md-app .md-topbar .md-match-select {flex:1 1 100%;max-width:none}}
:where(body[data-site-page="matchday.php"]) .md-asset-dialog {width:min(900px,calc(100vw - 32px))}
:where(body[data-site-page="matchday.php"]) .md-asset-dialog>label {margin:18px 0}
:where(body[data-site-page="matchday.php"]) .md-photo-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
:where(body[data-site-page="matchday.php"]) .md-photo-choice {border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);border-radius:10px;padding:8px;cursor:pointer;min-width:0;text-align:left;font:inherit;font-size:12px}
:where(body[data-site-page="matchday.php"]) .md-photo-choice[aria-pressed=true] {outline:3px solid var(--ui-secondary)}
:where(body[data-site-page="matchday.php"]) .md-photo-choice img {width:100%;height:150px;object-fit:contain;background:var(--ui-surface-muted);border-radius:6px}
:where(body[data-site-page="matchday.php"]) .md-photo-choice span {display:block;overflow-wrap:anywhere;margin-top:8px}
:where(body[data-site-page="matchday.php"]) .md-photo-choice:focus-visible {outline:3px solid var(--ui-focus)}
:where(body[data-site-page="matchday.php"]) #md-sponsors {display:block;max-height:none;font-size:12px;margin-top:10px;color:var(--ui-text-muted)}
:where(body[data-site-page="matchday.php"]) .md-sponsor-options {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:20px 0}
:where(body[data-site-page="matchday.php"]) .md-dialog .md-sponsor-options label {display:flex;flex-direction:row;align-items:center;border:1px solid var(--ui-border);border-radius:8px;padding:12px;cursor:pointer}
:where(body[data-site-page="matchday.php"]) .md-sponsor-options input {width:18px;height:18px;flex:none}
:where(body[data-site-page="matchday.php"]) .md-sponsor-options img {width:60px;height:45px;object-fit:contain;margin-left:auto}
:where(body[data-site-page="matchday.php"]) .md-asset-dialog input[type=search] {width:100%}
:where(body[data-site-page="matchday.php"]) .md-offset-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;padding:0;margin:0;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-offset-fields legend {font-size:12px;font-weight:600;margin:0 0 6px;padding:0}
:where(body[data-site-page="matchday.php"]) .md-plan-controls:has(.md-offset-fields:not([hidden])) {grid-template-columns:1fr}
:where(body[data-site-page="matchday.php"]) .md-offset-fields label {min-width:0}
:where(body[data-site-page="matchday.php"]) .md-offset-fields input {text-align:center;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-calendar-date {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px}
:where(body[data-site-page="matchday.php"]) .md-calendar-date-label {display:flex;align-items:center;gap:4px;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-match-day .md-calendar-date-label>strong {background:var(--ui-secondary);color:var(--ui-on-secondary);border-radius:5px;padding:3px .3em;line-height:1.15}
:where(body[data-site-page="matchday.php"]) .md-match-day .md-calendar-add {min-width:22px;min-height:22px;font-size:17px}
:where(body[data-site-page="matchday.php"]) .md-calendar-date strong {font-size:19px}
:where(body[data-site-page="matchday.php"]) .md-empty-day .md-calendar-add {min-width:22px;min-height:22px;font-size:17px}
:where(body[data-site-page="matchday.php"]) .md-calendar-add {border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-secondary);font:inherit;font-size:20px;line-height:1;min-width:28px;min-height:28px;border-radius:6px;cursor:pointer}
:where(body[data-site-page="matchday.php"]) .md-calendar-add:focus-visible {outline:3px solid var(--ui-focus)}
:where(body[data-site-page="matchday.php"]) .md-calendar-event.md-disabled {opacity:.6;text-decoration:line-through}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) .md-calendar-date strong {font-size:14px}
:where(body[data-site-page="matchday.php"]) .md-calendar-add {min-width:24px;min-height:28px;font-size:18px}}
:where(body[data-site-page="matchday.php"]) .md-delay-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;margin:16px 0 0;padding:0;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-delay-fields legend {font-size:12px;font-weight:600;margin-bottom:6px;padding:0}
:where(body[data-site-page="matchday.php"]) .md-delay-fields label {display:grid;gap:5px;font-size:12px}
:where(body[data-site-page="matchday.php"]) .md-delay-fields input {min-width:0;text-align:center}
:where(body[data-site-page="matchday.php"]) #md-template-rows {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="matchday.php"]) #md-template-rows>.md-plan-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-row-head,
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-template-fields>label:first-of-type,
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-controls,
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-delay-fields {grid-column:1/-1}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-template-fields>label {margin:0}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-row-head {justify-content:flex-start;margin-bottom:0}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-row-head strong {margin-left:auto}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-row-head label {flex-direction:row}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-controls:has(.md-offset-fields:not([hidden])) {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-when {grid-column:1/3;margin:8px 0;align-self:center}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-remove-point {justify-self:end;align-self:center;margin:0}
:where(body[data-site-page="matchday.php"]) .md-drag-handle {font:inherit;font-size:26px;line-height:1;background:var(--ui-surface);color:var(--ui-text-muted);border:1px solid var(--ui-border);border-radius:6px;width:40px;min-height:40px;cursor:grab;touch-action:none;user-select:none}
:where(body[data-site-page="matchday.php"]) .md-drag-handle:active {cursor:grabbing}
:where(body[data-site-page="matchday.php"]) .md-drag-handle:focus-visible {outline:3px solid var(--ui-focus);outline-offset:2px}
:where(body[data-site-page="matchday.php"]) .md-dragging {outline:2px solid var(--ui-secondary);opacity:.75;box-shadow:0 8px 24px rgba(0,0,0,.15)}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) #md-template-rows>.md-plan-row {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-when {grid-column:1}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-controls:has(.md-offset-fields:not([hidden])) {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-row-head strong {font-size:14px}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-controls {grid-column:1}}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-drop-before {box-shadow:0 -4px 0 var(--ui-secondary)}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-drop-after {box-shadow:0 4px 0 var(--ui-secondary)}
:where(body[data-site-page="matchday.php"]) #md-template-rows>.md-plan-row {display:block;padding:10px 14px}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-row-head {display:flex;gap:10px;min-width:0}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-template-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;padding-top:14px}
:where(body[data-site-page="matchday.php"]) .md-template-toggle {display:flex;align-items:center;gap:12px;flex:1;min-width:0;border:0;background:transparent;color:var(--ui-text);font:inherit;text-align:left;cursor:pointer;padding:8px 0}
:where(body[data-site-page="matchday.php"]) .md-template-title {font-weight:700;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where(body[data-site-page="matchday.php"]) .md-template-time {font-size:12px;min-width:0;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ui-secondary);font-weight:600}
:where(body[data-site-page="matchday.php"]) .md-template-arrow {flex:none;color:var(--ui-text-muted)}
:where(body[data-site-page="matchday.php"]) .md-template-toggle:focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px;border-radius:4px}
:where(body[data-site-page="matchday.php"]) .md-drag-handle:disabled {opacity:.35;cursor:not-allowed}
:where(body[data-site-page="matchday.php"]) .md-template-fields[hidden] {display:none!important}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) #md-template-rows .md-template-fields {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="matchday.php"]) #md-template-rows>.md-plan-row {padding:8px}
:where(body[data-site-page="matchday.php"]) .md-template-toggle {gap:6px}
:where(body[data-site-page="matchday.php"]) .md-template-title {font-size:12px}
:where(body[data-site-page="matchday.php"]) .md-template-time {font-size:10px;max-width:30%}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-plan-row-head {gap:6px}}
:where(body[data-site-page="matchday.php"]) .md-week-number {border-right:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);background:var(--ui-surface-muted);font-size:12px;font-weight:700;color:var(--ui-text-muted);padding:12px 3px;text-align:center}
:where(body[data-site-page="matchday.php"]) .md-period-label {display:block;text-align:center;margin:10px 0 0;font-size:12px;color:var(--ui-text-muted);font-weight:600}
:where(body[data-site-page="matchday.php"]) #md-calendar-outside {margin-top:16px;font-size:12px}
:where(body[data-site-page="matchday.php"]) #md-calendar-outside summary {cursor:pointer;color:var(--ui-text-muted)}
:where(body[data-site-page="matchday.php"]) #md-calendar-outside-events {display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) .md-week-number {font-size:10px;padding:8px 2px}}
:where(body[data-site-page="matchday.php"]) .md-refresh-preview {display:grid;gap:8px;max-height:45dvh;overflow:auto;margin:16px 0}
:where(body[data-site-page="matchday.php"]) .md-refresh-preview-row {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid var(--ui-border);border-radius:8px;padding:10px 12px;font-size:13px}
:where(body[data-site-page="matchday.php"]) .md-refresh-preview-row strong {flex:1;min-width:140px}
:where(body[data-site-page="matchday.php"]) .md-refresh-preview-row>span {font-size:12px;color:var(--ui-text-muted)}
:where(body[data-site-page="matchday.php"]) .md-caption-controls {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
:where(body[data-site-page="matchday.php"]) .md-caption-controls>label {display:grid;gap:5px;font-size:12px}
:where(body[data-site-page="matchday.php"]) .md-caption-controls>label:has(textarea),
:where(body[data-site-page="matchday.php"]) .md-caption-controls>p,
:where(body[data-site-page="matchday.php"]) .md-caption-controls>button {grid-column:1/-1}
:where(body[data-site-page="matchday.php"]) .md-caption-controls textarea {width:100%;min-height:110px;resize:vertical}
:where(body[data-site-page="matchday.php"]) .md-caption-controls .cal-help {margin:0}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-caption-controls {grid-column:1/-1;margin:4px 0}
:where(body[data-site-page="matchday.php"]) .md-poster-hover {position:fixed;z-index:120;width:320px;max-height:calc(100dvh - 24px);overflow:auto;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:12px;padding:12px;box-sizing:border-box;box-shadow:0 8px 32px rgba(0,0,0,.22)}
:where(body[data-site-page="matchday.php"]) .md-poster-hover[hidden] {display:none}
:where(body[data-site-page="matchday.php"]) .md-poster-hover>strong {display:block;font-size:14px;margin-bottom:8px}
:where(body[data-site-page="matchday.php"]) .md-poster-hover>img {display:block;width:100%;max-height:350px;object-fit:contain;border-radius:6px;background:var(--ui-surface-muted)}
:where(body[data-site-page="matchday.php"]) .md-hover-caption {font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
:where(body[data-site-page="matchday.php"]) .md-hover-caption:empty {display:none}
:where(body[data-site-page="matchday.php"]) .md-hover-renderer {position:fixed;left:-1200px;top:0;width:900px;height:900px;border:0;pointer-events:none;opacity:0}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) .md-caption-controls {grid-template-columns:minmax(0,1fr)}}
:where(body[data-site-page="matchday.php"]) .md-preview-text {border-top:1px solid var(--ui-border);margin-top:10px;padding-top:10px}
:where(body[data-site-page="matchday.php"]) .md-preview-text h3 {font-size:12px;line-height:1.4;margin:0 0 5px}
:where(body[data-site-page="matchday.php"]) .md-preview-text h3:not(:first-child) {margin-top:10px}
:where(body[data-site-page="matchday.php"]) .md-preview-text .md-hover-caption {margin:0;line-height:1.45}
:where(body[data-site-page="matchday.php"]) .md-preview-text .cal-help {font-size:11px;line-height:1.4;margin:6px 0}
:where(body[data-site-page="matchday.php"]) .md-poster-hover>p:empty {display:none}

:where(body[data-site-page="matchday.php"]) .md-template-timing {display:flex;flex-direction:column;gap:3px;min-width:0;max-width:45%;text-align:right}
:where(body[data-site-page="matchday.php"]) .md-template-timing .md-template-time {max-width:none}
:where(body[data-site-page="matchday.php"]) .md-template-rule {font-size:11px;font-weight:400;line-height:1.4;color:var(--ui-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) .md-template-timing {max-width:45%}
:where(body[data-site-page="matchday.php"]) .md-template-rule {font-size:9px}}
:where(body[data-site-page="matchday.php"]) .md-delivery-controls {grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 0;border-top:1px solid var(--ui-border)}
:where(body[data-site-page="matchday.php"]) .md-delivery-controls>p,
:where(body[data-site-page="matchday.php"]) .md-delivery-controls>.md-comment-active,
:where(body[data-site-page="matchday.php"]) .md-comment-log {grid-column:1/-1}
:where(body[data-site-page="matchday.php"]) .md-delivery-controls>label {display:grid;gap:5px;font-size:12px}
:where(body[data-site-page="matchday.php"]) .md-delivery-controls .md-comment-active {display:flex;flex-direction:row;align-items:center;gap:8px}
:where(body[data-site-page="matchday.php"]) .md-comment-active input {width:18px;height:18px;min-height:0}
:where(body[data-site-page="matchday.php"]) .md-comment-log {max-height:240px;overflow:auto;font-size:12px}
:where(body[data-site-page="matchday.php"]) .md-comment-log>div {border-top:1px solid var(--ui-border);padding:10px 0}
:where(body[data-site-page="matchday.php"]) .md-comment-log p {white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}
:where(body[data-site-page="matchday.php"]) .md-comment-event {border-left:3px solid var(--ui-primary);padding-left:6px}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) .md-delivery-controls {grid-template-columns:minmax(0,1fr)}}
:where(body[data-site-page="matchday.php"]) .md-comment-targets {grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;border:1px solid var(--ui-border);border-radius:12px;padding:12px;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-comment-targets legend {font-weight:700;padding:0 5px}
:where(body[data-site-page="matchday.php"]) .md-comment-targets label {display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}
:where(body[data-site-page="matchday.php"]) .md-comment-targets input {width:18px;height:18px;min-height:0;flex:none}
:where(body[data-site-page="matchday.php"]) .md-comment-targets p {grid-column:1/-1;margin:0}
:where(body[data-site-page="matchday.php"]) #md-template-rows>.md-thread-parent {border-color:var(--ui-secondary)}
:where(body[data-site-page="matchday.php"]) #md-template-rows>.md-thread-child {position:relative;margin-left:36px;width:calc(100% - 36px);box-sizing:border-box;background:color-mix(in srgb,var(--ui-surface-muted) 85%,var(--ui-secondary) 15%)}
:where(body[data-site-page="matchday.php"]) .md-thread-child::before {content:'';position:absolute;left:-20px;top:31px;width:19px;border-top:2px solid var(--ui-border)}
:where(body[data-site-page="matchday.php"]) .md-thread-child::after {content:'';position:absolute;left:-20px;top:-22px;bottom:-22px;border-left:2px solid var(--ui-border)}
:where(body[data-site-page="matchday.php"]) .md-thread-child.md-thread-last::after {bottom:auto;height:53px}
:where(body[data-site-page="matchday.php"]) .md-goal-caption h4 {grid-column:1/-1;font-size:15px;margin:0 0 4px}
:where(body[data-site-page="matchday.php"]) .md-goal-caption {border-top:1px solid var(--ui-border);padding-top:14px}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) #md-template-rows>.md-thread-child {margin-left:20px;width:calc(100% - 20px)}
:where(body[data-site-page="matchday.php"]) .md-thread-child::before {left:-12px;width:11px}
:where(body[data-site-page="matchday.php"]) .md-thread-child::after {left:-12px}}
:where(body[data-site-page="matchday.php"]) .md-calendar-thread {min-width:0;width:100%;box-sizing:border-box;border-radius:5px;background:var(--ui-secondary);color:var(--ui-on-secondary);overflow:hidden;outline:1px solid var(--ui-primary);outline-offset:1px}
:where(body[data-site-page="matchday.php"]) .md-calendar-thread .md-calendar-event {display:block;width:100%;background:transparent;color:inherit;border-radius:0}
:where(body[data-site-page="matchday.php"]) .md-calendar-thread .md-calendar-thread-parent {font-weight:700}
:where(body[data-site-page="matchday.php"]) .md-calendar-thread-children {margin:0 4px 4px;border-top:1px solid rgb(255 255 255 / 35%)}
:where(body[data-site-page="matchday.php"]) .md-calendar-thread .md-calendar-thread-child {border-left:2px solid var(--ui-primary);padding-left:5px}
:where(body[data-site-page="matchday.php"]) .md-calendar-thread .md-calendar-event:hover {background:rgb(255 255 255 / 12%)}
:where(body[data-site-page="matchday.php"]) .md-calendar-thread .md-calendar-event:focus-visible {position:relative;outline:2px solid var(--ui-primary);outline-offset:-2px}
:where(body[data-site-page="matchday.php"]) .md-comment-parent-name {display:block;font-size:10px;opacity:.8;margin-top:4px}
:where(body[data-site-page="matchday.php"]) .md-template-library {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;align-items:end;padding:16px;margin:18px 0;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-muted)}
:where(body[data-site-page="matchday.php"]) .md-template-library>label {display:grid;gap:6px;min-width:0;font-size:13px;font-weight:600}
:where(body[data-site-page="matchday.php"]) .md-template-library>label input,
:where(body[data-site-page="matchday.php"]) .md-template-library>label select {width:100%;min-width:0;box-sizing:border-box}
:where(body[data-site-page="matchday.php"]) .md-template-library>fieldset,
:where(body[data-site-page="matchday.php"]) .md-template-library>p {grid-column:1/-1}
:where(body[data-site-page="matchday.php"]) .md-template-library>fieldset {display:flex;flex-wrap:wrap;gap:8px 16px;border:1px solid var(--ui-border);border-radius:8px;padding:10px 12px;margin:0;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-template-library>fieldset legend {font-size:13px;font-weight:700;padding:0 4px}
:where(body[data-site-page="matchday.php"]) .md-template-library>fieldset label {display:inline-flex;align-items:center;gap:7px;font-size:13px;cursor:pointer}
:where(body[data-site-page="matchday.php"]) .md-template-library>fieldset input {width:18px;height:18px;min-height:0;margin:0}
:where(body[data-site-page="matchday.php"]) .md-template-library>p {margin:0}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) .md-template-library {grid-template-columns:minmax(0,1fr);padding:12px}
:where(body[data-site-page="matchday.php"]) .md-template-library>fieldset,
:where(body[data-site-page="matchday.php"]) .md-template-library>p {grid-column:1}
:where(body[data-site-page="matchday.php"]) .md-template-library>button {justify-self:start}}
:where(body[data-site-page="matchday.php"]) .md-template-section-title,
:where(body[data-site-page="matchday.php"]) .md-template-pool-section h3 {font-size:17px;margin:20px 0 6px}
:where(body[data-site-page="matchday.php"]) .md-template-pool-section {margin:24px 0;border-top:1px solid var(--ui-border);padding-top:4px}
:where(body[data-site-page="matchday.php"]) .md-template-pool-section>.cal-help {margin:0 0 12px}
:where(body[data-site-page="matchday.php"]) #md-template-pool {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:16px}
:where(body[data-site-page="matchday.php"]) #md-template-pool>.md-template-pool-card {display:block;min-width:0;margin:0;padding:6px 10px;background:color-mix(in srgb,var(--ui-surface) 82%,#ff9d00 18%);border-color:color-mix(in srgb,var(--ui-border) 55%,#ff9d00 45%)}
:where(body[data-site-page="matchday.php"]) #md-template-pool .md-plan-row-head {display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:0}
:where(body[data-site-page="matchday.php"]) #md-template-pool .md-template-summary {min-width:0;padding:2px 0}
:where(body[data-site-page="matchday.php"]) #md-template-pool .md-template-timing {max-width:40%}
:where(body[data-site-page="matchday.php"]) .md-template-code {flex:none;padding:2px 6px;border:1px solid color-mix(in srgb,var(--ui-border) 60%,#ff9d00 40%);border-radius:5px;background:var(--ui-surface);color:var(--ui-secondary);font-size:12px;font-weight:800;line-height:1.4}
:where(body[data-site-page="matchday.php"]) .md-template-main-card {position:relative}
:where(body[data-site-page="matchday.php"]) .md-template-attachments {display:flex;align-items:center;flex-wrap:wrap;gap:7px 9px;border-top:1px solid var(--ui-border);padding-top:10px;margin-top:9px;font-size:12px}
:where(body[data-site-page="matchday.php"]) .md-template-attachments>strong {color:var(--ui-text-muted);font-size:11px;white-space:nowrap}
:where(body[data-site-page="matchday.php"]) .md-template-empty {color:var(--ui-text-muted);font-style:italic}
:where(body[data-site-page="matchday.php"]) .md-template-attachment {display:inline-flex;align-items:center;gap:5px;max-width:100%;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-surface);padding:3px 4px 3px 9px;color:var(--ui-text);font-weight:600}
:where(body[data-site-page="matchday.php"]) .md-template-attachment>span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(body[data-site-page="matchday.php"]) .md-template-unlink {width:22px;height:22px;border:0;border-radius:50%;background:var(--ui-surface-muted);color:var(--ui-text);font:inherit;font-size:17px;line-height:1;cursor:pointer}
:where(body[data-site-page="matchday.php"]) .md-template-unlink:disabled {opacity:.35;cursor:not-allowed}
:where(body[data-site-page="matchday.php"]) .md-template-unlink:focus-visible {outline:3px solid var(--ui-focus)}
:where(body[data-site-page="matchday.php"]) #md-template-rows>.md-drop-target {outline:3px solid var(--ui-primary);outline-offset:2px;background:color-mix(in srgb,var(--ui-surface-muted) 75%,var(--ui-primary) 25%)}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) #md-template-pool .md-plan-row-head {gap:6px}
:where(body[data-site-page="matchday.php"]) #md-template-pool .md-template-timing {max-width:32%}}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) .md-calendar-week {min-width:900px}
:where(body[data-site-page="matchday.php"]) .md-calendar-thread .md-calendar-event {font-size:11px;line-height:1.35}}
:where(body[data-site-page="matchday.php"]) .md-caption-controls>label,
:where(body[data-site-page="matchday.php"]) .md-delivery-controls>label {min-width:0}
:where(body[data-site-page="matchday.php"]) .md-caption-controls select,
:where(body[data-site-page="matchday.php"]) .md-delivery-controls select {min-width:0;width:100%}
:where(body[data-site-page="matchday.php"]) .md-template-details{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-template-details .md-template-title{flex:none}
:where(body[data-site-page="matchday.php"]) .md-template-mal{font-size:11px;font-weight:400;line-height:1.4;color:var(--ui-text-muted);overflow-wrap:anywhere;white-space:normal}
:where(body[data-site-page="matchday.php"]) .md-template-summary {display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:8px 0}
:where(body[data-site-page="matchday.php"]) .md-template-edit {flex:none;font-size:12px;padding:7px 12px;min-height:36px}
:where(body[data-site-page="matchday.php"]) .md-template-summary .md-template-timing {max-width:45%}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) .md-template-summary {gap:6px}
:where(body[data-site-page="matchday.php"]) .md-template-edit {font-size:10px;padding:6px;min-height:36px}
:where(body[data-site-page="matchday.php"]) .md-template-summary .md-template-timing {max-width:40%}
:where(body[data-site-page="matchday.php"]) .md-template-summary .md-template-title {font-size:12px}}
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-drop-nest,
:where(body[data-site-page="matchday.php"]) #md-template-rows .md-drop-blocked {position:relative;outline:3px solid var(--ui-secondary);outline-offset:2px;background:color-mix(in srgb,var(--ui-surface-muted) 75%,var(--ui-secondary) 25%)}
:where(body[data-site-page="matchday.php"]) .md-drop-label {position:absolute;left:60px;right:8px;bottom:-12px;z-index:3;padding:4px 8px;border-radius:5px;background:var(--ui-secondary);color:var(--ui-on-secondary);font-size:11px;font-weight:600;pointer-events:none}
:where(body[data-site-page="matchday.php"]) .md-drop-blocked .md-drop-label {background:var(--ui-text-muted);color:var(--ui-surface)}
:where(body[data-site-page="matchday.php"]) #md-template-drag-help {margin:0 0 14px}


:where(body[data-site-page="matchday.php"]) .md-extra-graphics {grid-column:1/-1;border-top:1px solid var(--ui-border);margin-top:8px;padding-top:16px;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-extra-graphics h3 {font-size:16px;margin:0 0 8px}
:where(body[data-site-page="matchday.php"]) .md-extra-graphic {display:grid;grid-template-columns:70px repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;margin:14px 0;padding:14px;border:1px solid var(--ui-border);border-radius:10px}
:where(body[data-site-page="matchday.php"]) .md-extra-graphic>strong {align-self:center;font-size:13px}
:where(body[data-site-page="matchday.php"]) .md-hover-image-controls {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-top:10px}
@media(max-width:700px) {:where(body[data-site-page="matchday.php"]) .md-extra-graphic {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="matchday.php"]) .md-extra-graphic>strong {font-size:14px}}


:where(body[data-site-page="matchday.php"]) .md-template-tabs {display:flex;flex-basis:100%;gap:6px;border-bottom:1px solid var(--ui-border);margin-top:4px}
:where(body[data-site-page="matchday.php"]) .md-template-tabs [role=tab] {border:0;border-bottom:3px solid transparent;padding:10px 16px;background:transparent;color:var(--ui-text-muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
:where(body[data-site-page="matchday.php"]) .md-template-tabs [role=tab][aria-selected=true] {border-bottom-color:var(--ui-secondary);color:var(--ui-secondary)}
:where(body[data-site-page="matchday.php"]) .md-template-tabs [role=tab]:focus-visible {outline:3px solid var(--ui-focus);outline-offset:-3px;border-radius:5px}
:where(body[data-site-page="matchday.php"]) .md-template-panel {min-width:0}
:where(body[data-site-page="matchday.php"]) .md-template-panel[hidden] {display:none!important}
:where(body[data-site-page="matchday.php"]) .md-template-panel .md-template-section-title {margin-top:14px}
:where(body[data-site-page="matchday.php"]) .md-template-dialog .md-template-footer {position:sticky;bottom:-24px;z-index:3;display:flex;justify-content:flex-end;padding:14px 0;margin:18px 0 -24px;background:var(--ui-surface);border-top:1px solid var(--ui-border)}
@media(max-width:700px) {:where(body[data-site-page="matchday.php"]) .md-template-tabs [role=tab] {padding:9px 12px;font-size:13px}
:where(body[data-site-page="matchday.php"]) .md-template-dialog .md-template-footer {bottom:-16px;margin-bottom:-16px}}


:where(body[data-site-page="matchday.php"]) #md-assets-card.md-match-assets {border:0;border-top:1px solid var(--ui-border);border-radius:0;padding:20px 0 0;margin:20px 0 0;background:transparent;min-width:0}
:where(body[data-site-page="matchday.php"]) #md-assets-card .md-assets-grid {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center}
:where(body[data-site-page="matchday.php"]) #md-assets-card .md-photo-setting {display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center}
:where(body[data-site-page="matchday.php"]) #md-assets-card .md-asset-image {display:grid;place-items:center;width:112px;height:104px;overflow:hidden;border-radius:8px;background:var(--ui-surface-muted)}
:where(body[data-site-page="matchday.php"]) #md-assets-card #md-photo-preview {width:100%;height:100%;max-height:none;object-fit:contain;margin:0;border-radius:0}
:where(body[data-site-page="matchday.php"]) #md-assets-card .md-photo-empty {display:none;color:var(--ui-text-muted);font-size:12px}
:where(body[data-site-page="matchday.php"]) #md-assets-card .md-asset-image:has(img[hidden]) .md-photo-empty {display:block}
:where(body[data-site-page="matchday.php"]) #md-assets-card h3 {margin:0;font-size:15px}
:where(body[data-site-page="matchday.php"]) #md-assets-card #md-photo-name {margin:4px 0 10px;font-size:12px;overflow-wrap:anywhere}
:where(body[data-site-page="matchday.php"]) #md-assets-card .cal-actions {display:flex;flex-wrap:wrap;gap:8px;margin:0}
:where(body[data-site-page="matchday.php"]) #md-assets-card .button {margin:0;padding:8px 12px;font-size:12px;min-height:36px}
:where(body[data-site-page="matchday.php"]) #md-assets-card .md-sponsor-controls {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
:where(body[data-site-page="matchday.php"]) #md-assets-card .md-sponsor-controls label {font-size:13px;font-weight:600;margin:0}
:where(body[data-site-page="matchday.php"]) #md-assets-card .md-sponsor-controls select {width:100%;min-width:0;height:38px;font-size:13px;padding:7px 10px}
:where(body[data-site-page="matchday.php"]) #md-assets-card #md-sponsors:not(:empty) {margin-top:8px;font-size:12px;color:var(--ui-text-muted);overflow-wrap:anywhere}
@media(max-width:900px) {:where(body[data-site-page="matchday.php"]) #md-assets-card .md-assets-grid {grid-template-columns:minmax(0,1fr);gap:20px}}
@media(max-width:500px) {:where(body[data-site-page="matchday.php"]) #md-assets-card .md-photo-setting {grid-template-columns:84px minmax(0,1fr);gap:12px}
:where(body[data-site-page="matchday.php"]) #md-assets-card .md-asset-image {width:84px;height:94px}
:where(body[data-site-page="matchday.php"]) #md-assets-card .md-sponsor-controls {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="matchday.php"]) #md-assets-card .md-sponsor-controls .button {justify-self:start}}


:where(body[data-site-page="matchday.php"]) .md-calendar-overview {min-width:0}
:where(body[data-site-page="matchday.php"]) .md-calendar-overview.md-overview-split {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;border-top:1px solid var(--ui-border);margin-top:18px;padding-top:16px}
:where(body[data-site-page="matchday.php"]) .md-timeline-group {margin-bottom:12px}
:where(body[data-site-page="matchday.php"]) .md-timeline-group>h4 {margin:0 0 5px;font-size:13px;color:var(--ui-secondary)}
:where(body[data-site-page="matchday.php"]) .md-timeline-group>h4::first-letter {text-transform:uppercase}
:where(body[data-site-page="matchday.php"]) .md-timeline-thread {border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);margin-bottom:4px;overflow:hidden}
:where(body[data-site-page="matchday.php"]) .md-timeline-row {display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:start;gap:8px;padding:6px 10px;line-height:1.25}
:where(body[data-site-page="matchday.php"]) .md-timeline-time {font-size:12px;font-weight:700;color:var(--ui-secondary);padding-top:2px}
:where(body[data-site-page="matchday.php"]) .md-timeline-content {display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
:where(body[data-site-page="matchday.php"]) .md-timeline-content>strong {font-size:13px}
:where(body[data-site-page="matchday.php"]) .md-timeline-rule,
:where(body[data-site-page="matchday.php"]) .md-timeline-link {font-size:11px;color:var(--ui-text-muted)}
:where(body[data-site-page="matchday.php"]) .md-timeline-child {margin-left:0;border-top:1px solid var(--ui-border);border-left:0;background:var(--ui-surface-muted)}
:where(body[data-site-page="matchday.php"]) .md-timeline-edit.button {padding:4px 8px;min-height:28px;margin:0;font-size:11px}
:where(body[data-site-page="matchday.php"]) .md-overview-split #md-assets-card {border:0;padding:0;margin:0}
:where(body[data-site-page="matchday.php"]) .md-overview-split #md-assets-card .md-assets-grid {grid-template-columns:minmax(0,1fr);gap:18px}
:where(body[data-site-page="matchday.php"]) .md-overview-split #md-assets-card .md-photo-setting {grid-template-columns:160px minmax(0,1fr)}
:where(body[data-site-page="matchday.php"]) .md-overview-split #md-assets-card .md-asset-image {width:160px;height:180px}
@media(max-width:900px) {:where(body[data-site-page="matchday.php"]) .md-calendar-overview.md-overview-split {grid-template-columns:minmax(0,1fr);gap:18px}
:where(body[data-site-page="matchday.php"]) .md-overview-split #md-assets-card {border-top:1px solid var(--ui-border);padding-top:20px}}
@media(max-width:500px) {:where(body[data-site-page="matchday.php"]) .md-timeline-row {grid-template-columns:56px minmax(0,1fr) auto;gap:6px;padding:6px 8px}
:where(body[data-site-page="matchday.php"]) .md-timeline-edit.button {padding:4px 6px}
:where(body[data-site-page="matchday.php"]) .md-timeline-child {margin-left:0}
:where(body[data-site-page="matchday.php"]) .md-overview-split #md-assets-card .md-photo-setting {grid-template-columns:100px minmax(0,1fr)}
:where(body[data-site-page="matchday.php"]) .md-overview-split #md-assets-card .md-asset-image {width:100px;height:120px}}


@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) #md-calendar,
:where(body[data-site-page="matchday.php"]) #md-calendar-outside,
:where(body[data-site-page="matchday.php"]) .md-period-label {display:none}
:where(body[data-site-page="matchday.php"]) .md-calendar-overview.md-overview-split {margin-top:10px;padding-top:12px}}


:where(body[data-site-page="matchday.php"]) .md-app .md-topbar .md-template-tools {display:flex;align-items:center;gap:8px;flex:0 1 310px;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-app .md-topbar .md-template-tools .md-plan-template-select {flex:1;min-width:0}
:where(body[data-site-page="matchday.php"]) .md-app .md-topbar #md-open-template {display:grid;place-items:center;flex:none;width:34px;height:34px;padding:6px;margin:0}
:where(body[data-site-page="matchday.php"]) .md-app .md-topbar #md-open-template svg {display:block}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) .md-app .md-topbar .md-template-tools {flex:1 1 100%}}


:where(body[data-site-page="matchday.php"]) .md-app #md-calendar-card>header {align-items:center;justify-content:flex-end;gap:10px;margin-bottom:16px}
:where(body[data-site-page="matchday.php"]) .md-app #md-calendar-card>header>.cal-actions {display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;margin:0;min-width:0;max-width:100%}
:where(body[data-site-page="matchday.php"]) .md-app #md-calendar-card>header>.cal-actions>.button {width:auto;flex:0 1 auto;margin:0;white-space:nowrap}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) .md-app #md-calendar-card>header {margin-bottom:0}
:where(body[data-site-page="matchday.php"]) .md-app #md-calendar-card>header>.cal-actions {width:100%}
:where(body[data-site-page="matchday.php"]) .md-app #md-calendar-card>header>.cal-actions>.button {flex:1 1 auto;font-size:12px;padding:8px;min-height:38px}}


:where(body[data-site-page="matchday.php"]) .md-app #md-calendar-card.md-card {border:0;border-radius:0;background:transparent;padding:0;margin:0}


:where(body[data-site-page="matchday.php"]) .md-calendar-head {display:grid;width:100%;background:var(--ui-surface-muted)}
:where(body[data-site-page="matchday.php"]) .md-calendar-head>span {border-right:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);padding:8px 3px;text-align:center;font-size:12px;font-weight:700;color:var(--ui-secondary)}
:where(body[data-site-page="matchday.php"]) .md-calendar-head>.md-calendar-week-heading {font-size:10px;color:var(--ui-text-muted)}
@media(max-width:600px) {:where(body[data-site-page="matchday.php"]) .md-calendar-head {min-width:900px}}


/* Source: dashboard.css */
:where(body[data-site-page="dashboard.php"]) .dashboard-page {background:var(--ui-base);font-family:Poppins,Arial,sans-serif}
:where(body[data-site-page="dashboard.php"]) .dashboard-app {--d-gap:20px;--d-pad:23px;max-width:1320px;margin:0 auto;padding:32px 34px 30px;color:var(--ui-text);font-size:14px;line-height:1.55;min-width:0}
:where(body[data-site-page="dashboard.php"]) .dashboard-app * {box-sizing:border-box}
:where(body[data-site-page="dashboard.php"]) .dashboard-app [hidden] {display:none!important}
:where(body[data-site-page="dashboard.php"]) .dashboard-app h1,
:where(body[data-site-page="dashboard.php"]) .dashboard-app h2,
:where(body[data-site-page="dashboard.php"]) .dashboard-app h3,
:where(body[data-site-page="dashboard.php"]) .dashboard-app p {margin:0}
:where(body[data-site-page="dashboard.php"]) .dashboard-app h1 {font-size:30px;font-weight:600;line-height:1.25;letter-spacing:-.7px;color:var(--ui-secondary-text)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app h2 {font-size:16px;font-weight:600;line-height:1.4}
:where(body[data-site-page="dashboard.php"]) .dashboard-app h3 {font-size:14px;font-weight:600;margin-bottom:10px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app button,
:where(body[data-site-page="dashboard.php"]) .dashboard-app a,
:where(body[data-site-page="dashboard.php"]) .dashboard-app select,
:where(body[data-site-page="dashboard.php"]) .dashboard-app input {-webkit-tap-highlight-color:transparent}
:where(body[data-site-page="dashboard.php"]) .dashboard-app button {cursor:pointer;font:inherit}
:where(body[data-site-page="dashboard.php"]) .dashboard-app button:disabled {opacity:.48;cursor:default}
:where(body[data-site-page="dashboard.php"]) .dashboard-app :is(button,a,select,input):focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-icon {width:19px;height:19px;flex:none;stroke-width:1.7;pointer-events:none}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-eyebrow {font-size:11px;letter-spacing:.13em;font-weight:600;color:var(--ui-text-muted);text-transform:uppercase;margin-bottom:5px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-page-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-subtitle {color:var(--ui-text-muted);font-size:12px;margin-top:8px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-button {border:1px solid color-mix(in srgb,var(--ui-border) 65%,transparent);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);min-height:42px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;text-decoration:none}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-button.d-primary {border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-button .d-icon {width:17px;height:17px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-section-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-text-button {border:0;background:none;color:var(--ui-secondary-text);font-size:12px;padding:9px 0;min-height:40px;display:inline-flex;gap:7px;align-items:center;text-align:left;text-decoration:none}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-text-button .d-icon {width:15px;height:15px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-shortcuts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:25px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-shortcut {display:flex;align-items:center;gap:11px;min-height:76px;text-align:left;background:var(--ui-surface);border:1px solid transparent;border-radius:10px;padding:13px 15px;color:var(--ui-text);font-size:12px;font-weight:600;text-decoration:none;box-shadow:0 3px 12px rgba(var(--ui-secondary-rgb),.025);overflow-wrap:anywhere}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-shortcut .d-icon {width:23px;height:23px;color:var(--ui-secondary-text)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--d-gap);align-items:stretch}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-card {background:var(--ui-surface);padding:var(--d-pad);border-radius:12px;min-width:0;box-shadow:0 4px 18px rgba(var(--ui-secondary-rgb),.025);display:flex;flex-direction:column}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-card-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-card-head>.d-icon {color:var(--ui-text-muted)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-small {font-size:12px;color:var(--ui-text-muted);font-weight:400}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-match {background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-match .d-card-head>.d-icon,
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-match .d-small {color:inherit;opacity:.8}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-team-label {color:var(--ui-text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-fixture {font-size:25px;line-height:1.35;font-weight:600;letter-spacing:-.4px;overflow-wrap:anywhere}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-match-date {margin:14px 0 3px;font-size:13px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-match-place {font-size:12px;opacity:.85}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-match .d-button {margin-top:23px;align-self:flex-start;min-height:40px;padding:8px 12px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-match .d-footer-link {color:inherit}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-list {list-style:none;display:grid;gap:0;padding:0;margin:0}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-list-row {display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--ui-border) 45%,transparent);min-width:0}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-list-row:first-child {padding-top:0}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-list-row:last-child {border-bottom:0;padding-bottom:0}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-list-copy {flex:1;min-width:0;overflow-wrap:anywhere}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-list-copy strong {font-weight:600;font-size:12px;display:block}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-list-copy small {font-size:11px;display:block;color:var(--ui-text-muted);margin-top:4px;white-space:pre-line}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-row-action {padding:9px;color:var(--ui-secondary-text);display:grid;place-items:center;border-radius:6px;min-height:40px;min-width:40px;flex:none}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-row-action .d-icon {width:18px;height:18px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-thumb {flex:0 0 43px;height:50px;background:var(--ui-secondary-soft);border-radius:6px;display:grid;place-items:center;color:var(--ui-on-secondary-soft);overflow:hidden}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-thumb img {height:100%;width:100%;object-fit:cover}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-thumb .d-icon {width:23px;height:23px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-footer-link {margin-top:auto;padding-top:18px;color:var(--ui-secondary-text);font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px;min-height:42px;text-decoration:none;align-self:flex-start}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-footer-link .d-icon {width:15px;height:15px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-date-tile {flex:0 0 43px;text-align:center;background:var(--ui-surface-muted);border-radius:6px;padding:7px 3px;color:var(--ui-text);font-weight:600;font-size:16px;line-height:1.3}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-date-tile small {display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:400;color:var(--ui-text-muted)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-row-status {font-size:10px;display:inline-block;margin-top:5px;color:var(--ui-text-muted);background:var(--ui-surface-muted);border-radius:4px;padding:2px 6px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-row-status.is-alert {background:var(--ui-warning-soft);color:var(--ui-warning)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-attention-icon {flex:0 0 36px;height:36px;border-radius:9px;background:var(--ui-accent-soft);color:var(--ui-on-accent-soft);display:grid;place-items:center}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-count {display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:7px;background:var(--ui-surface-muted);font-size:11px;color:var(--ui-text-muted)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-card-title {display:flex;align-items:center;gap:9px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings-league {min-width:0;border-top:1px solid var(--ui-border)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings-league summary {display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;min-height:52px;padding:13px 0;list-style:none}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings-league summary::-webkit-details-marker {display:none}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings-league summary:focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px;border-radius:4px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings-league[open]>summary>.d-icon {transform:rotate(180deg)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings-heading {display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings-heading strong {font-size:13px;font-weight:600}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings-content {padding-bottom:16px;min-width:0}
:where(body[data-site-page="dashboard.php"]) .dashboard-app table.d-standings {width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:12px;background:transparent;color:var(--ui-text);margin:0}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings :is(th,td) {padding:8px 3px;text-align:right;border:0;border-bottom:1px solid color-mix(in srgb,var(--ui-border) 45%,transparent);font-weight:400;font-size:inherit;background:transparent;color:inherit;line-height:1.4;font-variant-numeric:tabular-nums}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings thead th {font-size:11px;color:var(--ui-text-muted)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings abbr {border:0;text-decoration:none}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings .d-position {width:26px;text-align:left}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings .d-team {text-align:left;overflow-wrap:anywhere;padding-left:7px;padding-right:7px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings .d-played {width:30px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings .d-goals {width:39px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings .d-points {width:32px;font-weight:600}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings tr.is-club-team {background:var(--ui-accent-soft);color:var(--ui-on-accent-soft)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings tr.is-club-team :is(th,td) {font-weight:600}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings-key {font-size:10px;color:var(--ui-text-muted);margin-top:9px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-standings-content .d-footer-link {padding-top:10px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-settings {background:var(--ui-surface);border:1px solid color-mix(in srgb,var(--ui-border) 65%,transparent);border-radius:12px;padding:22px;margin-bottom:24px;outline:none}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-settings fieldset {min-width:0;padding:0;margin:0;border:0}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-settings-grid {display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:18px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-card-choice {display:flex;align-items:center;gap:5px;border-bottom:1px solid color-mix(in srgb,var(--ui-border) 45%,transparent);min-height:46px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-card-choice label {display:flex;align-items:center;gap:9px;flex:1;min-width:0;font-size:12px;padding:8px 0;font-weight:400;color:var(--ui-text);overflow-wrap:anywhere}
:where(body[data-site-page="dashboard.php"]) .dashboard-app input[type=checkbox] {accent-color:var(--ui-secondary);width:17px;height:17px;flex:none;margin:0}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-order {border:0;background:none;color:var(--ui-secondary-text);width:36px;min-height:40px;display:grid;place-items:center;padding:0}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-order:disabled {opacity:.22}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-order .d-icon {width:16px;height:16px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-shortcut-picker {display:grid;grid-template-columns:1fr 1fr;gap:8px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-shortcut-picker label {display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--ui-border) 65%,transparent);border-radius:7px;padding:10px;min-height:44px;font-size:11px;color:var(--ui-text);font-weight:400;overflow-wrap:anywhere}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-settings-selects {display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-top:24px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-settings-selects label {min-width:0;font-size:12px;font-weight:400}
:where(body[data-site-page="dashboard.php"]) .dashboard-app select {min-height:42px;font-size:13px;padding:9px 11px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-choice-hint {margin-top:10px;font-size:11px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-settings-actions {display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:20px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-action-group {display:flex;gap:9px;align-items:center}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-empty {padding:20px 0;color:var(--ui-text-muted);font-size:12px;line-height:1.8;overflow-wrap:anywhere}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-empty-grid {grid-column:1/-1;padding:24px;text-align:center;border:1px dashed var(--ui-border);border-radius:10px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-match .d-empty {color:inherit;opacity:.82}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-message {font-size:12px;line-height:1.7;overflow-wrap:anywhere}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-message:empty {display:none}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-message.is-error {color:var(--ui-danger)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-message-row {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-message-row:has(.d-message:empty):has(button[hidden]) {display:none}
:where(body[data-site-page="dashboard.php"]) .dashboard-app #dashboard-settings-message:not(:empty) {margin-top:14px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-shadow {border-radius:8px;background:var(--ui-warning-soft);color:var(--ui-warning);padding:12px 15px;font-size:12px;margin-bottom:18px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-foot {margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-foot .d-small {font-size:11px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-metrics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-metric {padding:12px;border-radius:8px;background:var(--ui-surface-muted)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-metric strong {display:block;font-size:23px;line-height:1.3;font-weight:600;color:var(--ui-secondary-text)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-metric span {font-size:11px;color:var(--ui-text-muted)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-source-note {margin-top:12px;font-size:10px;color:var(--ui-text-muted)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-match .d-source-note {color:inherit;opacity:.75}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-skeleton {height:235px;background:linear-gradient(110deg,var(--ui-surface) 25%,var(--ui-surface-muted) 38%,var(--ui-surface) 53%);background-size:220% 100%;animation:d-loading 1.8s ease-in-out infinite}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:where(body[data-site-page="dashboard.php"]) .dashboard-app[data-density=compact] {--d-gap:14px;--d-pad:17px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app[data-density=compact] .d-list-row {padding-top:9px;padding-bottom:9px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app[data-columns=one] .d-cards {grid-template-columns:1fr}
@keyframes d-loading {to{background-position:-220% 0}}
@media(hover:hover) {:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-button:not(:disabled):hover {filter:brightness(.97)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-shortcut:hover {border-color:var(--ui-border)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-row-action:hover {background:var(--ui-surface-muted)}
:where(body[data-site-page="dashboard.php"]) .dashboard-app :is(.d-text-button,.d-footer-link):hover {text-decoration:underline}}
@media(max-width:950px) {:where(body[data-site-page="dashboard.php"]) .dashboard-app {padding:26px 24px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-shortcuts {grid-template-columns:repeat(2,minmax(0,1fr))}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-fixture {font-size:23px}}
@media(max-width:720px) {:where(body[data-site-page="dashboard.php"]) .dashboard-app {padding:22px 15px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app h1 {font-size:26px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-cards,
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-settings-grid {grid-template-columns:1fr}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-card {padding:20px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-page-head {gap:14px;margin-bottom:22px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-settings {padding:17px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-settings-selects {grid-template-columns:1fr 1fr}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-settings-selects>label:first-child {grid-column:1/-1}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-order,
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-row-action {min-height:44px;min-width:40px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-card-choice label {min-height:44px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app select {font-size:16px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-settings-actions {align-items:stretch}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-action-group {margin-left:auto}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-settings-grid {gap:24px}}
@media(max-width:420px) {:where(body[data-site-page="dashboard.php"]) .dashboard-app {padding:20px 12px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-shortcut {flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:13px;font-size:11px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-shortcuts {gap:10px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-card {padding:17px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-shortcut-picker {grid-template-columns:1fr}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-row-action {min-width:34px;padding:6px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-list-row {gap:9px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-thumb {flex-basis:34px;height:43px}
:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-fixture {font-size:21px}}
@media(prefers-reduced-motion:reduce) {:where(body[data-site-page="dashboard.php"]) .dashboard-app .d-skeleton {animation:none}}


/* Source: club-design.css */
:where(body[data-site-page="club-design.php"]) .club-design-app {max-width:1320px;margin:0 auto;padding:38px 32px 64px;color:var(--ui-text)}
:where(body[data-site-page="club-design.php"]) .club-design-heading {margin-bottom:28px}
:where(body[data-site-page="club-design.php"]) .club-design-heading h1 {margin:4px 0 10px;font-size:clamp(28px,3vw,40px);letter-spacing:-.035em}
:where(body[data-site-page="club-design.php"]) .club-design-heading>p:last-child {margin:0;color:var(--ui-text-muted)}
:where(body[data-site-page="club-design.php"]) .club-design-eyebrow {font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--ui-secondary-text);margin:0}
:where(body[data-site-page="club-design.php"]) .club-design-layout {display:grid;grid-template-columns:minmax(300px,1fr) minmax(340px,1.05fr);gap:32px;align-items:start}
:where(body[data-site-page="club-design.php"]) .club-design-settings,
:where(body[data-site-page="club-design.php"]) .club-design-preview-section {min-width:0}
:where(body[data-site-page="club-design.php"]) .club-design-color-copy {min-width:0;overflow-wrap:anywhere}
:where(body[data-site-page="club-design.php"]) .club-design-settings {padding:26px;border:1px solid var(--ui-border);border-radius:18px;background:var(--ui-surface)}
:where(body[data-site-page="club-design.php"]) .club-design-settings h2,
:where(body[data-site-page="club-design.php"]) .club-design-preview-heading h2 {font-size:21px;margin:0 0 10px;letter-spacing:-.02em}
:where(body[data-site-page="club-design.php"]) .club-design-settings>p {line-height:1.6;color:var(--ui-text-muted);margin:0 0 14px}
:where(body[data-site-page="club-design.php"]) .club-design-colors {margin:12px 0 20px}
:where(body[data-site-page="club-design.php"]) .club-design-color-row {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;border-bottom:1px solid var(--ui-border)}
:where(body[data-site-page="club-design.php"]) .club-design-color-copy label {font-size:16px;font-weight:750;display:block}
:where(body[data-site-page="club-design.php"]) .club-design-share {color:var(--ui-secondary-text);margin-right:5px}
:where(body[data-site-page="club-design.php"]) .club-design-color-copy p {font-size:13px;line-height:1.5;max-width:260px;color:var(--ui-text-muted);margin:7px 0 0}
:where(body[data-site-page="club-design.php"]) .club-design-color-control {display:flex;flex-direction:column;align-items:center;gap:7px;flex:none}
:where(body[data-site-page="club-design.php"]) .club-design-color-control input[type=color] {width:72px;height:52px;padding:4px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-base);cursor:pointer}
:where(body[data-site-page="club-design.php"]) .club-design-color-control input[type=color]::-webkit-color-swatch-wrapper {padding:0}
:where(body[data-site-page="club-design.php"]) .club-design-color-control input[type=color]::-webkit-color-swatch {border:0;border-radius:6px}
:where(body[data-site-page="club-design.php"]) .club-design-color-control output {font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ui-text-muted)}
:where(body[data-site-page="club-design.php"]) .club-design-note {font-size:13px;line-height:1.6;color:var(--ui-text-muted);margin:0 0 22px}
:where(body[data-site-page="club-design.php"]) .club-design-actions {display:flex;gap:10px;flex-wrap:wrap}
:where(body[data-site-page="club-design.php"]) .club-design-actions .button {font-size:13px;min-height:42px}
:where(body[data-site-page="club-design.php"]) .club-design-actions [hidden] {display:none}
:where(body[data-site-page="club-design.php"]) .club-design-save-note {font-size:12px;color:var(--ui-text-muted);margin:13px 0 0}
:where(body[data-site-page="club-design.php"]) .club-design-shades {margin:0 0 22px;padding-top:6px}
:where(body[data-site-page="club-design.php"]) .club-design-shades h3 {font-size:17px;margin:0 0 12px}
:where(body[data-site-page="club-design.php"]) .club-design-shades>label {display:block;font-size:13px;margin-bottom:7px}
:where(body[data-site-page="club-design.php"]) .club-design-shades select {width:100%;max-width:100%;box-sizing:border-box;min-height:44px;padding:10px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font:inherit;font-size:13px}
:where(body[data-site-page="club-design.php"]) .club-design-shades .club-design-note {margin:10px 0 0}
:where(body[data-site-page="club-design.php"]) .club-design-custom-shades {margin:6px 0 14px}
:where(body[data-site-page="club-design.php"]) #club-design-form:has(#club-ui-shades option[value=automatic]:checked) .club-design-custom-shades {display:none}
:where(body[data-site-page="club-design.php"]) .club-design-preview-shades {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;font-size:11px;color:var(--ui-text)}
:where(body[data-site-page="club-design.php"]) .club-design-preview-shades>div {padding:12px 9px;border:1px solid var(--ui-border);border-radius:8px;overflow-wrap:anywhere}
:where(body[data-site-page="club-design.php"]) .club-design-preview-shades output {display:block;margin-top:5px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}
:where(body[data-site-page="club-design.php"]) .club-design-shade-surface {background:var(--ui-surface)}
:where(body[data-site-page="club-design.php"]) .club-design-shade-muted {background:var(--ui-surface-muted)}
:where(body[data-site-page="club-design.php"]) .club-design-preview-heading {min-height:68px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-heading p {font-size:12px;color:var(--ui-text-muted);margin:0 0 18px;min-height:18px}
:where(body[data-site-page="club-design.php"]) .club-design-preview {display:flex;overflow:hidden;min-height:440px;border-radius:18px;border:1px solid var(--ui-border);background:var(--ui-base);color:var(--ui-text);box-shadow:0 12px 30px rgba(var(--ui-text-rgb),.06)}
:where(body[data-site-page="club-design.php"]) .club-design-preview-nav {display:flex;flex-direction:column;align-items:stretch;flex:0 0 104px;gap:8px;background:var(--ui-nav);color:var(--ui-nav-muted);padding:26px 10px;font-size:12px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-nav strong {padding:0 10px 20px;color:var(--ui-nav-text);font-size:15px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-nav span {padding:12px 10px;border-radius:8px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-nav .is-active {background:var(--ui-nav-hover);color:var(--ui-nav-accent);box-shadow:inset 3px 0 var(--ui-nav-accent)}
:where(body[data-site-page="club-design.php"]) .club-design-preview-content {padding:32px 24px;min-width:0;flex:1}
:where(body[data-site-page="club-design.php"]) .club-design-preview-eyebrow {font-size:9px;letter-spacing:.13em;font-weight:800;color:var(--ui-secondary-text);margin:0 0 12px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-content h3 {font-size:23px;line-height:1.15;letter-spacing:-.03em;margin:0 0 10px;color:var(--ui-text)}
:where(body[data-site-page="club-design.php"]) .club-design-preview-content>p:not(.club-design-preview-eyebrow):not(.club-design-preview-link) {font-size:12px;line-height:1.6;color:var(--ui-text-muted);margin:0 0 22px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-card {padding:20px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-badge {display:inline-block;font-size:10px;font-weight:750;background:var(--ui-accent-soft);color:var(--ui-on-accent-soft);padding:5px 8px;border-radius:20px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-card h4 {font-size:18px;margin:13px 0 8px;color:var(--ui-text)}
:where(body[data-site-page="club-design.php"]) .club-design-preview-card p {font-size:11px;line-height:1.6;margin:0 0 18px;color:var(--ui-text-muted)}
:where(body[data-site-page="club-design.php"]) .club-design-preview-buttons {display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;font-weight:750}
:where(body[data-site-page="club-design.php"]) .club-design-preview-primary {padding:10px 12px;background:var(--ui-accent);color:var(--ui-on-accent);border-radius:7px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-secondary {padding:9px 11px;border:1px solid var(--ui-border);color:var(--ui-secondary-text);border-radius:7px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-content .club-design-preview-link {font-size:11px;color:var(--ui-accent-text);font-weight:750;margin:18px 0}
:where(body[data-site-page="club-design.php"]) .club-design-preview-muted {padding:11px;font-size:10px;color:var(--ui-text-muted);background:var(--ui-surface-muted);border-radius:7px;line-height:1.5}
:where(body[data-site-page="club-design.php"]) .club-design-ratio {display:flex;overflow:hidden;height:32px;margin-top:18px;border-radius:9px;font-size:10px;font-weight:800}
:where(body[data-site-page="club-design.php"]) .club-design-ratio span {display:flex;align-items:center;justify-content:center}
:where(body[data-site-page="club-design.php"]) .club-design-ratio [data-color=base] {flex:6;background:var(--ui-base);color:var(--ui-on-base)}
:where(body[data-site-page="club-design.php"]) .club-design-ratio [data-color=secondary] {flex:3;background:var(--ui-secondary);color:var(--ui-on-secondary)}
:where(body[data-site-page="club-design.php"]) .club-design-ratio [data-color=accent] {flex:1;background:var(--ui-accent);color:var(--ui-on-accent)}
:where(body[data-site-page="club-design.php"]) .club-design-message {padding:14px 18px;border-radius:10px;margin:0 0 22px}
:where(body[data-site-page="club-design.php"]) .club-design-message.is-success {background:var(--ui-success-soft);color:var(--ui-success)}
:where(body[data-site-page="club-design.php"]) .club-design-message.is-error {background:var(--ui-danger-soft);color:var(--ui-danger)}
:where(body[data-site-page="club-design.php"]) .club-design-app :focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px}
@media(max-width:1000px) {:where(body[data-site-page="club-design.php"]) .club-design-layout {grid-template-columns:minmax(0,1fr);gap:28px}
:where(body[data-site-page="club-design.php"]) .club-design-preview {min-height:0}
:where(body[data-site-page="club-design.php"]) .club-design-preview-content {padding:28px}
:where(body[data-site-page="club-design.php"]) .club-design-settings {max-width:none}
:where(body[data-site-page="club-design.php"]) .club-design-color-copy p {max-width:none}}
@media(max-width:600px) {:where(body[data-site-page="club-design.php"]) .club-design-app {padding:24px 16px 40px}
:where(body[data-site-page="club-design.php"]) .club-design-settings {padding:20px 16px;border-radius:14px}
:where(body[data-site-page="club-design.php"]) .club-design-color-row {gap:12px}
:where(body[data-site-page="club-design.php"]) .club-design-color-copy label {font-size:14px}
:where(body[data-site-page="club-design.php"]) .club-design-color-copy p {font-size:12px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-nav {flex-basis:78px;padding:24px 6px;font-size:10px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-nav strong {font-size:12px;padding-left:7px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-nav span {padding:10px 7px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-content {padding:24px 16px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-content h3 {font-size:21px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-card {padding:16px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-buttons {gap:10px}
:where(body[data-site-page="club-design.php"]) .club-design-actions {flex-direction:column}
:where(body[data-site-page="club-design.php"]) .club-design-actions .button {width:100%;text-align:center}}
@media(max-width:380px) {:where(body[data-site-page="club-design.php"]) .club-design-preview {flex-direction:column}
:where(body[data-site-page="club-design.php"]) .club-design-preview-nav {flex-basis:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px;gap:4px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-nav strong,
:where(body[data-site-page="club-design.php"]) .club-design-preview-nav span {padding:6px}
:where(body[data-site-page="club-design.php"]) .club-design-preview-nav strong {width:100%}}
:where(body[data-site-page="club-design.php"]) .club-fonts-section {margin-top:32px}
:where(body[data-site-page="club-design.php"]) .club-fonts-heading,
:where(body[data-site-page="club-design.php"]) .club-font-catalog-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
:where(body[data-site-page="club-design.php"]) .club-fonts-heading>div {min-width:0}
:where(body[data-site-page="club-design.php"]) .club-fonts-heading p {margin:0 0 14px;color:var(--ui-text-muted);line-height:1.6}
:where(body[data-site-page="club-design.php"]) .club-fonts-section .button {font-size:13px;min-height:42px}
:where(body[data-site-page="club-design.php"]) .club-fonts-heading>.button {flex:none}
:where(body[data-site-page="club-design.php"]) .club-fonts-section label {display:grid;gap:7px;font-size:13px;font-weight:600;min-width:0}
:where(body[data-site-page="club-design.php"]) .club-fonts-section input[type=text],
:where(body[data-site-page="club-design.php"]) .club-fonts-section input[type=search],
:where(body[data-site-page="club-design.php"]) .club-fonts-section select {box-sizing:border-box;width:100%;min-width:0;max-width:100%;border:1px solid var(--ui-border);border-radius:8px;padding:10px 12px;background:var(--ui-surface);color:var(--ui-text);font:inherit;overflow:hidden}
:where(body[data-site-page="club-design.php"]) .club-fonts-test-label {margin-bottom:20px}
:where(body[data-site-page="club-design.php"]) .club-fonts-roles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 20px}
:where(body[data-site-page="club-design.php"]) .club-font-role {min-width:0;padding:18px;background:var(--ui-surface-muted);border:1px solid var(--ui-border);border-radius:12px}
:where(body[data-site-page="club-design.php"]) .club-font-role h3 {margin:0 0 16px;font-size:17px}
:where(body[data-site-page="club-design.php"]) .club-font-role>.button {margin-top:10px}
:where(body[data-site-page="club-design.php"]) .club-font-saved,
:where(body[data-site-page="club-design.php"]) .club-font-preview-status {font-size:12px;line-height:1.5;color:var(--ui-text-muted);overflow-wrap:anywhere}
:where(body[data-site-page="club-design.php"]) .club-font-saved {min-height:36px;margin:12px 0}
:where(body[data-site-page="club-design.php"]) .club-font-sample {font-size:24px;line-height:1.35;min-height:100px;overflow-wrap:anywhere;padding:14px 0;border-top:1px solid var(--ui-border)}
:where(body[data-site-page="club-design.php"]) .club-font-role[data-font-role=heading] .club-font-sample {font-size:30px}
:where(body[data-site-page="club-design.php"]) .club-font-role[data-font-role=body] .club-font-sample {font-size:19px}
:where(body[data-site-page="club-design.php"]) .club-font-preview-status {margin:6px 0 0;min-height:18px}
:where(body[data-site-page="club-design.php"]) .club-font-catalog {background:var(--ui-surface-muted);border:1px solid var(--ui-border);border-radius:12px;padding:22px;margin:0 0 24px;min-width:0}
:where(body[data-site-page="club-design.php"]) .club-font-catalog h3 {font-size:18px;margin:0 0 16px}
:where(body[data-site-page="club-design.php"]) .club-font-filters {display:grid;grid-template-columns:2fr 1fr;gap:16px}
:where(body[data-site-page="club-design.php"]) .club-fonts-section .club-font-check {display:flex;align-items:center;gap:8px;margin:16px 0;font-weight:400}
:where(body[data-site-page="club-design.php"]) .club-font-check input {width:18px;height:18px;flex:none;accent-color:var(--ui-accent)}
:where(body[data-site-page="club-design.php"]) .club-font-results-status,
:where(body[data-site-page="club-design.php"]) .club-font-install-status {font-size:13px;line-height:1.5;overflow-wrap:anywhere}
:where(body[data-site-page="club-design.php"]) .club-fonts-section #club-font-family {height:204px;padding:4px}
:where(body[data-site-page="club-design.php"]) .club-fonts-section #club-font-family option {padding:6px 8px}
:where(body[data-site-page="club-design.php"]) .club-font-pagination {display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}
:where(body[data-site-page="club-design.php"]) .club-font-install-row {display:flex;align-items:flex-end;gap:12px;margin-top:18px}
:where(body[data-site-page="club-design.php"]) .club-font-install-row label {flex:1}
:where(body[data-site-page="club-design.php"]) .club-fonts-section [hidden] {display:none!important}
:where(body[data-site-page="club-design.php"]) .club-fonts-section .is-error {color:var(--ui-danger)}
:where(body[data-site-page="club-design.php"]) .club-fonts-section button:disabled {cursor:default;opacity:.55}
:where(body[data-site-page="club-design.php"]) .club-fonts-section [aria-busy=true] {cursor:progress}
@media(max-width:1050px) {:where(body[data-site-page="club-design.php"]) .club-fonts-roles {grid-template-columns:minmax(0,1fr)}
:where(body[data-site-page="club-design.php"]) .club-font-sample {min-height:0}
:where(body[data-site-page="club-design.php"]) .club-font-saved {min-height:0}
:where(body[data-site-page="club-design.php"]) .club-fonts-heading {flex-wrap:wrap}}
@media(max-width:600px) {:where(body[data-site-page="club-design.php"]) .club-font-catalog {padding:16px}
:where(body[data-site-page="club-design.php"]) .club-font-catalog-heading {align-items:center;gap:10px}
:where(body[data-site-page="club-design.php"]) .club-font-catalog-heading h3 {margin:0;font-size:16px}
:where(body[data-site-page="club-design.php"]) .club-font-filters {grid-template-columns:minmax(0,1fr);margin-top:18px}
:where(body[data-site-page="club-design.php"]) .club-font-install-row {flex-direction:column;align-items:stretch}
:where(body[data-site-page="club-design.php"]) .club-font-install-row label {flex:auto}
:where(body[data-site-page="club-design.php"]) .club-font-role {padding:16px}
:where(body[data-site-page="club-design.php"]) .club-font-pagination .button {flex:1}
:where(body[data-site-page="club-design.php"]) .club-fonts-heading>.button {width:100%}}
:where(body[data-site-page="club-design.php"]) .club-identity-settings {margin-bottom: 24px;}
:where(body[data-site-page="club-design.php"]) .club-identity-form {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}
:where(body[data-site-page="club-design.php"]) .club-identity-form label {display: grid; gap: 6px;}
:where(body[data-site-page="club-design.php"]) .club-identity-form input {width: 100%; min-width: 0; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--ui-border); border-radius: 8px; background: var(--ui-field); color: var(--ui-text); font: inherit;}
:where(body[data-site-page="club-design.php"]) .club-identity-form p {grid-column: 1 / -1;}
:where(body[data-site-page="club-design.php"]) .club-identity-form button {justify-self: start;}
@media (max-width: 600px) {:where(body[data-site-page="club-design.php"]) .club-identity-form {grid-template-columns: minmax(0, 1fr);}}


/* Source: media.css */
:where(body[data-site-page="media.php"]) .media-app {max-width:1440px;margin:28px auto;padding:24px;color:var(--ui-text)}
:where(body[data-site-page="media.php"]) .media-header,
:where(body[data-site-page="media.php"]) .media-dialog-header,
:where(body[data-site-page="media.php"]) .media-list-heading,
:where(body[data-site-page="media.php"]) .media-actions {display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
:where(body[data-site-page="media.php"]) .media-header {margin-bottom:26px}
:where(body[data-site-page="media.php"]) .media-header h1 {font-size:clamp(30px,4vw,44px);line-height:1.15;margin:8px 0 12px}
:where(body[data-site-page="media.php"]) .media-header p {max-width:760px;line-height:1.6}
:where(body[data-site-page="media.php"]) .media-eyebrow {color:var(--ui-text-muted);font-size:11px;font-weight:750;letter-spacing:.14em;margin:12px 0 5px}
:where(body[data-site-page="media.php"]) .media-app .media-help {font-size:13px;line-height:1.6;color:var(--ui-text-muted);font-weight:400}
:where(body[data-site-page="media.php"]) .media-app label {font-size:13px;line-height:1.5}
:where(body[data-site-page="media.php"]) .media-app input:not([type=checkbox]),
:where(body[data-site-page="media.php"]) .media-app select {width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface);color:var(--ui-text);font:inherit}
:where(body[data-site-page="media.php"]) .media-app .button {min-height:44px;white-space:normal;text-align:center;text-decoration:none}
:where(body[data-site-page="media.php"]) .media-app [hidden] {display:none!important}
:where(body[data-site-page="media.php"]) .media-app :focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px}
:where(body[data-site-page="media.php"]) .media-app button:disabled {opacity:.55;cursor:default}
:where(body[data-site-page="media.php"]) .media-app a,
:where(body[data-site-page="media.php"]) .media-app h2,
:where(body[data-site-page="media.php"]) .media-app h3,
:where(body[data-site-page="media.php"]) .media-app p {overflow-wrap:anywhere}
:where(body[data-site-page="media.php"]) .media-filters {display:grid;grid-template-columns:1.3fr 1.3fr 1fr 1fr 1.4fr auto;gap:14px;align-items:end;background:var(--ui-surface);padding:22px;border-radius:14px;box-shadow:0 6px 22px rgba(var(--ui-text-rgb),0.031)}
:where(body[data-site-page="media.php"]) .media-filters>* {min-width:0}
:where(body[data-site-page="media.php"]) .media-list-heading {margin:26px 0 8px}
:where(body[data-site-page="media.php"]) .media-list-heading h2 {font-size:22px;margin:0}
:where(body[data-site-page="media.php"]) .media-actions {justify-content:flex-start}
:where(body[data-site-page="media.php"]) .media-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:20px}
:where(body[data-site-page="media.php"]) .media-card {min-width:0;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(var(--ui-text-rgb),0.020)}
:where(body[data-site-page="media.php"]) .media-card-preview {position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;width:100%;border:0;border-bottom:1px solid var(--ui-border);background:#e5ebf2;color:#243a59;cursor:pointer;overflow:hidden;padding:0}
:where(body[data-site-page="media.php"]) .media-card-preview img {width:100%;height:100%;object-fit:contain}
:where(body[data-site-page="media.php"]) .media-card-preview:disabled {opacity:1;cursor:default}
:where(body[data-site-page="media.php"]) .media-checker {background-color:#edf1f5;background-image:linear-gradient(45deg,#d7dfe8 25%,transparent 25%),linear-gradient(-45deg,#d7dfe8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7dfe8 75%),linear-gradient(-45deg,transparent 75%,#d7dfe8 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
:where(body[data-site-page="media.php"]) .media-play {position:absolute;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:color-mix(in srgb,var(--ui-secondary) 90.98%,transparent);color:var(--ui-on-secondary);font-size:24px;box-shadow:0 2px 9px rgba(var(--ui-text-rgb),0.200);padding-left:4px}
:where(body[data-site-page="media.php"]) .media-card-body {padding:16px}
:where(body[data-site-page="media.php"]) .media-card h3 {margin:0 0 8px;font-size:17px;line-height:1.45}
:where(body[data-site-page="media.php"]) .media-details {font-size:12px;color:var(--ui-text-muted);margin:7px 0 12px;line-height:1.6}
:where(body[data-site-page="media.php"]) .media-badges {display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
:where(body[data-site-page="media.php"]) .media-badge {font-size:11px;line-height:1.4;border-radius:5px;background:var(--ui-surface-muted);padding:4px 7px;color:var(--ui-text-muted);overflow-wrap:anywhere}
:where(body[data-site-page="media.php"]) .media-badge.alpha {background:#e3f3ed;color:#195b43}
:where(body[data-site-page="media.php"]) .media-card .media-actions {margin-top:16px}
:where(body[data-site-page="media.php"]) .media-card .button {padding:8px 12px;font-size:13px}
:where(body[data-site-page="media.php"]) .media-status {padding:8px 10px;border-radius:6px;font-size:13px;line-height:1.5;background:#fff3d6;color:#70510b}
:where(body[data-site-page="media.php"]) .media-empty {padding:40px 20px;text-align:center;background:var(--ui-surface);border:1px dashed var(--ui-border);border-radius:12px;color:var(--ui-text-muted)}
:where(body[data-site-page="media.php"]) .media-notice,
:where(body[data-site-page="media.php"]) #media-message:not(:empty),
:where(body[data-site-page="media.php"]) #media-form-message:not(:empty) {padding:13px 16px;background:var(--ui-warning-soft);border-radius:8px;line-height:1.5;color:var(--ui-warning)}
:where(body[data-site-page="media.php"]) .media-app dialog {width:min(740px,calc(100vw - 28px));max-height:92dvh;border:0;border-radius:16px;padding:26px;color:var(--ui-text);box-sizing:border-box;box-shadow:0 24px 100px rgba(var(--ui-text-rgb),0.400);background:var(--ui-surface)}
:where(body[data-site-page="media.php"]) .media-app dialog::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="media.php"]) .media-dialog-header {align-items:flex-start;margin-bottom:22px}
:where(body[data-site-page="media.php"]) .media-dialog-header h2 {font-size:24px;line-height:1.3;margin:0}
:where(body[data-site-page="media.php"]) .media-dialog-header .media-eyebrow {margin:0 0 7px}
:where(body[data-site-page="media.php"]) .media-app fieldset {margin:22px 0;border:1px solid var(--ui-border);border-radius:10px;padding:16px;min-width:0}
:where(body[data-site-page="media.php"]) .media-app legend {font-weight:700;padding:0 6px}
:where(body[data-site-page="media.php"]) .media-check-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
:where(body[data-site-page="media.php"]) .media-app .media-choice {display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 9px;border-radius:7px;background:var(--ui-surface-muted);cursor:pointer;font-weight:500;min-width:0;overflow-wrap:anywhere}
:where(body[data-site-page="media.php"]) .media-choice input {width:20px;height:20px;flex:0 0 20px;accent-color:var(--ui-accent)}
:where(body[data-site-page="media.php"]) .media-player-choices {display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:250px;overflow:auto;margin-top:12px;overscroll-behavior:contain}
:where(body[data-site-page="media.php"]) .media-custom-category {display:flex;align-items:end;gap:10px;margin-top:15px}
:where(body[data-site-page="media.php"]) .media-custom-category label {flex:1;min-width:0}
:where(body[data-site-page="media.php"]) .media-file-list {list-style:none;padding:0;margin:12px 0}
:where(body[data-site-page="media.php"]) .media-file-list li {padding:8px 0;border-bottom:1px solid var(--ui-border);font-size:13px;overflow-wrap:anywhere}
:where(body[data-site-page="media.php"]) .media-file-state {display:block;color:var(--ui-text-muted);margin-top:3px}
:where(body[data-site-page="media.php"]) .media-app progress {display:block;width:100%;height:18px;margin:8px 0;accent-color:var(--ui-accent)}
:where(body[data-site-page="media.php"]) .media-app form>label {margin:18px 0 6px}
:where(body[data-site-page="media.php"]) .media-app form footer {margin-top:24px;justify-content:flex-end}
:where(body[data-site-page="media.php"]) .media-preview-content {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;border-radius:8px;overflow:hidden}
:where(body[data-site-page="media.php"]) .media-preview-content:not(.media-checker) {background:#14233b}
:where(body[data-site-page="media.php"]) .media-preview-content>img,
:where(body[data-site-page="media.php"]) .media-preview-content>video,
:where(body[data-site-page="media.php"]) .media-preview-content>canvas {display:block;max-width:100%;max-height:65dvh;width:auto;object-fit:contain}
:where(body[data-site-page="media.php"]) .media-preview-content>canvas {width:100%;height:auto}
:where(body[data-site-page="media.php"]) .media-preview-content>video {width:100%}
:where(body[data-site-page="media.php"]) .media-alpha-controls {width:100%;background:var(--ui-surface);padding:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
:where(body[data-site-page="media.php"]) .media-alpha-controls label {flex:1 1 220px}
:where(body[data-site-page="media.php"]) .media-alpha-controls input[type=range] {padding:0;min-height:36px}
:where(body[data-site-page="media.php"]) .media-alpha-controls .button {padding:8px 12px}
:where(body[data-site-page="media.php"]) .media-alpha-time {font-size:12px;min-width:88px}
:where(body[data-site-page="media.php"]) .media-app #media-preview {width:min(1000px,calc(100vw - 28px))}
@media(max-width:1150px) {:where(body[data-site-page="media.php"]) .media-filters {grid-template-columns:repeat(3,minmax(0,1fr))}
:where(body[data-site-page="media.php"]) .media-search {grid-column:span 2}}
@media(max-width:620px) {:where(body[data-site-page="media.php"]) .media-app {padding:18px 14px;margin:0}
:where(body[data-site-page="media.php"]) .media-header {gap:8px}
:where(body[data-site-page="media.php"]) .media-header>.button {width:100%}
:where(body[data-site-page="media.php"]) .media-header h1 {font-size:32px}
:where(body[data-site-page="media.php"]) .media-filters {grid-template-columns:1fr 1fr;padding:16px;gap:12px}
:where(body[data-site-page="media.php"]) .media-search {grid-column:1/-1}
:where(body[data-site-page="media.php"]) .media-filters>.button {grid-column:1/-1}
:where(body[data-site-page="media.php"]) .media-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
:where(body[data-site-page="media.php"]) .media-card-body {padding:12px}
:where(body[data-site-page="media.php"]) .media-card h3 {font-size:14px}
:where(body[data-site-page="media.php"]) .media-card .media-actions .button {flex:1}
:where(body[data-site-page="media.php"]) .media-card .media-actions {gap:8px}
:where(body[data-site-page="media.php"]) .media-app dialog {padding:19px;max-height:94dvh;background:var(--ui-surface)}
:where(body[data-site-page="media.php"]) .media-player-choices {grid-template-columns:1fr}
:where(body[data-site-page="media.php"]) .media-custom-category {flex-wrap:wrap}
:where(body[data-site-page="media.php"]) .media-custom-category label {flex:1 0 100%}
:where(body[data-site-page="media.php"]) .media-custom-category .button {flex:1}
:where(body[data-site-page="media.php"]) .media-app form footer .button {flex:1}
:where(body[data-site-page="media.php"]) .media-dialog-header h2 {font-size:21px}
:where(body[data-site-page="media.php"]) .media-list-heading {align-items:flex-start}
:where(body[data-site-page="media.php"]) .media-list-heading h2 {max-width:100%}
:where(body[data-site-page="media.php"]) .media-details {font-size:11px}}
@media(max-width:370px) {:where(body[data-site-page="media.php"]) .media-grid {grid-template-columns:1fr}}
:where(body[data-site-page="media.php"]) .media-jobs {margin:24px 0;padding:20px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:14px}
:where(body[data-site-page="media.php"]) .media-job {padding:16px 0;border-top:1px solid var(--ui-border)}
:where(body[data-site-page="media.php"]) .media-job-heading {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
:where(body[data-site-page="media.php"]) .media-job h3 {font-size:16px;margin:0}
:where(body[data-site-page="media.php"]) .media-job-state {font-size:13px;color:var(--ui-text-muted)}
:where(body[data-site-page="media.php"]) .media-job .media-help {margin:8px 0}
:where(body[data-site-page="media.php"]) .media-tools {margin:18px 0}
:where(body[data-site-page="media.php"]) .media-card-select {margin-bottom:12px;font-size:11px!important;padding:6px!important}
:where(body[data-site-page="media.php"]) .media-card .media-actions {gap:8px}
:where(body[data-site-page="media.php"]) .media-app .danger {background:#a02b20;color:#fff}
:where(body[data-site-page="media.php"]) .media-app #media-usage-body>p,
:where(body[data-site-page="media.php"]) .media-app #media-usage-body>ul {line-height:1.7}
:where(body[data-site-page="media.php"]) .media-app #media-usage-body>.button,
:where(body[data-site-page="media.php"]) .media-app #media-usage-body>.media-choice {margin-top:16px}
:where(body[data-site-page="media.php"]) .media-app #media-defaults-form>label {display:block;margin:16px 0}
:where(body[data-site-page="media.php"]) .media-app #media-defaults-form>.media-choice {display:flex}
:where(body[data-site-page="media.php"]) .media-app #media-bulk-categories {margin:14px 0}
:where(body[data-site-page="media.php"]) .media-job progress {height:12px}
:where(body[data-site-page="media.php"]) .media-app #media-resume-file[hidden] {display:none!important}
@media(max-width:620px) {:where(body[data-site-page="media.php"]) .media-jobs {padding:14px}
:where(body[data-site-page="media.php"]) .media-job .media-actions .button {flex:1}
:where(body[data-site-page="media.php"]) .media-tools {display:grid;grid-template-columns:1fr 1fr}
:where(body[data-site-page="media.php"]) .media-card .media-actions .button {flex-basis:100%}
:where(body[data-site-page="media.php"]) .media-job-heading {gap:6px}
:where(body[data-site-page="media.php"]) .media-job-state {width:100%}}


/* Source: projects.css */
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-app {max-width:1220px;margin:0 auto;padding:32px 22px 64px;color:var(--ui-text)}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-header,
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-filters,
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-actions {display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-header {margin-bottom:28px}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-header h1 {margin:8px 0}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-eyebrow {font-size:.8rem;font-weight:700;letter-spacing:.1em;color:var(--ui-text-muted)}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-filters {background:var(--ui-surface);padding:22px;border-radius:15px;align-items:end;justify-content:flex-start}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-filters label {min-width:160px;flex:1}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-app label {display:grid;gap:7px;font-weight:600}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-app input,
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-app select {min-height:44px;padding:10px;border:1px solid var(--ui-border);border-radius:8px;max-width:100%;font:inherit;background:var(--ui-surface);color:var(--ui-text)}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .project-card {background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:15px;padding:24px;min-width:0}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .project-card h2 {font-size:1.25rem;overflow-wrap:anywhere}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .project-meta {color:var(--ui-text-muted);font-size:.88rem;line-height:1.7}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-actions {justify-content:flex-start;gap:10px;margin-top:20px}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-actions .button {font-size:.9rem;padding:10px 14px}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-app dialog {border:1px solid var(--ui-border);border-radius:16px;padding:28px;max-width:min(820px,90vw);width:820px;max-height:85vh;overflow:auto;background:var(--ui-surface);color:var(--ui-text)}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-app dialog::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .project-version,
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .project-share {border-top:1px solid var(--ui-border);padding:18px 0}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .project-share input {width:100%;box-sizing:border-box}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .project-comment {padding:12px;background:var(--ui-surface-muted);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-empty {padding:34px;background:var(--ui-surface);border-radius:15px}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) #project-message:empty,
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) #project-detail-message:empty {display:none}
@media(max-width:600px) {:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-app {padding:22px 14px}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-header {align-items:flex-start}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-filters label {min-width:100%;width:100%}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-grid {grid-template-columns:1fr}
:where(body[data-site-page="projects.php"], body[data-site-page="video-formats.php"]) .projects-app dialog {padding:18px;width:calc(100vw - 48px);background:var(--ui-surface);color:var(--ui-text)}}


/* Source: templates.css */
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app {max-width:1440px;margin:0 auto;padding:32px;color:var(--ui-text)}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-header {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-header h1 {font-size:clamp(28px,3.5vw,40px);line-height:1.2;margin:5px 0 12px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-header p {margin:5px 0;color:var(--ui-text-muted);line-height:1.55}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-header .templates-eyebrow {font-size:12px;letter-spacing:.14em;font-weight:600}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app .button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;font-size:14px;line-height:1.4;text-align:center;text-decoration:none;white-space:normal}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app .templates-primary {background:var(--ui-accent);color:var(--ui-on-accent)}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app .templates-danger {background:#a93030;color:#fff}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app .button:disabled {opacity:.55;cursor:wait}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-filters {display:flex;align-items:flex-end;gap:16px;padding:20px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface)}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app label {display:grid;gap:8px;min-width:0;font-size:13px;font-weight:600;color:var(--ui-text-muted)}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-filters label:first-child {flex:2}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-filters label:nth-child(2) {flex:1}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app input,
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app select {width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-surface);color:var(--ui-text);font:inherit}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-list-heading {display:flex;justify-content:space-between;align-items:center;margin:22px 0 15px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-list-heading p {margin:0;font-size:14px;font-weight:600;color:var(--ui-text-muted)}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-card {display:flex;flex-direction:column;gap:14px;min-width:0;padding:23px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface)}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-card-heading {display:flex;gap:14px;align-items:flex-start}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-symbol {display:grid;place-items:center;flex:none;width:48px;height:48px;color:var(--ui-secondary-text);background:var(--ui-surface-muted);border-radius:9px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-symbol svg {width:25px;height:25px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-card h2 {margin:3px 0 8px;font-size:20px;line-height:1.35;overflow-wrap:anywhere}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-category {display:inline-block;padding:4px 8px;background:var(--ui-surface-muted);border-radius:4px;color:var(--ui-text-muted);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-card time,
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-date {font-size:12px;color:var(--ui-text-muted);line-height:1.5}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-date {margin:0}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-card>.templates-actions {margin-top:auto;padding-top:3px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-card>.templates-actions>.button {flex:1}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-admin {border-top:1px solid var(--ui-border);padding-top:14px;display:flex;flex-wrap:wrap;gap:8px 14px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-admin button {border:0;background:transparent;color:var(--ui-secondary-text);font-size:12px;padding:4px 0;min-height:32px;text-align:left;cursor:pointer}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-admin .template-delete {color:#a53434}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-empty {grid-column:1/-1;padding:40px 28px;background:var(--ui-surface);border:1px dashed var(--ui-border);border-radius:12px;line-height:1.6}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-empty h2 {font-size:21px;margin:0 0 12px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-empty p {color:var(--ui-text-muted);margin:8px 0 20px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-empty .button {margin-top:4px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-message:empty {display:none}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-message:not(:empty),
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-notice {margin:18px 0;padding:14px 16px;background:var(--ui-surface-muted);color:var(--ui-text-muted);border-radius:7px;line-height:1.6;overflow-wrap:anywhere}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-message.is-error {background:#fff0e9;color:#963f25}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app :focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app dialog {box-sizing:border-box;width:min(520px,calc(100vw - 30px));max-height:90dvh;padding:26px;border:0;border-radius:14px;background:var(--ui-surface);color:var(--ui-text);overflow:auto;overscroll-behavior:contain}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app dialog::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-dialog-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--ui-border)}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-dialog-heading h2 {font-size:23px;margin:3px 0;line-height:1.3}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app dialog label {margin:18px 0}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app dialog footer {justify-content:flex-end;border-top:1px solid var(--ui-border);padding-top:18px;margin-top:22px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app dialog p {line-height:1.6;overflow-wrap:anywhere}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app [role=alert] {color:#a13325}
@media(max-width:1100px) {:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px) {:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app {padding:22px 14px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-header {flex-direction:column;align-items:flex-start;gap:14px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-header>.button {width:100%}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-filters {flex-wrap:wrap;padding:16px;gap:14px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-filters label:first-child {flex-basis:100%}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-filters label:nth-child(2) {flex:1;min-width:120px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-grid {grid-template-columns:1fr;gap:15px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-card {padding:20px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-app dialog {padding:20px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .templates-dialog-heading h2 {font-size:21px}
:where(body[data-site-page="templates.php"], body[data-site-page="graphic-templates.php"]) .template-card>.templates-actions>.button {min-width:110px}}


/* Source: graphic-templates.css */
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app .templates-notice {margin-bottom: 24px;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app dialog {width: min(660px, calc(100vw - 30px));}
:where(body[data-site-page="graphic-templates.php"]) .graphic-template-fields {display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app .graphic-template-fields label {margin: 0 0 18px;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app fieldset {padding: 18px; margin: 24px 0; border: 1px solid var(--ui-border); border-radius: 8px; min-width: 0;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app legend {padding: 0 8px; font-size: 14px; font-weight: 600;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app fieldset label:first-child {margin-top: 0;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app fieldset label:last-child {margin-bottom: 0;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app .graphic-template-check {display: flex; align-items: center; gap: 10px; font-weight: 500; cursor: pointer; min-height: 36px;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app .graphic-template-check input {width: 19px; min-height: 19px; height: 19px; margin: 0; flex: none; accent-color: var(--ui-accent);}
:where(body[data-site-page="graphic-templates.php"]) .graphic-template-hint,
:where(body[data-site-page="graphic-templates.php"]) .graphic-template-summary {color: var(--ui-text-muted); font-size: 13px; line-height: 1.6; margin: 0; overflow-wrap: anywhere;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-template-kind {font-size: 12px; margin: 0 0 4px; font-weight: 600; color: var(--ui-text-muted);}
:where(body[data-site-page="graphic-templates.php"]) .graphic-template-problem {border-left: 3px solid var(--ui-warning); padding: 8px 12px; margin: 0; color: var(--ui-warning); background: var(--ui-warning-soft); font-size: 13px; line-height: 1.5;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app .templates-danger {background: var(--ui-danger); color: white;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app .template-admin .template-delete,
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app [role=alert] {color: var(--ui-danger);}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app .templates-message.is-error {background: var(--ui-danger-soft); color: var(--ui-danger);}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app [hidden] {display: none !important;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app [aria-disabled=true] {opacity: .55; cursor: not-allowed;}
@media(max-width:680px) {:where(body[data-site-page="graphic-templates.php"]) .graphic-template-fields {grid-template-columns: 1fr; gap: 0;}
:where(body[data-site-page="graphic-templates.php"]) .graphic-templates-app fieldset {padding: 15px;}}


/* Source: poster.css */
@font-face {font-family: "Poster Noto Symbols"; src: url("assets/fonts/NotoSansSymbols2-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap;}
:where(body[data-site-page="poster.php"]) .poster-app {max-width: 1500px; margin: 0 auto; padding: 30px; color: var(--ui-text);}
:where(body[data-site-page="poster.php"]) .poster-heading,
:where(body[data-site-page="poster.php"]) .poster-section-heading {display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px;}
:where(body[data-site-page="poster.php"]) .poster-heading h1 {font-size: clamp(28px, 3.5vw, 40px); line-height: 1.2; margin: 5px 0 10px;}
:where(body[data-site-page="poster.php"]) .poster-heading p {color: var(--ui-text-muted); line-height: 1.6; max-width: 820px; margin: 6px 0;}
:where(body[data-site-page="poster.php"]) .poster-eyebrow {font-size: 12px; font-weight: 600; letter-spacing: .14em;}
:where(body[data-site-page="poster.php"]) .poster-heading .poster-publishing-title {margin: 6px 0; font-size: 12px; font-weight: 600; line-height: 1.6; letter-spacing: .14em; color: var(--ui-text-muted);}
:where(body[data-site-page="poster.php"]) .poster-app .button {display: inline-flex; justify-content: center; align-items: center; padding: 11px 16px; min-height: 44px; font-size: 14px; text-align: center; text-decoration: none;}
:where(body[data-site-page="poster.php"]) .poster-app .primary {background: var(--ui-accent); color: var(--ui-on-accent);}
:where(body[data-site-page="poster.php"]) .poster-app button:disabled {opacity: .55; cursor: not-allowed;}
:where(body[data-site-page="poster.php"]) .poster-app label {display: grid; gap: 8px; margin: 16px 0; min-width: 0; color: var(--ui-text-muted); font-size: 13px; font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-app input,
:where(body[data-site-page="poster.php"]) .poster-app select,
:where(body[data-site-page="poster.php"]) .poster-app textarea {box-sizing: border-box; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--ui-border); border-radius: 6px; background: var(--ui-surface); color: var(--ui-text); font: inherit;}
/* Keep long native option labels inside grid fields in WebKit. */
:where(body[data-site-page="poster.php"]) .poster-app select {overflow: hidden;}
:where(body[data-site-page="poster.php"]) .poster-app textarea {resize: vertical;}
:where(body[data-site-page="poster.php"]) .poster-app input[type=color] {padding: 4px; cursor: pointer;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-check {display: flex; align-items: center; gap: 10px; min-height: 35px; font-weight: 500; cursor: pointer;}
:where(body[data-site-page="poster.php"]) .poster-check input {width: 19px; height: 19px; min-height: 19px; margin: 0; flex: none; accent-color: var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-app :focus-visible {outline: 3px solid var(--ui-focus); outline-offset: 3px;}
:where(body[data-site-page="poster.php"]) .poster-notice {padding: 14px 16px; background: var(--ui-surface-muted); color: var(--ui-text-muted); border-radius: 7px; line-height: 1.6; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-notice:empty,
:where(body[data-site-page="poster.php"]) #poster-action-status:empty {display: none;}
:where(body[data-site-page="poster.php"]) .poster-app .is-error {color: var(--ui-danger); background: var(--ui-danger-soft);}
:where(body[data-site-page="poster.php"]) .poster-workspace {display: grid; grid-template-columns: minmax(290px, 400px) minmax(0, 1fr); gap: 26px; align-items: start; margin-top: 24px;}
:where(body[data-site-page="poster.php"]) .poster-panel,
:where(body[data-site-page="poster.php"]) .poster-preview-panel,
:where(body[data-site-page="poster.php"]) .poster-template-library {min-width: 0; padding: 22px; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 12px;}
:where(body[data-site-page="poster.php"]) .poster-panel {margin-bottom: 20px;}
:where(body[data-site-page="poster.php"]) .poster-panel h2,
:where(body[data-site-page="poster.php"]) .poster-preview-panel h2,
:where(body[data-site-page="poster.php"]) .poster-section-heading h2 {margin: 0; font-size: 21px; line-height: 1.35;}
:where(body[data-site-page="poster.php"]) .poster-fields {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px;}
:where(body[data-site-page="poster.php"]) .poster-colors {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;}
:where(body[data-site-page="poster.php"]) .poster-help {color: var(--ui-text-muted); font-size: 12px; line-height: 1.65; margin: 10px 0; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-text-link {color: var(--ui-secondary-text); font-size: 13px;}
:where(body[data-site-page="poster.php"]) .poster-primary-action {width: 100%;}
:where(body[data-site-page="poster.php"]) #poster-action-status {padding: 12px; border-radius: 6px; line-height: 1.6; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-preview-panel {position: sticky; top: 24px;}
:where(body[data-site-page="poster.php"]) .poster-preview-panel>header {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 18px;}
:where(body[data-site-page="poster.php"]) .poster-preview-panel>header p {font-size: 13px; color: var(--ui-text-muted); margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-preview-panel>header {display: none;}
:where(body[data-site-page="poster.php"]) .poster-preview-stage {display: grid; place-items: center; padding: 22px; min-height: 320px; background: #d7d9dd; border-radius: 6px; overflow: hidden;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-preview-panel:has(> .poster-preview-feedback) {position: relative; top: auto;}
:where(body[data-site-page="poster.php"]) .poster-preview-feedback {position: absolute; z-index: 35; left: 50%; bottom: 16px; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; width: max-content; max-width: calc(100% - 32px); box-sizing: border-box; padding: 12px 16px; border: 1px solid var(--ui-border); border-radius: 8px; background: var(--ui-surface); color: var(--ui-text); box-shadow: 0 4px 20px #0005; font-size: 13px; line-height: 1.5;}
:where(body[data-site-page="poster.php"]) .poster-preview-feedback[hidden],
:where(body[data-site-page="poster.php"]) .poster-preview-feedback .button[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) .poster-preview-feedback[data-state=error] {border-color: var(--ui-danger);}
:where(body[data-site-page="poster.php"]) .poster-preview-feedback .button {flex: none; margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-canvas-wrap[data-preview-stale=true] .poster-designer-overlay {visibility: hidden;}
@media(max-width:480px) {:where(body[data-site-page="poster.php"]) .poster-preview-feedback {flex-wrap: wrap; gap: 8px; padding: 10px 12px;}}
:where(body[data-site-page="poster.php"]) #poster-preview {display: block; max-width: 100%; max-height: calc(100dvh - 240px); width: auto; height: auto; box-shadow: 0 4px 20px #0003; background: #fff;}
:where(body[data-site-page="poster.php"]) .poster-resolution {padding: 12px; border-left: 3px solid var(--ui-warning); background: var(--ui-warning-soft); color: var(--ui-warning); font-size: 13px; line-height: 1.6;}
:where(body[data-site-page="poster.php"]) .poster-download {margin-top: 16px; padding: 16px; background: var(--ui-surface-muted); border-radius: 8px;}
:where(body[data-site-page="poster.php"]) .poster-download p:first-child {margin-top: 0; font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-template-library {margin: 26px 0;}
:where(body[data-site-page="poster.php"]) .poster-template-library>label {max-width: 480px;}
:where(body[data-site-page="poster.php"]) .poster-template-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-top: 20px;}
:where(body[data-site-page="poster.php"]) .poster-template-card {padding: 17px; border: 1px solid var(--ui-border); border-radius: 8px; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-template-card h3 {font-size: 17px; margin: 0 0 7px;}
:where(body[data-site-page="poster.php"]) .poster-template-card p {font-size: 12px; color: var(--ui-text-muted);}
:where(body[data-site-page="poster.php"]) .poster-template-actions {display: flex; gap: 8px; flex-wrap: wrap;}
:where(body[data-site-page="poster.php"]) .poster-template-actions .button {font-size: 12px; padding: 8px 12px;}
:where(body[data-site-page="poster.php"]) .poster-template-card.is-selected {border-color: var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-template-card .poster-delete {color: var(--ui-danger);}
:where(body[data-site-page="poster.php"]) .poster-supported-formats {margin: 22px 0 0; padding: 14px; border: 1px solid var(--ui-border); border-radius: 8px; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-supported-formats legend {padding: 0 6px; font-size: 14px; font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-format-checks {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px;}
:where(body[data-site-page="poster.php"]) .poster-format-checks .poster-check {margin: 4px 0; min-height: 44px;}
:where(body[data-site-page="poster.php"]) .poster-template-teams {margin: 18px 0; padding: 14px; min-width: 0; border: 1px solid var(--ui-border); border-radius: 8px;}
:where(body[data-site-page="poster.php"]) .poster-template-teams legend {padding: 0 6px; font-size: 14px; font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-template-team-list {display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 2px 12px; max-height: 220px; overflow-y: auto; margin: 10px 0;}
:where(body[data-site-page="poster.php"]) .poster-template-team-list[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) .poster-template-team-list .poster-check {margin: 0; min-height: 40px;}
:where(body[data-site-page="poster.php"]) .poster-template-card .poster-template-formats {font-weight: 600; line-height: 1.6;}
:where(body[data-site-page="poster.php"]) .poster-format-tabs {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px;}
:where(body[data-site-page="poster.php"]) .poster-format-tab {min-height: 44px; padding: 9px 16px; border: 1px solid var(--ui-border); border-radius: 6px; color: var(--ui-text); background: var(--ui-surface); font: inherit; font-size: 13px; cursor: pointer;}
:where(body[data-site-page="poster.php"]) .poster-format-tab[aria-pressed=true] {border-color: var(--ui-accent); box-shadow: inset 0 -3px var(--ui-accent); font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-app [hidden] {display: none !important;}
@media(max-width:1000px) {:where(body[data-site-page="poster.php"]) .poster-app {padding: 24px 18px;}
:where(body[data-site-page="poster.php"]) .poster-workspace {grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); gap: 18px;}
:where(body[data-site-page="poster.php"]) .poster-panel,
:where(body[data-site-page="poster.php"]) .poster-preview-panel {padding: 18px;}
:where(body[data-site-page="poster.php"]) .poster-template-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media(max-width:760px) {:where(body[data-site-page="poster.php"]) .poster-heading {flex-direction: column; align-items: flex-start; gap: 12px;}
:where(body[data-site-page="poster.php"]) .poster-workspace {display: flex; flex-direction: column-reverse;}
:where(body[data-site-page="poster.php"]) .poster-controls,
:where(body[data-site-page="poster.php"]) .poster-preview-panel {width: 100%; box-sizing: border-box;}
:where(body[data-site-page="poster.php"]) .poster-preview-panel {position: static;}
:where(body[data-site-page="poster.php"]) #poster-preview {max-height: 55dvh;}
:where(body[data-site-page="poster.php"]) .poster-preview-stage {min-height: 180px; padding: 15px;}
:where(body[data-site-page="poster.php"]) .poster-template-grid {grid-template-columns: 1fr;}
:where(body[data-site-page="poster.php"]) .poster-section-heading {flex-wrap: wrap;}}
@media(max-width:430px) {:where(body[data-site-page="poster.php"]) .poster-app {padding: 22px 12px;}
:where(body[data-site-page="poster.php"]) .poster-fields {grid-template-columns: 1fr;}
:where(body[data-site-page="poster.php"]) .poster-panel,
:where(body[data-site-page="poster.php"]) .poster-preview-panel,
:where(body[data-site-page="poster.php"]) .poster-template-library {padding: 16px;}}
:where(body[data-site-page="poster.php"]) #poster-distribute-controls {margin: 16px 0 22px;}
:where(body[data-site-page="poster.php"]) .poster-distribute-actions {display: flex; flex-wrap: wrap; gap: 8px;}
:where(body[data-site-page="poster.php"]) .poster-main-photo {margin: 22px 0;}
:where(body[data-site-page="poster.php"]) .poster-main-photo h3 {margin: 0 0 12px; font-size: 15px;}
:where(body[data-site-page="poster.php"]) .poster-media-preview {display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: center; gap: 12px; margin-bottom: 12px; font-size: 13px; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-media-preview img {width: 88px; height: 88px; object-fit: contain; border: 1px solid var(--ui-border); border-radius: 8px; background: var(--ui-surface-muted);}
:where(body[data-site-page="poster.php"]) .poster-media-actions {display: flex; flex-wrap: wrap; gap: 8px;}
:where(body[data-site-page="poster.php"]) .poster-print-options {border: 0; padding: 0; margin: 0; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-export-settings-rows {display: grid; gap: 12px; margin-top: 18px;}
:where(body[data-site-page="poster.php"]) .poster-export-setting {min-width: 0; padding: 14px; border: 1px solid var(--ui-border); border-radius: 8px;}
:where(body[data-site-page="poster.php"]) .poster-export-setting.is-excluded {background: var(--ui-surface-muted);}
:where(body[data-site-page="poster.php"]) .poster-export-setting .poster-export-include {margin: 0; min-height: 44px; font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-export-print {margin-top: 8px;}
:where(body[data-site-page="poster.php"]) .poster-export-print summary {cursor: pointer; min-height: 44px; display: list-item; align-content: center; color: var(--ui-text-muted); font-size: 13px;}
:where(body[data-site-page="poster.php"]) .poster-export-print-fields {border-top: 1px solid var(--ui-border); padding-top: 10px;}
:where(body[data-site-page="poster.php"]) .poster-export-set-action {margin: 12px 0;}
:where(body[data-site-page="poster.php"]) .poster-scale-controls {margin: 18px 0; padding-top: 14px; border-top: 1px solid var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-scale-controls h3 {margin: 0 0 10px; font-size: 15px; line-height: 1.4;}
:where(body[data-site-page="poster.php"]) .poster-scale-row {display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px;}
:where(body[data-site-page="poster.php"]) .poster-scale-row label {margin: 0; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-scale-row input {min-width: 0; width: 100%; box-sizing: border-box;}
:where(body[data-site-page="poster.php"]) .poster-scale-row .button {min-height: 44px; margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-saved-actions {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px;}
:where(body[data-site-page="poster.php"]) .poster-match-saving select {min-width: 0; max-width: 100%;}
:where(body[data-site-page="poster.php"]) .poster-match-saving [data-state="dirty"] {font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-match-saving [data-state="saved"] {color: var(--ui-text);}
:where(body[data-site-page="poster.php"]) .poster-template-guidance {border-left: 4px solid var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-template-guidance[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) #poster-template-guidance-text,
:where(body[data-site-page="poster.php"]) #poster-format-guidance-text {white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; margin-top: 12px;}
:where(body[data-site-page="poster.php"]) .poster-saved-picker {display: flex; align-items: stretch; gap: 8px;}
:where(body[data-site-page="poster.php"]) .poster-saved-picker select {flex: 1; min-width: 0; width: 0;}
:where(body[data-site-page="poster.php"]) .poster-saved-picker .button {flex: none; display: inline-flex; align-items: center; justify-content: center; padding: 10px;}
:where(body[data-site-page="poster.php"]) .poster-save-before-switch {width: min(480px, calc(100vw - 32px)); box-sizing: border-box; padding: 24px; border: 1px solid var(--ui-border); border-radius: 12px; background: var(--ui-surface); color: var(--ui-text);}
:where(body[data-site-page="poster.php"]) .poster-save-before-switch::backdrop {background: rgb(0 0 0 / 45%);}
:where(body[data-site-page="poster.php"]) .poster-save-before-switch h2 {margin-top: 0; font-size: 22px;}
:where(body[data-site-page="poster.php"]) .poster-save-before-switch .poster-saved-actions {justify-content: flex-end;}
:where(body[data-site-page="poster.php"]) #poster-format-guidance {margin-top: 18px;}
:where(body[data-site-page="poster.php"]) #poster-format-guidance h3 {margin: 0; font-size: 14px;}
:where(body[data-site-page="poster.php"]) .poster-collapsible-panel > summary {display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none;}
:where(body[data-site-page="poster.php"]) .poster-collapsible-panel > summary::-webkit-details-marker {display: none;}
:where(body[data-site-page="poster.php"]) .poster-collapsible-panel > summary::before {content: ''; flex: none; width: 7px; height: 7px; border-right: 2px solid var(--ui-text-muted); border-bottom: 2px solid var(--ui-text-muted); transform: rotate(-45deg); transition: transform .15s;}
:where(body[data-site-page="poster.php"]) .poster-collapsible-panel[open] > summary::before {transform: rotate(45deg);}
:where(body[data-site-page="poster.php"]) .poster-collapsible-panel > summary h2 {min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-collapsible-panel > summary:focus-visible {outline: 2px solid var(--ui-accent); outline-offset: 5px; border-radius: 2px;}
/* Publishing sections share the same compact heading and disclosure style. */
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-collapsible-panel {padding: 12px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-collapsible-panel > summary {min-height: 22px; font-size: 16px; font-weight: 700; line-height: 1.35;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-collapsible-panel > summary h2 {font: inherit;}
/* Keep imported match data out of the way until the publisher needs to edit it. */
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-content-panel label {margin: 8px 0; gap: 4px; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-content-panel input,
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-content-panel select,
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-content-panel textarea {min-height: 34px; padding: 6px 8px; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-content-panel .poster-help {margin: 6px 0; font-size: 11px; line-height: 1.5;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-content-panel .poster-text-link {font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-content-panel .poster-main-photo {margin: 14px 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-content-panel .poster-main-photo h3 {margin-bottom: 8px; font-size: 13px;}
:where(body[data-site-page="poster.php"]) .poster-template-choice {margin: 8px 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-template-choice > label {margin: 0 0 4px;}
:where(body[data-site-page="poster.php"]) .poster-template-picker {display: flex; align-items: stretch; gap: 6px;}
:where(body[data-site-page="poster.php"]) .poster-template-picker select {flex: 1; min-width: 0; width: 0; font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-template-picker #poster-restart-match {flex: 0 0 34px; width: 34px; min-height: 34px; padding: 6px;}
:where(body[data-site-page="poster.php"]) .poster-restart-dialog {margin: auto; max-height: calc(100dvh - 32px); overflow: auto;}
:where(body[data-site-page="poster.php"]) .poster-restart-dialog p {font-size: 14px; line-height: 1.6; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-match-details {margin-top: 8px; padding: 6px 0; border-block: 1px solid var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-match-details > summary {min-height: 32px; align-content: center; cursor: pointer; font-size: 12px; font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-match-details[open] > summary {margin-bottom: 6px;}
/* Publishing canvas and compact format strip share one grey work surface. */
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-preview-panel {padding: 0; border: 0; border-radius: 0; background: #d7d9dd;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-preview-stage {border-radius: 0;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-format-tabs {position: relative; top: -16px; flex-wrap: nowrap; gap: 4px; margin: 0 0 -16px; padding: 6px 8px; overflow-x: auto; scrollbar-width: thin;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-format-tab:first-child {margin-inline-start: auto;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-format-tab:last-child {margin-inline-end: auto;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-format-tab {flex: none; min-height: 30px; padding: 5px 9px; border-radius: 4px; font-size: 11px; white-space: nowrap;}
/* Both poster types share the compact publishing header. */
:where(body[data-site-page="poster.php"]) .poster-heading.poster-publishing-topbar {flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 20px; padding: 8px 12px; background: #d7d9dd; border-bottom: solid gray 1px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-publishing-title {flex: none;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-publishing-team {display: flex; flex: 0 1 190px; align-items: center; gap: 8px; margin: 0; font-size: 12px; white-space: nowrap;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-publishing-team select {flex: 1; width: 160px; min-width: 0; min-height: 32px; padding: 5px 8px; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-publishing-match {display: flex; flex: 0 1 270px; min-width: 0; align-items: center; gap: 8px; margin: 0; font-size: 12px; white-space: nowrap;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-publishing-match select {flex: 1; min-width: 0; min-height: 32px; padding: 5px 8px; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-template-choice {display: flex; flex: 0 1 205px; min-width: 0; align-items: center; gap: 8px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-template-choice > label {flex: none; margin: 0; font-size: 12px; white-space: nowrap;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-template-picker {flex: 1; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-template-picker select {min-height: 32px; padding: 5px 8px; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-template-picker #poster-restart-match {min-height: 32px; padding: 6px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-match-saving {display: flex; flex: 1 1 340px; flex-wrap: wrap; align-items: center; gap: 8px 12px; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-match-saving > h2,
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-match-saving > h2 + p {display: none;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-saved-actions {margin: 0; gap: 6px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .button,
:where(body[data-site-page="poster.php"]) .poster-publishing-downloads > .button {min-height: 32px; padding: 6px 10px; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar #poster-match-save-status {flex: 1 1 130px; margin: 0; font-size: 11px; line-height: 1.35;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar label[for="poster-saved-matches"],
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar #poster-saved-matches {display: none;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-saved-picker {flex: 0 0 auto; min-width: 0; margin-left: auto; gap: 6px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar #poster-save-match {white-space: nowrap;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-saved-picker select {min-height: 32px; padding: 5px 8px; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar #poster-saved-status:not(.is-error),
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar #poster-snapshot-warning:empty {display: none;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar #poster-saved-status,
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar #poster-snapshot-warning {flex-basis: 100%; margin: 0; font-size: 12px; line-height: 1.4;}
/* The publishing header spans the available page. */
:where(body[data-site-page="poster.php"]) .poster-app.poster-publishing-app:not(.poster-template-editor) {max-width: none; margin: 0; padding: 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app > .poster-publishing-topbar {margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-body {max-width: 1500px; margin: 0 auto; padding: 30px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app.has-designer > .poster-publishing-body {max-width: 2100px;}
@media(max-width:1000px) {:where(body[data-site-page="poster.php"]) .poster-publishing-body {padding: 24px 18px;}}
@media(max-width:430px) {:where(body[data-site-page="poster.php"]) .poster-publishing-body {padding: 22px 12px;}}
/* Publishing uses one right-hand column for objects, guidance and settings. */
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-workspace {grid-template-columns: minmax(0, 1fr) minmax(270px, 320px); gap: 24px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-sidebar {grid-column: 2; grid-row: 1; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-preview-panel {grid-column: 1; grid-row: 1;}
:where(body[data-site-page="poster.php"]) .poster-publishing-sidebar > .poster-designer-inspector {position: static; max-height: none; overflow: visible; margin-bottom: 20px;}
@media(max-width:760px) {:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-workspace {display: flex; flex-direction: column;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-preview-panel {order: 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-sidebar {order: 1; width: 100%;}}
:where(body[data-site-page="poster.php"]) .poster-history {margin-top: 0;}
:where(body[data-site-page="poster.php"]) .poster-history ol {padding-left: 0; list-style: none;}
:where(body[data-site-page="poster.php"]) .poster-history ol > li {border-top: 1px solid var(--ui-border); padding: 10px 0;}
:where(body[data-site-page="poster.php"]) .poster-history ol summary {cursor: pointer; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-history ol summary span {display: block; font-size: 12px; color: var(--ui-muted);}
:where(body[data-site-page="poster.php"]) .poster-history ul {padding-left: 16px;}
:where(body[data-site-page="poster.php"]) .poster-history pre {white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 12px;}
/* Edge-to-edge publishing workspace with independent sidebar scrolling. */
html:where(:has(> body:is([data-site-page="poster.php"]))).poster-publishing-page,
html:where(:has(> body:is([data-site-page="poster.php"]))).poster-publishing-page body {overflow: hidden;}
:where(body[data-site-page="poster.php"]) main.poster-app:not(.poster-template-editor) {box-sizing: border-box; display: flex; flex-direction: column; height: calc(100dvh - var(--poster-viewport-offset, 0px)); min-height: 0; max-width: none; margin: 0; padding: 0; overflow: hidden; background: #d7d9dd;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) > .poster-heading {flex: none; margin: 0; padding: 0 15px;}
@media(max-width:760px) {:where(body[data-site-page="poster.php"]) .poster-app.poster-publishing-app > .poster-publishing-topbar {gap: 6px 8px; padding: 6px 15px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-publishing-title {flex-basis: 100%;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-publishing-team,
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-publishing-match,
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-template-choice {display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 6px; text-align: right;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-publishing-team,
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-publishing-match {flex: 0 0 100%;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-publishing-team select {width: 100%;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-template-choice {flex: 1 1 0; margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-template-choice > label {text-align: right;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-match-saving {flex: 0 0 auto;}
:where(body[data-site-page="poster.php"]) .poster-publishing-topbar .poster-saved-picker {display: flex;}}
:where(body[data-site-page="poster.php"]) .poster-app.poster-publishing-app > .poster-publishing-body {display: flex; flex-direction: column; flex: 1; min-height: 0; width: 100%; max-width: none; box-sizing: border-box; margin: 0; padding: 0;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-workspace {flex: 1; min-height: 0; margin: 0; gap: 0; align-items: stretch; grid-template-rows: minmax(0, 1fr);}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-preview-panel {position: relative; top: 0; min-height: 0; overflow: hidden;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-preview-stage {position: absolute; inset: 0; box-sizing: border-box; min-height: 0; padding: 48px 28px 32px; overflow: auto; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr);}
:where(body[data-site-page="poster.php"]) .poster-publishing-viewport-bar {position: absolute; z-index: 7; top: 0; left: 0; right: 0; display: flex; align-items: center; min-width: 0; background: #d7d9dd;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-publishing-viewport-bar .poster-format-tabs {position: static; flex: 1; min-width: 0; top: auto; left: auto; right: auto; margin: 0; padding: 6px 8px; background: transparent;}
:where(body[data-site-page="poster.php"]) .poster-publishing-viewport-tools {display: flex; align-items: center; flex: none; gap: 4px; padding: 4px 8px 4px 0;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-publishing-viewport-tools .button {min-height: 32px; padding: 5px 8px; font-size: 11px; white-space: nowrap;}
:where(body[data-site-page="poster.php"]) .poster-publishing-viewport-tools .button[aria-pressed="true"] {background: #10295a; color: #fff; border-color: #10295a;}
:where(body[data-site-page="poster.php"]) .poster-publishing-zoom-value {min-width: 30px; color: #10295a; font: 10px/1.2 system-ui, sans-serif; text-align: right;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) #poster-preview {max-height: var(--poster-stage-height, calc(100dvh - 200px));}
:where(body[data-site-page="poster.php"]) .poster-publishing-sidebar {box-sizing: border-box; min-height: 0; overflow: auto; padding: 20px; background: var(--ui-base); border-left: 1px solid var(--ui-border); scrollbar-width: thin;}
:where(body[data-site-page="poster.php"]) .poster-publishing-feedback:empty {display: none;}
@media(max-width:760px) {:where(body[data-site-page="poster.php"]) main.poster-app:not(.poster-template-editor) {height: calc(100dvh - var(--poster-viewport-offset, 0px) - var(--site-navigation-bottom-height,0px)); min-height: 0; overflow: hidden;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-workspace {min-height: 0; overflow: hidden;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-preview-panel {flex: 0 0 60%; height: auto; min-height: 0; max-height: 500px;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-preview-stage {padding: 48px 16px 24px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-sidebar {flex: 1; min-height: 0; overflow: auto; border-left: 0; border-top: 1px solid var(--ui-border); padding: 16px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-zoom-value {display: none;}}
:where(body[data-site-page="poster.php"]) .poster-publishing-sidebar .poster-fields input {min-width: 0;}
/* Loading covers main while the navigation rail stays available. */
:where(body[data-site-page="poster.php"]) .poster-app {isolation: isolate;}
:where(body[data-site-page="poster.php"]) .poster-loading {position: fixed; inset: 0 0 var(--site-navigation-bottom-height,0px) var(--site-navigation-width, 64px); z-index: 1000; box-sizing: border-box; width: auto; height: calc(100dvh - var(--site-navigation-bottom-height,0px)); max-width: none; max-height: none; margin: 0; padding: 24px; border: 0; border-radius: 0; background: color-mix(in srgb, var(--ui-base) 95%, transparent); color: var(--ui-text);}
:where(body[data-site-page="poster.php"]) .poster-loading[open] {display: grid; place-items: center;}
:where(body[data-site-page="poster.php"]) .poster-loading > div {display: grid; justify-items: center; gap: 18px; font: 600 14px Poppins, sans-serif;}
:where(body[data-site-page="poster.php"]) .poster-loading-spinner {display: block; width: 42px; height: 42px; border: 4px solid var(--ui-border); border-top-color: var(--ui-accent); border-radius: 50%; animation: poster-loading-spin .8s linear infinite;}
@keyframes poster-loading-spin {to { transform: rotate(360deg); }}
@media(prefers-reduced-motion:reduce) {:where(body[data-site-page="poster.php"]) .poster-loading-spinner {animation: none;}}
:where(body[data-site-page="poster.php"]) .poster-publishing-save-controls {padding: 0; margin: 0; border: 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-save-controls #poster-match-save-status:not(.is-error) {display: none;}
:where(body[data-site-page="poster.php"]) .poster-publishing-save-controls .poster-saved-actions {flex-direction: column; align-items: flex-start; margin-top: 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-save-controls .button {width: 100%; box-sizing: border-box;}
:where(body[data-site-page="poster.php"]) .poster-publishing-save-controls #poster-snapshot-warning:empty {display: none;}
:where(body[data-site-page="poster.php"]) .poster-publishing-downloads {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; margin-bottom: 20px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-downloads > .button {width: auto;}
:where(body[data-site-page="poster.php"]) .poster-publishing-downloads .poster-export-set-action {margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-downloads > :not(.button) {flex-basis: 100%; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-export-dialog {box-sizing: border-box; width: min(480px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 28px; overflow: auto; border: 1px solid var(--ui-border); border-radius: 14px; background: var(--ui-surface); color: var(--ui-text); box-shadow: 0 18px 70px #0003;}
:where(body[data-site-page="poster.php"]) .poster-export-dialog::backdrop {background: #0006;}
:where(body[data-site-page="poster.php"]) .poster-export-dialog > header {display: flex; align-items: center; gap: 14px;}
:where(body[data-site-page="poster.php"]) .poster-export-dialog h2 {margin: 0; font-size: 21px; line-height: 1.4;}
:where(body[data-site-page="poster.php"]) .poster-export-dialog .poster-loading-spinner {flex: none; width: 26px; height: 26px;}
:where(body[data-site-page="poster.php"]) .poster-export-dialog #poster-action-status {margin: 18px 0; padding: 0; font-size: 14px; line-height: 1.7;}
:where(body[data-site-page="poster.php"]) #poster-export-meter-group {margin-bottom: 22px;}
:where(body[data-site-page="poster.php"]) #poster-export-meter {display: block; appearance: none; width: 100%; height: 8px; overflow: hidden; border: 0; border-radius: 6px; background: var(--ui-border); accent-color: var(--ui-accent);}
:where(body[data-site-page="poster.php"]) #poster-export-meter::-webkit-progress-bar {background: var(--ui-border); border-radius: 6px;}
:where(body[data-site-page="poster.php"]) #poster-export-meter::-webkit-progress-value {background: var(--ui-accent); border-radius: 6px;}
:where(body[data-site-page="poster.php"]) #poster-export-meter::-moz-progress-bar {background: var(--ui-accent); border-radius: 6px;}
:where(body[data-site-page="poster.php"]) .poster-export-meter-label {display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; color: var(--ui-text-muted); font-size: 12px; line-height: 1.5;}
:where(body[data-site-page="poster.php"]) #poster-export-time {margin: 6px 0 0; color: var(--ui-text-muted); font-size: 12px; line-height: 1.5; font-variant-numeric: tabular-nums;}
:where(body[data-site-page="poster.php"]) #poster-export-percent {flex: none; font-variant-numeric: tabular-nums;}
:where(body[data-site-page="poster.php"]) #poster-export-actions {display: flex; justify-content: flex-end;}
:where(body[data-site-page="poster.php"]) .poster-export-dialog #poster-export-cancel,
:where(body[data-site-page="poster.php"]) .poster-export-dialog #poster-export-close {width: auto; min-height: 36px; padding: 8px 16px; font-size: 13px;}
:where(body[data-site-page="poster.php"]) .poster-export-dialog #poster-action-status:empty {display: none;}
:where(body[data-site-page="poster.php"]) .poster-export-dialog .poster-download {margin: 18px 0; padding: 0; background: transparent;}
:where(body[data-site-page="poster.php"]) .poster-export-dialog .poster-download .button {box-sizing: border-box; max-width: 100%; font-size: 14px;}
:where(body[data-site-page="poster.php"]) #poster-export-details {margin: 0 0 20px; font-size: 12px; line-height: 1.6;}
:where(body[data-site-page="poster.php"]) #poster-export-details > summary {cursor: pointer; color: var(--ui-text-muted);}
:where(body[data-site-page="poster.php"]) #poster-export-notices {max-height: 180px; overflow: auto; overflow-wrap: anywhere; padding-left: 20px;}
:where(body[data-site-page="poster.php"]) #poster-export-notices li + li {margin-top: 8px;}
:where(body[data-site-page="poster.php"]) #poster-media-sharing:not([hidden]) {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px;}
:where(body[data-site-page="poster.php"]) #poster-media-sharing .button {white-space: normal;}
:where(body[data-site-page="poster.php"]) .poster-image-link-button {margin-top: 12px; white-space: normal;}
:where(body[data-site-page="poster.php"]) .poster-format-tab.is-image-linked {background: #c8e8f6; color: #10295a; box-shadow: inset 0 0 0 1px #4193b6;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-format-tab.is-image-linked {background: #284c60; color: #e3f6ff; box-shadow: inset 0 0 0 1px #79c8ec;}
:where(body[data-site-page="poster.php"]) .poster-format-tab.is-image-rotation-linked {position: relative; padding-right: 24px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-format-tab.is-image-rotation-linked {padding-right: inherit; margin-right: 1px;}
:where(body[data-site-page="poster.php"]) .poster-format-tab.is-image-rotation-linked::after {content: '↻'; position: absolute; top: 2px; right: 2px; display: grid; place-items: center; width: 17px; height: 17px; box-sizing: border-box; border: 1px solid #17355e; border-radius: 50%; background: #fff; color: #17355e; font: 700 14px/1 sans-serif; box-shadow: 0 0 0 1px #fff; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-format-tab.is-image-rotation-linked::after {top: -4px; right: -7px; border: 0; border-radius: 0; background: transparent; box-shadow: none;}
:where(body[data-site-page="poster.php"]) .poster-image-link-dialog {box-sizing: border-box; width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 24px; border: 1px solid var(--ui-border); border-radius: 12px; background: var(--ui-bg, #fff); color: var(--ui-text, #17243a);}
:where(body[data-site-page="poster.php"]) .poster-image-link-dialog::backdrop {background: rgba(0, 0, 0, .5);}
:where(body[data-site-page="poster.php"]) .poster-image-link-dialog h2 {margin-top: 0; font-size: 20px;}
:where(body[data-site-page="poster.php"]) .poster-image-link-dialog p {line-height: 1.5;}
:where(body[data-site-page="poster.php"]) .poster-image-link-dialog fieldset {border: 1px solid var(--ui-border); border-radius: 8px; padding: 12px;}
:where(body[data-site-page="poster.php"]) .poster-image-link-dialog .poster-check {display: flex; align-items: center; gap: 10px; margin: 0; min-height: 40px; padding: 0;}
:where(body[data-site-page="poster.php"]) .poster-image-link-dialog input[type="checkbox"] {width: 18px; height: 18px; margin: 0; flex: none;}
:where(body[data-site-page="poster.php"]) .poster-image-link-dialog .poster-saved-actions {display: flex; flex-wrap: wrap; gap: 8px;}
:where(body[data-site-page="poster.php"]) .poster-image-link-dialog .button {white-space: normal;}
/* Keep page coordinates fixed while exposing editing handles on the pasteboard. */
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-preview-stage {display: flex;}
:where(body[data-site-page="poster.php"]) .poster-app.poster-publishing-app .poster-preview-stage {overflow: auto; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior: contain;}
:where(body[data-site-page="poster.php"]) .poster-app.poster-publishing-app .poster-preview-stage::-webkit-scrollbar {display: none; width: 0; height: 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-pasteboard {flex: none; align-self: flex-start; margin: auto; line-height: 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-pasteboard > .poster-canvas-wrap {display: block; max-width: none; margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-app:not(.poster-template-editor) .poster-publishing-pasteboard #poster-preview {max-width: none; max-height: none; height: auto;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-preview-stage.is-hand-tool,
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-preview-stage.is-hand-tool * {cursor: grab !important; user-select: none; -webkit-user-select: none;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-preview-stage.is-hand-panning,
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-preview-stage.is-hand-panning * {cursor: grabbing !important;}


/* Source: poster-designer.css */
@font-face {font-family: 'Poster Liberation Sans'; src: url('assets/vendor/pdfjs/standard_fonts/LiberationSans-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: 'Poster Liberation Sans'; src: url('assets/vendor/pdfjs/standard_fonts/LiberationSans-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap;}
@font-face {font-family: 'Poster Liberation Sans'; src: url('assets/vendor/pdfjs/standard_fonts/LiberationSans-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; font-display: swap;}
@font-face {font-family: 'Poster Liberation Sans'; src: url('assets/vendor/pdfjs/standard_fonts/LiberationSans-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; font-display: swap;}
:where(body[data-site-page="poster.php"]) .poster-app.has-designer {max-width: 2100px;}
:where(body[data-site-page="poster.php"]) .poster-workspace.has-designer {grid-template-columns: minmax(240px, 290px) minmax(340px, 1fr) minmax(250px, 290px); gap: 18px;}
:where(body[data-site-page="poster.php"]) .has-designer .poster-preview-panel {padding: 16px;}
:where(body[data-site-page="poster.php"]) .poster-designer-toolbar {display: flex; gap: 7px; flex-wrap: wrap; padding-bottom: 14px;}
:where(body[data-site-page="poster.php"]) .poster-designer-toolbar .button {padding: 7px 11px; min-height: 38px; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-designer-toolbar .poster-toolbar-history {display: flex; gap: 7px; margin-left: auto;}
:where(body[data-site-page="poster.php"]) .poster-canvas-wrap {position: relative; display: inline-block; line-height: 0; max-width: 100%;}
:where(body[data-site-page="poster.php"]) .poster-designer-overlay {position: absolute; inset: 0; overflow: hidden; touch-action: none; user-select: none; line-height: normal;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-designer-overlay {overflow: visible;}
:where(body[data-site-page="poster.php"]) .poster-object {position: absolute; box-sizing: border-box; cursor: move; transform-origin: center; border: 1px solid transparent;}
:where(body[data-site-page="poster.php"]) .poster-object:hover {border-color: #fff8;}
:where(body[data-site-page="poster.php"]) .poster-object.is-locked {cursor: default; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-object.is-locked.is-frame-image-editable {pointer-events: auto; cursor: pointer;}
:where(body[data-site-page="poster.php"]) .poster-object.is-selected {border: 1.5px solid #52c1ff; outline: 1px solid #071c3b88;}
:where(body[data-site-page="poster.php"]) .poster-object.is-framed-image:hover,
:where(body[data-site-page="poster.php"]) .poster-object.is-framed-image.is-selected {border-color: transparent; outline: none;}
:where(body[data-site-page="poster.php"]) .poster-object-label {position: absolute; top: 0; left: 0; max-width: 100%; background: #123650; color: white; font: 10px/1.3 sans-serif; padding: 3px 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-object-text-label {top: auto; bottom: calc(100% + 3px);}
:where(body[data-site-page="poster.php"]) .poster-component-frame-outline {position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-component-frame-outline polygon {fill: none; stroke: #72ceff; stroke-width: 1.5px; stroke-dasharray: 4 3; vector-effect: non-scaling-stroke;}
:where(body[data-site-page="poster.php"]) .poster-resize-frame {position: absolute; box-sizing: border-box; transform-origin: center; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-resize-handle {position: absolute; box-sizing: border-box; transform: translate(-50%, -50%); width: 18px; height: 18px; min-width: 0; min-height: 0; padding: 0; margin: 0; background: white; border: 2px solid #269acf; border-radius: 2px; box-shadow: none; pointer-events: auto; touch-action: none;}
:where(body[data-site-page="poster.php"]) .poster-resize-handle:focus-visible {outline: 2px solid var(--ui-accent); outline-offset: 2px;}
@media (pointer: coarse), (max-width: 760px) {:where(body[data-site-page="poster.php"]) .poster-resize-handle {width: 24px; height: 24px;}}
:where(body[data-site-page="poster.php"]) .poster-designer-inspector {position: sticky; top: 24px; max-height: calc(100dvh - 48px); overflow: auto; min-width: 0; background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 12px;}
:where(body[data-site-page="poster.php"]) .poster-object-section {padding: 16px 0;}
:where(body[data-site-page="poster.php"]) .poster-object-section + .poster-object-section {border-top: 1px solid var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-object-section h2 {margin: 0; font-size: 18px;}
:where(body[data-site-page="poster.php"]) .poster-object-section label {margin: 11px 0; font-size: 11px; gap: 5px;}
:where(body[data-site-page="poster.php"]) .poster-object-section input,
:where(body[data-site-page="poster.php"]) .poster-object-section select {min-height: 36px; padding: 7px 8px;}
:where(body[data-site-page="poster.php"]) .poster-object-section input:disabled,
:where(body[data-site-page="poster.php"]) .poster-object-section textarea:disabled {opacity: .55;}
:where(body[data-site-page="poster.php"]) .poster-layer-name > label {display: block; margin: 11px 0 5px;}
:where(body[data-site-page="poster.php"]) .poster-layer-name-row {display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: 6px;}
:where(body[data-site-page="poster.php"]) .poster-layer-name-row.has-content-name {grid-template-columns: minmax(0, 1fr) 36px;}
:where(body[data-site-page="poster.php"]) .poster-layer-name-row #poster-element-name {box-sizing: border-box; width: 100%; min-width: 0; min-height: 36px;}
:where(body[data-site-page="poster.php"]) .poster-layer-name-row .poster-name-from-content,
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-layer-name-row .poster-name-from-content {display: grid; place-items: center; box-sizing: border-box; width: 36px; min-width: 36px; min-height: 36px; padding: 0;}
:where(body[data-site-page="poster.php"]) .poster-layer-name-row .poster-name-from-content[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) .poster-layer-name-row .poster-name-from-content svg {width: 18px; height: 18px;}
:where(body[data-site-page="poster.php"]) .poster-object-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 10px;}
:where(body[data-site-page="poster.php"]) .poster-frame-properties {border-top: 1px solid var(--ui-border); margin-top: 18px; padding-top: 16px;}
:where(body[data-site-page="poster.php"]) .poster-frame-properties h3 {margin: 0 0 8px;}
:where(body[data-site-page="poster.php"]) .poster-frame-properties textarea,
:where(body[data-site-page="poster.php"]) .poster-frame-properties input[type="text"] {font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;}
:where(body[data-site-page="poster.php"]) .poster-frame-properties .poster-object-grid label {min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-frame-properties #poster-frame-edit-points {width: 100%; margin: 8px 0;}
:where(body[data-site-page="poster.php"]) .poster-frame-edit-mode {position: sticky; top: 0; z-index: 4; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 8px 0; background: var(--ui-surface);}
:where(body[data-site-page="poster.php"]) .poster-frame-edit-mode[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) .poster-frame-edit-mode .button {min-width: 0; margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-frame-edit-mode .button[aria-pressed="true"] {background: var(--ui-accent); color: var(--ui-on-accent); border-color: var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-frame-image-permission {display: flex !important; flex-direction: row !important; align-items: center; gap: 8px !important;}
:where(body[data-site-page="poster.php"]) .poster-frame-image-permission[hidden] {display: none !important;}
:where(body[data-site-page="poster.php"]) .poster-image-content-frame {outline: none;}
:where(body[data-site-page="poster.php"]) .poster-image-content-frame svg {position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-image-content-frame polygon {fill: none; stroke: #72ceff; stroke-width: 1.5px; stroke-dasharray: 4 3; vector-effect: non-scaling-stroke;}
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-object.is-framed-image .poster-object-label,
:where(body[data-site-page="poster.php"]) .poster-publishing-app .poster-image-content-frame svg {display: none;}
:where(body[data-site-page="poster.php"]) .poster-image-content-target {position: absolute; z-index: 1; inset: 0; box-sizing: border-box; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; pointer-events: auto; touch-action: none; cursor: grab;}
:where(body[data-site-page="poster.php"]) .poster-image-content-target:active {cursor: grabbing;}
:where(body[data-site-page="poster.php"]) .poster-image-content-target:focus-visible {outline: none;}
:where(body[data-site-page="poster.php"]) .poster-image-content-frame:has(.poster-image-content-target:focus-visible) polygon {stroke: #fff; stroke-width: 2px;}
:where(body[data-site-page="poster.php"]) .poster-image-content-target::after {content: '✥'; position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 34px; height: 34px; transform: translate(-50%, -50%); border: 2px solid #fff; border-radius: 50%; background: #143865dd; color: #fff; font: 22px/1 sans-serif; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-image-content-bounds {position: absolute; z-index: 2; box-sizing: border-box; border: 1px solid #72ceff66; transform-origin: center; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-image-content-scale {position: absolute; box-sizing: border-box; width: 18px; height: 18px; min-width: 0; min-height: 0; padding: 0; transform: translate(-50%, -50%); border: 2px solid #17355e; border-radius: 50%; background: #72ceff; box-shadow: 0 0 0 2px #fff; pointer-events: auto; touch-action: none; cursor: nwse-resize;}
:where(body[data-site-page="poster.php"]) .poster-image-content-scale:focus-visible {outline: 2px solid #fff; outline-offset: 4px;}
:where(body[data-site-page="poster.php"]) .poster-image-content-rotate {position: absolute; top: -30px; left: 50%; box-sizing: border-box; width: 24px; height: 24px; min-width: 0; min-height: 0; padding: 0 0 3px; transform: translateX(-50%); border: 2px solid #17355e; border-radius: 50%; background: #fff; color: #17355e; font: 18px/10px sans-serif; text-align: center; pointer-events: auto; touch-action: none; cursor: grab;}
:where(body[data-site-page="poster.php"]) .poster-image-content-rotate::after {content: ''; position: absolute; top: 22px; left: 9px; height: 7px; border-left: 1px solid #72ceff; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-image-content-rotate:active {cursor: grabbing;}
:where(body[data-site-page="poster.php"]) .poster-image-content-rotate:focus-visible {outline: 2px solid #fff; outline-offset: 4px;}
@media (pointer: coarse), (max-width: 760px) {:where(body[data-site-page="poster.php"]) .poster-image-content-scale {width: 26px; height: 26px;}}
@media (pointer: coarse), (max-width: 760px) {:where(body[data-site-page="poster.php"]) .poster-image-content-rotate {top: -36px; width: 30px; height: 30px; font-size: 22px; line-height: 25px;}}
:where(body[data-site-page="poster.php"]) .poster-polygon-frame polygon {fill: none; stroke: #ffab20; stroke-width: 2px; stroke-dasharray: 5 3;}
:where(body[data-site-page="poster.php"]) .poster-polygon-frame svg {position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-polygon-point {position: absolute; box-sizing: border-box; width: 18px; height: 18px; min-width: 0; min-height: 0; padding: 0; margin: 0; transform: translate(-50%, -50%); border: 2px solid #17355e; border-radius: 50%; background: #ffad1f; box-shadow: 0 0 0 2px #fff; pointer-events: auto; touch-action: none; cursor: grab;}
:where(body[data-site-page="poster.php"]) .poster-polygon-point:active {cursor: grabbing;}
:where(body[data-site-page="poster.php"]) .poster-polygon-point:focus-visible {outline: 2px solid #fff; outline-offset: 4px;}
@media (pointer: coarse), (max-width: 760px) {:where(body[data-site-page="poster.php"]) .poster-polygon-point {width: 26px; height: 26px;}}
:where(body[data-site-page="poster.php"]) .poster-object-actions {display: flex; gap: 6px; flex-wrap: wrap; margin-top: 12px;}
:where(body[data-site-page="poster.php"]) .poster-object-actions .button {min-height: 34px; font-size: 11px; padding: 6px 10px;}
:where(body[data-site-page="poster.php"]) .poster-variable-row {display: flex; align-items: end; gap: 6px; margin-bottom: 9px;}
:where(body[data-site-page="poster.php"]) .poster-variable-row label {min-width: 0; flex: 1; margin-bottom: 0;}
:where(body[data-site-page="poster.php"]) .poster-variable-row .button {padding: 7px; min-height: 36px; font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-team-controls {margin: 12px 0; padding: 10px; border: 1px solid var(--ui-border); border-radius: 7px;}
:where(body[data-site-page="poster.php"]) .poster-team-controls > label {margin-top: 0;}
:where(body[data-site-page="poster.php"]) .poster-visibility-controls {margin: 12px 0; padding: 10px; border: 1px solid var(--ui-border); border-radius: 7px; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-visibility-controls h3 {margin: 0 0 9px; font-size: 13px;}
:where(body[data-site-page="poster.php"]) #poster-visibility-rows {display: grid; gap: 7px;}
:where(body[data-site-page="poster.php"]) .poster-visibility-group {min-width: 0; margin: 0; padding: 7px; border: 1px solid var(--ui-border); border-radius: 6px;}
:where(body[data-site-page="poster.php"]) .poster-visibility-group legend {padding: 0 3px; font-size: 10px; font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-visibility-group > label,
:where(body[data-site-page="poster.php"]) .poster-visibility-row > label {display: grid; gap: 4px; min-width: 0; margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-visibility-children {display: grid; gap: 8px; margin-top: 8px; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-visibility-row {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; min-width: 0; border-top: 1px solid var(--ui-border); padding-top: 8px;}
:where(body[data-site-page="poster.php"]) .poster-visibility-wide,
:where(body[data-site-page="poster.php"]) .poster-visibility-error {grid-column: 1 / -1;}
:where(body[data-site-page="poster.php"]) .poster-visibility-controls :is(select,input,textarea) {box-sizing: border-box; width: 100%; min-width: 0; padding-inline: 5px;}
:where(body[data-site-page="poster.php"]) .poster-visibility-controls textarea {resize: vertical; min-height: 48px;}
:where(body[data-site-page="poster.php"]) .poster-visibility-controls .button {min-width: 0; min-height: 34px; padding: 5px 7px; font-size: 10px; white-space: normal;}
:where(body[data-site-page="poster.php"]) .poster-visibility-actions {display: flex; gap: 5px; flex-wrap: wrap; margin-top: 8px;}
:where(body[data-site-page="poster.php"]) .poster-visibility-error {margin: 0; color: var(--ui-danger, #e88888);}
:where(body[data-site-page="poster.php"]) .poster-visibility-controls [aria-invalid="true"] {border-color: var(--ui-danger, #e88888);}
:where(body[data-site-page="poster.php"]) .poster-visibility-controls [hidden] {display: none !important;}
:where(body[data-site-page="poster.php"]) #poster-visibility-add {width: 100%;}
:where(body[data-site-page="poster.php"]) .poster-layer-row.is-condition-hidden .poster-layer {color: var(--ui-text-muted); font-style: italic;}
:where(body[data-site-page="poster.php"]) .poster-team-options {display: grid; gap: 5px; max-height: 200px; overflow: auto;}
:where(body[data-site-page="poster.php"]) .poster-team-options .poster-check {margin: 0; align-items: flex-start;}
:where(body[data-site-page="poster.php"]) .poster-layer-row.is-other-team .poster-layer {color: var(--ui-text-muted); font-style: italic;}
:where(body[data-site-page="poster.php"]) .poster-layer-team-note {display: block; margin-top: 4px; font-size: 10px; font-weight: 400;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor {min-width: 0; margin-top: 12px;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor > summary {display: block; width: 100%; padding: 10px 12px; border: 1px solid var(--ui-border); border-radius: 5px; background: var(--ui-secondary); color: var(--ui-on-secondary); font: 600 12px/1.4 system-ui, sans-serif; text-align: center; cursor: pointer; list-style: none;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor > summary::-webkit-details-marker {display: none;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor > summary:hover {background: var(--ui-secondary-hover);}
:where(body[data-site-page="poster.php"]) .poster-variable-editor > summary:focus-visible {outline: 2px solid var(--ui-focus); outline-offset: 2px;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor[open] > summary {margin-bottom: 14px;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor .poster-help {font-size: 11px; line-height: 1.6;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor .poster-variable-row {display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 6px;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor .poster-variable-row label {margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor .poster-variable-row .button {width: auto; margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor input,
:where(body[data-site-page="poster.php"]) .poster-variable-editor select,
:where(body[data-site-page="poster.php"]) .poster-variable-editor textarea {box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid var(--ui-border); border-radius: 5px; padding: 8px; font: inherit; color: var(--ui-text); background: var(--ui-surface);}
:where(body[data-site-page="poster.php"]) .poster-variable-editor textarea {resize: vertical; line-height: 1.5;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor #poster-custom-variable-value,
:where(body[data-site-page="poster.php"]) .poster-variable-editor #poster-custom-variable-teams textarea {min-height: 36px;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor input:disabled,
:where(body[data-site-page="poster.php"]) .poster-variable-editor textarea:disabled {opacity: .6;}
:where(body[data-site-page="poster.php"]) .poster-custom-variable-grid {display: grid; grid-template-columns: minmax(0,1fr); gap: 0;}
:where(body[data-site-page="poster.php"]) .poster-custom-variable-teams {display: grid; gap: 8px;}
:where(body[data-site-page="poster.php"]) .poster-custom-variable-team {min-width: 0; border: 1px solid var(--ui-border); border-radius: 8px; padding: 10px;}
:where(body[data-site-page="poster.php"]) .poster-custom-variable-team h4 {margin: 0; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor .poster-check {display: flex; align-items: center; gap: 8px;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor .poster-check input {width: 18px; min-height: 18px; height: 18px; padding: 0; flex: none;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor .poster-variable-permission {margin: 14px 0 0;}
:where(body[data-site-page="poster.php"]) .poster-custom-variable-list-settings {display: grid; grid-template-columns: minmax(0,1fr); gap: 2px; margin: 8px 0;}
:where(body[data-site-page="poster.php"]) .poster-custom-variable-list-settings[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) .poster-custom-variable-list-settings label {margin: 4px 0;}
:where(body[data-site-page="poster.php"]) .poster-custom-variable-team label:last-child {margin-bottom: 0;}
:where(body[data-site-page="poster.php"]) .poster-variable-editor .poster-object-actions .button {width: 100%; margin-top: 2px;}
:where(body[data-site-page="poster.php"]) .poster-variable-value-control {min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-variable-value-control.has-bullet-button,
:where(body[data-site-page="poster.php"]) .poster-user-variable-row .poster-variable-value-control {display: grid; grid-template-columns: minmax(0,1fr) 36px; align-items: start; gap: 6px;}
:where(body[data-site-page="poster.php"]) .poster-variable-value-control textarea {min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-variable-bullets {display: grid; place-items: center; width: 36px; min-height: 36px; padding: 0; border: 1px solid var(--ui-border); border-radius: 5px; background: var(--ui-surface-muted); color: var(--ui-text); font: 600 22px/1 system-ui,sans-serif; cursor: pointer;}
:where(body[data-site-page="poster.php"]) .poster-variable-bullets[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) .poster-variable-bullets[aria-pressed="true"] {border-color: var(--ui-accent); color: var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-variable-bullets:focus-visible {outline: 2px solid var(--ui-focus); outline-offset: 2px;}
:where(body[data-site-page="poster.php"]) .poster-variable-bullets:disabled {opacity: .5; cursor: default;}
:where(body[data-site-page="poster.php"]) .poster-user-variables #poster-user-variable-fields {display: grid; gap: 6px; width: 100%;}
:where(body[data-site-page="poster.php"]) .poster-user-variables #poster-user-variable-fields .poster-user-variable-row {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); align-items: center; gap: 8px; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-user-variables #poster-user-variable-fields .poster-user-variable-row label {margin: 0; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-user-variables #poster-user-variable-fields :is(input,textarea) {box-sizing: border-box; width: 100%; min-width: 0; min-height: 36px; padding: 6px 8px; line-height: 1.4;}
:where(body[data-site-page="poster.php"]) .poster-user-variables #poster-user-variable-fields textarea {resize: vertical;}
:where(body[data-site-page="poster.php"]) .poster-user-variables #poster-user-variable-status:empty {display: none;}
:where(body[data-site-page="poster.php"]) .poster-layers {display: grid; gap: 5px; max-height: 300px; overflow: auto; margin-top: 10px;}
:where(body[data-site-page="poster.php"]) .poster-layer {width: 100%; padding: 9px 10px; border: 1px solid var(--ui-border); border-radius: 5px; text-align: left; font: 12px/1.3 Poppins, sans-serif; background: var(--ui-surface-muted); color: var(--ui-text); overflow-wrap: anywhere; cursor: pointer;}
:where(body[data-site-page="poster.php"]) .poster-layer.is-selected {border-color: var(--ui-accent); box-shadow: inset 3px 0 var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-assets {width: min(920px, calc(100vw - 36px)); max-width: calc(100vw - 36px); max-height: 85dvh; padding: 24px; box-sizing: border-box; border: 1px solid var(--ui-border); border-radius: 14px; color: var(--ui-text); background: var(--ui-surface);}
:where(body[data-site-page="poster.php"]) .poster-assets::backdrop {background: #10182099;}
:where(body[data-site-page="poster.php"]) .poster-assets header {display: flex; align-items: center; justify-content: space-between; gap: 16px;}
:where(body[data-site-page="poster.php"]) .poster-assets h2 {margin: 0; font-size: 22px;}
:where(body[data-site-page="poster.php"]) .poster-assets label {display: grid; gap: 8px; margin: 16px 0; font-size: 13px;}
:where(body[data-site-page="poster.php"]) .poster-assets input {min-width: 0; box-sizing: border-box; width: 100%; min-height: 42px; border: 1px solid var(--ui-border); border-radius: 5px; padding: 10px; font: inherit; color: var(--ui-text); background: var(--ui-surface);}
:where(body[data-site-page="poster.php"]) .poster-assets button {font-family: inherit;}
:where(body[data-site-page="poster.php"]) .poster-asset-list {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 14px;}
:where(body[data-site-page="poster.php"]) .poster-asset {display: flex; flex-direction: column; gap: 9px; min-width: 0; padding: 12px; background: var(--ui-surface-muted); color: var(--ui-text); border: 1px solid var(--ui-border); border-radius: 8px; cursor: pointer; text-align: left; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-asset:hover {border-color: var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-asset[aria-pressed="true"] {border-color: var(--ui-accent); box-shadow: inset 0 0 0 2px var(--ui-accent); background: var(--ui-accent-soft);}
:where(body[data-site-page="poster.php"]) .poster-asset img {width: 100%; height: 105px; object-fit: contain; background: repeating-conic-gradient(#e5e5e5 0% 25%, #fff 0% 50%) 50% / 16px 16px;}
:where(body[data-site-page="poster.php"]) .poster-asset span:last-child {font-size: 12px; line-height: 1.4;}
:where(body[data-site-page="poster.php"]) .poster-asset-symbol {display: grid; place-items: center; height: 105px; font-size: 46px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-controls {margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-sponsor-controls h3 {margin: 0 0 8px; font-size: 16px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-selected {display: grid; gap: 6px; margin: 0; padding: 0; list-style: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-selected-row {display: flex; align-items: center; gap: 6px; min-width: 0; padding: 6px 8px; border: 1px solid var(--ui-border); border-radius: 6px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-selected-row span {flex: 1; min-width: 0; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-selected-row .button {flex: none; min-height: 32px; padding: 5px 8px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-settings {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-settings label {min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-settings select,
:where(body[data-site-page="poster.php"]) .poster-sponsor-settings input {box-sizing: border-box; width: 100%; min-height: 42px; border: 1px solid var(--ui-border); border-radius: 5px; padding: 8px; font: inherit; color: var(--ui-text); background: var(--ui-surface);}
:where(body[data-site-page="poster.php"]) .poster-sponsor-controls > .button {margin-top: 10px;}
:where(body[data-site-page="poster.php"]) .poster-designer-note {margin: 10px 0;}
:where(body[data-site-page="poster.php"]) .poster-assets [hidden] {display: none !important;}
@media(min-width:1450px) {:where(body[data-site-page="poster.php"]) .has-designer #poster-preview {max-height: calc(100dvh - 280px);}}
@media(max-width:1250px) {:where(body[data-site-page="poster.php"]) .poster-workspace.has-designer {grid-template-columns: minmax(230px,290px) minmax(0,1fr);}
:where(body[data-site-page="poster.php"]) .has-designer .poster-designer-inspector {grid-column: 2; position: static; max-height: none;}
:where(body[data-site-page="poster.php"]) .has-designer .poster-controls {grid-row: 1 / 3;}
:where(body[data-site-page="poster.php"]) .has-designer .poster-preview-panel {position: static;}}
@media(max-width:760px) {:where(body[data-site-page="poster.php"]) .poster-workspace.has-designer {display: flex; flex-direction: column;}
:where(body[data-site-page="poster.php"]) .has-designer .poster-preview-panel {order: 0;}
:where(body[data-site-page="poster.php"]) .has-designer .poster-designer-inspector {order: 1; width: 100%; box-sizing: border-box;}
:where(body[data-site-page="poster.php"]) .has-designer .poster-controls {order: 2;}
:where(body[data-site-page="poster.php"]) .poster-asset-list {grid-template-columns: repeat(2,minmax(0,1fr));}
:where(body[data-site-page="poster.php"]) .poster-assets {padding: 16px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-settings {grid-template-columns: 1fr; gap: 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-selected-row .button {font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-resize-handle {width: 20px; height: 20px; right: -10px; bottom: -10px;}
:where(body[data-site-page="poster.php"]) .poster-designer-toolbar .poster-toolbar-history {margin-left: 0;}}
:where(body[data-site-page="poster.php"]) .poster-text-selection-row {display: flex; align-items: center; gap: 8px; justify-content: space-between;}
:where(body[data-site-page="poster.php"]) .poster-text-selection-row .button {min-height: 32px; padding: 5px 8px; font-size: 11px; flex: none;}
:where(body[data-site-page="poster.php"]) .poster-text-selection-row .poster-help {font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-text-tokens {display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0;}
:where(body[data-site-page="poster.php"]) .poster-text-token {font: 11px/1.4 Poppins, sans-serif; padding: 5px 7px; border: 1px solid var(--ui-border); border-radius: 4px; background: var(--ui-surface-muted); color: var(--ui-text); cursor: pointer;}
:where(body[data-site-page="poster.php"]) .poster-richtext-preview {white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; background: #25282d; border: 1px solid var(--ui-border); border-radius: 5px; padding: 12px; max-height: 180px; overflow: auto;}
:where(body[data-site-page="poster.php"]) .poster-richtext-preview:empty,
:where(body[data-site-page="poster.php"]) .poster-text-tokens:empty {display: none;}
:where(body[data-site-page="poster.php"]) #poster-element-color[data-mixed=true] {border-style: dashed;}
:where(body[data-site-page="poster.php"]) .poster-color-field {min-width: 0; grid-column: 1 / -1; margin: 12px 0;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-color-field > label {margin: 0 0 6px;}
:where(body[data-site-page="poster.php"]) .poster-color-binding {margin-top: 6px;}
:where(body[data-site-page="poster.php"]) .poster-color-choices {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px;}
:where(body[data-site-page="poster.php"]) .poster-color-choice {display: grid; justify-items: center; align-content: center; gap: 4px; min-height: 48px; min-width: 0; padding: 5px 2px; border: 1px solid var(--ui-border); border-radius: 5px; background: var(--ui-surface); color: var(--ui-text); font: 10px/1.2 Poppins, sans-serif; cursor: pointer;}
:where(body[data-site-page="poster.php"]) .poster-color-choice[aria-pressed=true] {border-color: var(--ui-accent); box-shadow: inset 0 0 0 1px var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-color-swatch {display: block; width: 22px; height: 16px; border: 1px solid var(--ui-border); border-radius: 3px;}
:where(body[data-site-page="poster.php"]) .poster-color-source {display: block; margin-top: 5px; color: var(--ui-text-muted); font-size: 11px; line-height: 1.4; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-color-binding[data-color-mixed=true] .poster-color-source {font-style: italic;}
:where(body[data-site-page="poster.php"]) .poster-auto-fit {border-block: 1px solid var(--ui-border); padding: 12px 0; margin: 12px 0;}
:where(body[data-site-page="poster.php"]) .poster-auto-fit .poster-check {margin: 0;}
:where(body[data-site-page="poster.php"]) #poster-text-page-limit,
:where(body[data-site-page="poster.php"]) #poster-group-page-limit {border-block: 1px solid var(--ui-border); padding: 12px 0; margin: 12px 0;}
:where(body[data-site-page="poster.php"]) #poster-text-page-limit .poster-check,
:where(body[data-site-page="poster.php"]) #poster-group-page-limit .poster-check {margin: 0;}
:where(body[data-site-page="poster.php"]) #poster-text-page-padding-row,
:where(body[data-site-page="poster.php"]) #poster-group-page-padding-row {display: block; margin-top: 10px;}
:where(body[data-site-page="poster.php"]) #poster-text-page-padding-row[hidden],
:where(body[data-site-page="poster.php"]) #poster-group-page-padding-row[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) #poster-text-page-anchor-row,
:where(body[data-site-page="poster.php"]) #poster-group-page-anchor-row {display: block; margin-top: 10px;}
:where(body[data-site-page="poster.php"]) #poster-text-page-anchor-row[hidden],
:where(body[data-site-page="poster.php"]) #poster-group-page-anchor-row[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) #poster-auto-fit-options {margin-top: 12px;}
:where(body[data-site-page="poster.php"]) #poster-auto-fit-status {font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-text-effects {border-top: 1px solid var(--ui-border); margin-top: 16px; padding-top: 14px;}
:where(body[data-site-page="poster.php"]) .poster-text-effects h3 {margin: 0 0 8px; font-size: 14px;}
:where(body[data-site-page="poster.php"]) .poster-text-effect {border-bottom: 1px solid var(--ui-border); padding: 4px 0 10px;}
:where(body[data-site-page="poster.php"]) .poster-text-effects .poster-check {font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-assets .poster-artwork-dropzone {position: relative; border: 2px dashed var(--ui-border); border-radius: 8px; padding: 24px 16px; text-align: center; cursor: pointer; background: var(--ui-surface-muted);}
:where(body[data-site-page="poster.php"]) .poster-artwork-dropzone span {font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-assets .poster-artwork-dropzone input {position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; opacity: 0;}
:where(body[data-site-page="poster.php"]) .poster-artwork-dropzone:focus-within,
:where(body[data-site-page="poster.php"]) .poster-artwork-dropzone.is-artwork-dragover {border-color: var(--ui-accent); outline: 2px solid var(--ui-accent); outline-offset: 2px;}
:where(body[data-site-page="poster.php"]) .poster-artwork-dropzone[aria-busy=true] {opacity: .6; cursor: wait;}
:where(body[data-site-page="poster.php"]) .poster-preview-stage.is-artwork-dragover {outline: 3px dashed var(--ui-accent); outline-offset: -6px;}
:where(body[data-site-page="poster.php"]) .has-designer .poster-resolution,
:where(body[data-site-page="poster.php"]) #poster-asset-status {overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-mask-overlay {position: absolute; inset: 0; pointer-events: none; line-height: normal;}
:where(body[data-site-page="poster.php"]) .poster-mask-overlay[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) .poster-mask-overlay svg {position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}
:where(body[data-site-page="poster.php"]) .poster-mask-line {stroke: var(--ui-accent); stroke-width: 2; stroke-dasharray: 5 4; filter: drop-shadow(0 0 1px #000);}
:where(body[data-site-page="poster.php"]) .poster-mask-handle {position: absolute; transform: translate(-50%, -50%); min-width: 48px; min-height: 38px; padding: 6px 8px; border: 2px solid var(--ui-accent); border-radius: 20px; background: var(--ui-secondary); color: var(--ui-base); font: 600 12px/1 Poppins, sans-serif; box-shadow: 0 1px 5px #0005; cursor: grab; pointer-events: auto; touch-action: none; user-select: none;}
:where(body[data-site-page="poster.php"]) .poster-mask-handle:active {cursor: grabbing;}
:where(body[data-site-page="poster.php"]) .poster-mask-handle:focus-visible {outline: 2px solid var(--ui-accent); outline-offset: 3px;}
:where(body[data-site-page="poster.php"]) #poster-edit-mask[aria-pressed=true] {border-color: var(--ui-accent); box-shadow: inset 0 0 0 1px var(--ui-accent);}
/* Selection is editor-only; grouping never changes compositing or print output. */
:where(body[data-site-page="poster.php"]) .poster-selection-bounds,
:where(body[data-site-page="poster.php"]) .poster-selection-marquee {position: absolute; box-sizing: border-box; pointer-events: none; border: 1px dashed #52c1ff;}
:where(body[data-site-page="poster.php"]) .poster-selection-marquee {background: #52c1ff22; border-style: solid;}
:where(body[data-site-page="poster.php"]) .poster-selection-bounds {outline: 1px solid #071c3b88;}
:where(body[data-site-page="poster.php"]) #poster-multi-select[aria-pressed=true] {border-color: var(--ui-accent); box-shadow: inset 0 0 0 1px var(--ui-accent);}
:where(body[data-site-page="poster.php"]) #poster-selection-summary {font-weight: 600;}
/* Corners scale the content; side handles only reshape the frame. */
:where(body[data-site-page="poster.php"]) .poster-scale-handle {border-width: 3px;}
:where(body[data-site-page="poster.php"]) .poster-scale-handle::before {content: ""; position: absolute; inset: -7px;}
@media (pointer: coarse), (max-width: 760px) {:where(body[data-site-page="poster.php"]) .poster-scale-handle {width: 24px; height: 24px;}
:where(body[data-site-page="poster.php"]) .poster-scale-handle::before {inset: -10px;}}
/* Rulers and guides are siblings of the canvas, never part of its artwork. */
:where(body[data-site-page="poster.php"]) .poster-template-editor.has-designer .poster-preview-stage {padding: 50px 22px 22px 50px;}
:where(body[data-site-page="poster.php"]) .poster-ruler {position: absolute; z-index: 5; box-sizing: border-box; padding: 0; margin: 0; min-width: 0; min-height: 0; border: 1px solid #adb2b9; border-radius: 0; box-shadow: none; background: #eceef0; color: #454b53; overflow: hidden; touch-action: none; user-select: none;}
:where(body[data-site-page="poster.php"]) .poster-ruler-top {top: -28px; left: 0; width: 100%; height: 26px; cursor: row-resize;}
:where(body[data-site-page="poster.php"]) .poster-ruler-left {top: 0; left: -28px; width: 26px; height: 100%; cursor: col-resize;}
:where(body[data-site-page="poster.php"]) .poster-ruler-unit {position: absolute; top: -28px; left: -28px; width: 26px; height: 26px; display: grid; place-items: center; background: #eceef0; color: #454b53; font: 10px/1 sans-serif;}
:where(body[data-site-page="poster.php"]) .poster-ruler-tick {position: absolute; display: block; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-ruler-top .poster-ruler-tick {bottom: 0; height: 5px; border-left: 1px solid #858b93;}
:where(body[data-site-page="poster.php"]) .poster-ruler-left .poster-ruler-tick {right: 0; width: 5px; border-top: 1px solid #858b93;}
:where(body[data-site-page="poster.php"]) .poster-ruler-top .poster-ruler-tick.is-major {height: 10px;}
:where(body[data-site-page="poster.php"]) .poster-ruler-left .poster-ruler-tick.is-major {width: 10px;}
:where(body[data-site-page="poster.php"]) .poster-ruler-tick span {position: absolute; font: 9px/1 sans-serif; color: #454b53; white-space: nowrap;}
:where(body[data-site-page="poster.php"]) .poster-ruler-top .poster-ruler-tick span {left: 3px; bottom: 8px;}
:where(body[data-site-page="poster.php"]) .poster-ruler-left .poster-ruler-tick span {right: 8px; top: 3px; writing-mode: vertical-rl;}
:where(body[data-site-page="poster.php"]) .poster-guides-layer {position: absolute; inset: 0; pointer-events: none; z-index: 3; line-height: normal;}
:where(body[data-site-page="poster.php"]) .poster-resize-frame,
:where(body[data-site-page="poster.php"]) .poster-selection-bounds {z-index: 6;}
:where(body[data-site-page="poster.php"]) .poster-mask-overlay {z-index: 6;}
:where(body[data-site-page="poster.php"]) .poster-guide {position: absolute; box-sizing: border-box; display: block; padding: 0; margin: 0; min-width: 0; min-height: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; pointer-events: auto; touch-action: none;}
:where(body[data-site-page="poster.php"]) .poster-guide::before {content: ''; position: absolute; border-color: #2386ac; border-style: dashed; border-width: 0; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-guide[data-guide-axis=x] {transform: translateX(-50%); cursor: col-resize;}
:where(body[data-site-page="poster.php"]) .poster-guide[data-guide-axis=x]::before {top: 0; bottom: 0; left: 50%; border-left-width: 1px;}
:where(body[data-site-page="poster.php"]) .poster-guide[data-guide-axis=y] {transform: translateY(-50%); cursor: row-resize;}
:where(body[data-site-page="poster.php"]) .poster-guide[data-guide-axis=y]::before {top: 50%; left: 0; right: 0; border-top-width: 1px;}
:where(body[data-site-page="poster.php"]) .poster-guide.is-selected::before {border-style: solid; border-color: #087daa; filter: drop-shadow(0 0 1px white);}
:where(body[data-site-page="poster.php"]) .poster-guide.is-snapped::before {border-style: solid; border-color: var(--ui-accent); filter: drop-shadow(0 0 2px var(--ui-accent));}
:where(body[data-site-page="poster.php"]) .poster-alignment-controls {margin-bottom: 12px;}
:where(body[data-site-page="poster.php"]) .poster-alignment-controls h3 {margin: 8px 0; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-alignment-buttons {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px;}
:where(body[data-site-page="poster.php"]) .poster-alignment-buttons .button {display: grid; place-items: center; min-height: 38px; padding: 6px;}
:where(body[data-site-page="poster.php"]) .poster-guide.is-outside::before {border-color: #777; opacity: .6;}
:where(body[data-site-page="poster.php"]) .poster-guide:focus-visible {outline: 1px dashed #087daa; outline-offset: -2px;}
:where(body[data-site-page="poster.php"]) .poster-ruler:focus-visible {outline: 2px solid #087daa; outline-offset: 1px;}
:where(body[data-site-page="poster.php"]) .poster-guide-controls summary {cursor: pointer; font-size: 14px; font-weight: 600; line-height: 1.5;}
:where(body[data-site-page="poster.php"]) .poster-guide-controls select {max-width: 100%;}
:where(body[data-site-page="poster.php"]) #poster-guides-toggle[aria-pressed=true] {border-color: #7c8792;}
:where(body[data-site-page="poster.php"]) .poster-ruler[hidden],
:where(body[data-site-page="poster.php"]) .poster-ruler-unit[hidden],
:where(body[data-site-page="poster.php"]) .poster-guides-layer[hidden] {display: none;}
@media(max-width:760px) {:where(body[data-site-page="poster.php"]) .poster-template-editor.has-designer .poster-preview-stage {padding: 43px 12px 15px 43px;}
:where(body[data-site-page="poster.php"]) .poster-ruler-top {height: 30px; top: -32px;}
:where(body[data-site-page="poster.php"]) .poster-ruler-left {width: 30px; left: -32px;}
:where(body[data-site-page="poster.php"]) .poster-ruler-unit {width: 30px; height: 30px; top: -32px; left: -32px;}}
/* Compact template workspace; publisher keeps its existing inspector. */
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-designer-inspector {position: static; top: auto; max-height: none; overflow: visible; width: 100%; border: 0; border-radius: 0; background: transparent;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-object-section {padding: 14px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-object-section h2 {font: 600 13px system-ui, sans-serif;}
:where(body[data-site-page="poster.php"]) .poster-template-editor #poster-workspace-layers .poster-object-section {padding: 12px; border-top: 1px solid var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-template-editor #poster-workspace-layers .poster-object-section > .poster-help {font-size: 10px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-layers {max-height: none; gap: 3px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-layer {padding: 9px 8px; font: 11px/1.45 system-ui, sans-serif; background: #20242c; border-color: transparent; border-radius: 3px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-layer.is-selected {border-color: #53788f; box-shadow: inset 2px 0 var(--ui-accent); background: #334453;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-object-actions {gap: 5px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-object-actions .button {font-size: 10px; padding: 6px 8px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-designer-toolbar {display: grid; grid-template-columns: minmax(0,1fr); align-content: start; align-items: start; gap: 8px; padding: 0 12px 12px;}
:where(body[data-site-page="poster.php"]) .poster-workspace-tool-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; gap: 5px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-designer-toolbar .button {min-width: 0; min-height: 34px; padding: 6px 5px; font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-designer-toolbar .poster-toolbar-history {margin: 0; gap: 5px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-toolbar-history .button {flex: 1;}
:where(body[data-site-page="poster.php"]) .poster-workspace-tool-group {padding-top: 6px; border-top: 1px solid var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-workspace-tool-group[open] summary {margin-bottom: 5px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor #poster-guides-toggle {width: 100%;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-guide-controls {padding: 12px; border-top: 1px solid var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-guide-controls summary {font: 500 11px system-ui, sans-serif;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-guide-controls .poster-object-actions {flex-direction: column;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-scale-controls {padding: 12px 0 0; margin: 12px 0 0;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-scale-controls h3 {font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-scale-controls .poster-help {font-size: 10px;}
:where(body[data-site-page="poster.php"]) .poster-workspace-property-group {border-top: 1px solid var(--ui-border); padding: 10px 0; margin-top: 10px;}
:where(body[data-site-page="poster.php"]) .poster-workspace-property-group > summary {cursor: pointer; color: var(--ui-text); min-height: 25px; align-content: center; font: 600 11px system-ui, sans-serif;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-property-group .poster-text-effects {padding: 0; margin: 6px 0 0; border: 0;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-property-group .poster-text-effects > h3 {display: none;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-variable-row {align-items: end;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-variable-row .button {flex: none; min-height: 34px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-text-quick > .button {width: 100%;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-richtext-preview {background: #1e2229;}
:where(body[data-site-page="poster.php"]) .poster-template-editor #poster-inline-text-actions > .poster-help {font-size: 10px; margin: 7px 0;}
:where(body[data-site-page="poster.php"]) .poster-workspace-save-status {margin: 0; padding: 2px 5px; font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-workspace-save-status:empty {display: none;}
@media (max-width:900px) {:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-designer-toolbar {display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-designer-toolbar > .poster-workspace-tool-grid {grid-row: span 3;}
:where(body[data-site-page="poster.php"]) .poster-template-editor #poster-workspace-layers .poster-object-section > .poster-help {max-width: 600px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-designer-inspector {order: initial;}}
/* Separate drag targets keep the layer labels scrollable on touch screens. */
:where(body[data-site-page="poster.php"]) .poster-layer-row {position: relative; display: grid; grid-template-columns: 30px minmax(0,1fr) 32px 32px; align-items: stretch; gap: 3px; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-flatten-marker {min-height: 38px; color: #ff6972;}
:where(body[data-site-page="poster.php"]) .poster-flatten-marker.is-selected {border-radius: 4px; background: rgba(255,105,114,.12);}
:where(body[data-site-page="poster.php"]) .poster-flatten-marker .poster-layer-drag {color: inherit;}
:where(body[data-site-page="poster.php"]) .poster-flatten-label {appearance: none; display: flex; grid-column: 2 / 4; align-items: center; gap: 8px; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; font: 600 11px/1.3 Poppins, sans-serif; white-space: nowrap; cursor: pointer;}
:where(body[data-site-page="poster.php"]) .poster-flatten-label:focus-visible {outline: 2px solid currentColor; outline-offset: -2px;}
:where(body[data-site-page="poster.php"]) .poster-flatten-label::before,
:where(body[data-site-page="poster.php"]) .poster-flatten-label::after {content: ''; flex: 0 0 12px; height: 2px; border-radius: 2px; background: currentColor;}
:where(body[data-site-page="poster.php"]) .poster-flatten-label::after {flex: 1 1 auto;}
:where(body[data-site-page="poster.php"]) .poster-layer-row .poster-layer {min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-layer-lock,
:where(body[data-site-page="poster.php"]) .poster-layer-visibility {appearance: none; display: grid; place-items: center; padding: 0; min-height: 36px; border: 1px solid transparent; border-radius: 4px; color: var(--ui-text-muted); background: transparent; cursor: pointer;}
:where(body[data-site-page="poster.php"]) .poster-layer-lock[aria-pressed="false"] {border-color: var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-layer-lock[aria-pressed="true"] {color: var(--ui-accent-text); background: var(--ui-accent-soft);}
:where(body[data-site-page="poster.php"]) .poster-layer-visibility[aria-pressed="true"] {color: var(--ui-text);}
:where(body[data-site-page="poster.php"]) .poster-layer-row.is-hidden .poster-layer {opacity: .6;}
:where(body[data-site-page="poster.php"]) .poster-layer-lock:hover:not(:disabled),
:where(body[data-site-page="poster.php"]) .poster-layer-visibility:hover:not(:disabled) {color: var(--ui-text); background: var(--ui-surface-muted);}
:where(body[data-site-page="poster.php"]) .poster-layer-lock:focus-visible,
:where(body[data-site-page="poster.php"]) .poster-layer-visibility:focus-visible {outline: 2px solid var(--ui-accent); outline-offset: -2px;}
:where(body[data-site-page="poster.php"]) .poster-layer-lock:disabled,
:where(body[data-site-page="poster.php"]) .poster-layer-visibility:disabled {opacity: .4; cursor: not-allowed;}
:where(body[data-site-page="poster.php"]) .poster-layer-drag {appearance: none; border: 1px solid transparent; border-radius: 4px; padding: 0; min-height: 36px; width: 30px; background: transparent; color: var(--ui-text-muted); font: 21px/1 system-ui,sans-serif; cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none;}
:where(body[data-site-page="poster.php"]) .poster-layer-drag:hover,
:where(body[data-site-page="poster.php"]) .poster-layer-drag:focus-visible {color: var(--ui-text); background: var(--ui-surface-muted);}
:where(body[data-site-page="poster.php"]) .poster-layer-drag:focus-visible {outline: 2px solid var(--ui-accent); outline-offset: -2px;}
:where(body[data-site-page="poster.php"]) .poster-layer-drag[aria-disabled="true"] {opacity: .4; cursor: not-allowed;}
:where(body[data-site-page="poster.php"]) .poster-layers.is-layer-sorting,
:where(body[data-site-page="poster.php"]) .poster-layers.is-layer-sorting * {cursor: grabbing; user-select: none; -webkit-user-select: none;}
:where(body[data-site-page="poster.php"]) .poster-layer-row.is-layer-dragging {opacity: .45;}
:where(body[data-site-page="poster.php"]) .poster-layer-row.is-drop-before::before,
:where(body[data-site-page="poster.php"]) .poster-layer-row.is-drop-after::after {content: ''; position: absolute; z-index: 2; left: 0; right: 0; height: 3px; border-radius: 2px; background: var(--ui-accent); pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-layer-row.is-drop-before::before {top: 0;}
:where(body[data-site-page="poster.php"]) .poster-layer-row.is-drop-after::after {bottom: 0;}
:where(body[data-site-page="poster.php"]) .poster-layer-sort-status:empty {margin: 0;}
@media (pointer: coarse) {:where(body[data-site-page="poster.php"]) .poster-layer-row {grid-template-columns: 38px minmax(0,1fr) 44px 44px;}
:where(body[data-site-page="poster.php"]) .poster-layer-lock,
:where(body[data-site-page="poster.php"]) .poster-layer-visibility {min-height: 44px;}
:where(body[data-site-page="poster.php"]) .poster-layer-drag {width: 38px; min-height: 44px;}}
/* Green identifies an author-granted permission, separately from a working lock. */
:where(body[data-site-page="poster.php"]) .poster-layer-row.is-user-editable .poster-layer {position: relative; padding-right: 34px; background: #223c30; box-shadow: inset 3px 0 #73d797;}
:where(body[data-site-page="poster.php"]) .poster-layer-row.is-user-editable .poster-layer.is-selected {outline: 1px solid var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-layer-editable-icon {position: absolute; right: 9px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; color: #9ee8b4; pointer-events: none;}
/* Publishing users select approved objects; layer order belongs to the template. */
:where(body[data-site-page="poster.php"]) .poster-layer-row.is-selection-only {grid-template-columns: minmax(0,1fr) 32px 32px;}
@media (pointer: coarse) {:where(body[data-site-page="poster.php"]) .poster-layer-row.is-selection-only {grid-template-columns: minmax(0,1fr) 44px 44px;}}
/* Publishing feedback belongs to the inspector, beside the artwork. */
:where(body[data-site-page="poster.php"]) .poster-output-info {overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-output-info .poster-help:empty {display: none;}
/* Publishing exposes permitted layer selection, visibility and working locks. */
:where(body[data-site-page="poster.php"]) .poster-designer-inspector.is-layers-only {border: 0; border-radius: 0; background: transparent;}
:where(body[data-site-page="poster.php"]) .poster-designer-inspector.is-layers-only > :not(.poster-publishing-layers):not(.poster-template-guidance):not(.poster-user-variables) {display: none;}
:where(body[data-site-page="poster.php"]) .poster-designer-inspector.is-layers-only > .poster-publishing-frame:not([hidden]) {display: block !important;}
:where(body[data-site-page="poster.php"]) .poster-publishing-frame #poster-frame-properties {border-top: 0; margin-top: 0; padding-top: 0;}
:where(body[data-site-page="poster.php"]) .poster-publishing-frame #poster-frame-properties > h3,
:where(body[data-site-page="poster.php"]) .poster-publishing-frame #poster-frame-edit-image,
:where(body[data-site-page="poster.php"]) .poster-publishing-frame #poster-frame-properties > p.poster-help:not([role="status"]) {display: none;}
:where(body[data-site-page="poster.php"]) .poster-publishing-frame #poster-frame-properties > .poster-object-grid {grid-template-columns: repeat(2, minmax(0, 136px)); gap: 2px 10px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-frame #poster-frame-properties > .poster-object-grid label {margin: 5px 0; gap: 4px; font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-frame #poster-frame-properties > .poster-object-grid input {box-sizing: border-box; width: 100%; min-height: 30px; padding: 4px 6px; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-publishing-frame #poster-frame-edit-points,
:where(body[data-site-page="poster.php"]) .poster-publishing-frame label:has(#poster-frame-shape),
:where(body[data-site-page="poster.php"]) .poster-publishing-frame label:has(#poster-frame-points),
:where(body[data-site-page="poster.php"]) .poster-publishing-frame label:has(#poster-frame-fill),
:where(body[data-site-page="poster.php"]) .poster-publishing-frame label:has(#poster-frame-stroke),
:where(body[data-site-page="poster.php"]) .poster-publishing-frame label:has(#poster-frame-stroke-width) {display: none;}
:where(body[data-site-page="poster.php"]) .poster-designer-inspector.is-layers-only > .poster-publishing-layers {border-top: 0; padding-inline: 0;}
:where(body[data-site-page="poster.php"]) .poster-designer-inspector.is-layers-only > .poster-publishing-layers > h2 {margin: 0 0 8px; font-size: 12px; font-weight: 400; line-height: 1.5; color: var(--ui-text-muted);}
:where(body[data-site-page="poster.php"]) .poster-designer-inspector > .poster-template-guidance {margin: 0; padding: 16px 0; border: 0; border-top: 1px solid var(--ui-border); border-radius: 0; background: transparent; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-designer-inspector > .poster-template-guidance h2 {font-size: 16px;}
/* Publishing layers follow the download actions without an introductory block. */
:where(body[data-site-page="poster.php"]) .poster-designer-inspector.is-layers-only > .poster-publishing-layers {padding-top: 0;}
:where(body[data-site-page="poster.php"]) .poster-designer-inspector.is-layers-only > .poster-user-variables {padding: 20px 0 10px;}
:where(body[data-site-page="poster.php"]) .poster-designer-inspector.is-layers-only > .poster-user-variables > h2 {margin: 0 0 8px; font-size: 12px; font-weight: 400; line-height: 1.5; color: var(--ui-text-muted);}
:where(body[data-site-page="poster.php"]) .poster-designer-inspector.is-layers-only .poster-publishing-layers:has(> #poster-layers:not(:empty)) > #poster-object-access-help {display: none;}
:where(body[data-site-page="poster.php"]) .poster-designer-inspector.is-layers-only #poster-layers {margin-top: 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-counts {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin: 12px 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-counts[hidden],
:where(body[data-site-page="poster.php"]) .poster-match-sponsor-choices[hidden] {display: none;}
/* Keep each sponsor selector, its choices and its logo action together. */
:where(body[data-site-page="poster.php"]) .poster-app .poster-fields.poster-sponsor-fields {align-items: start; gap: 12px; margin-top: 12px;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-sponsor-fields.has-multiple-sponsors {grid-template-columns: minmax(0, 1fr); gap: 16px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-field {display: flex; flex-direction: column; gap: 8px; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-sponsor-field > label {margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-sponsor-field > .poster-sponsor-placement-shortcuts {align-self: start;}
:where(body[data-site-page="poster.php"]) .poster-match-sponsor-choices {min-width: 0; margin: 0; padding: 6px 8px; border: 1px solid var(--ui-border); border-radius: 8px;}
:where(body[data-site-page="poster.php"]) .poster-match-sponsor-choices legend {padding: 0 4px; font-size: 12px; line-height: 1.4; color: var(--ui-text-muted);}
:where(body[data-site-page="poster.php"]) .poster-match-sponsor-choice {display: flex; align-items: center; gap: 6px; padding: 1px 0;}
:where(body[data-site-page="poster.php"]) .poster-match-sponsor-choice.is-sponsor-dragging {opacity: .45;}
:where(body[data-site-page="poster.php"]) .poster-match-sponsor-choice.is-drop-before,
:where(body[data-site-page="poster.php"]) .poster-match-sponsor-choice.is-drop-after {position: relative;}
:where(body[data-site-page="poster.php"]) .poster-match-sponsor-choice.is-drop-before::before,
:where(body[data-site-page="poster.php"]) .poster-match-sponsor-choice.is-drop-after::after {content: ''; position: absolute; left: 0; right: 0; height: 3px; border-radius: 3px; background: var(--ui-accent); pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-match-sponsor-choice.is-drop-before::before {top: -2px;}
:where(body[data-site-page="poster.php"]) .poster-match-sponsor-choice.is-drop-after::after {bottom: -2px;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-match-sponsor-choice .poster-check {flex: 1; min-width: 0; min-height: 30px; margin: 0; gap: 8px; line-height: 1.35; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-match-sponsor-choice input[type="checkbox"] {width: 18px; height: 18px; min-height: 18px; padding: 0; margin: 0; flex: none;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-match-sponsor-choice .poster-sponsor-drag {flex: none; display: grid; place-items: center; width: 32px; min-height: 32px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: var(--ui-text-muted); font-size: 21px; line-height: 1; cursor: grab; touch-action: none;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-match-sponsor-choice .poster-sponsor-drag:hover,
:where(body[data-site-page="poster.php"]) .poster-app .poster-match-sponsor-choice .poster-sponsor-drag:focus-visible {background: var(--ui-surface); color: var(--ui-text);}
:where(body[data-site-page="poster.php"]) .poster-app .poster-match-sponsor-choices.is-sponsor-sorting .poster-sponsor-drag {cursor: grabbing;}
@media (pointer: coarse) {:where(body[data-site-page="poster.php"]) .poster-app .poster-match-sponsor-choice .poster-check {min-height: 40px;}
:where(body[data-site-page="poster.php"]) .poster-app .poster-match-sponsor-choice .poster-sponsor-drag {width: 40px; min-height: 40px;}}
/* Named variable parts keep their source token intact. */
:where(body[data-site-page="poster.php"]) .poster-variable-styles {border-top: 1px solid var(--ui-border); margin-top: 16px; padding-top: 12px; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-variable-styles[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) .poster-variable-style-row {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; min-width: 0; margin: 12px 0; padding: 10px; border: 1px solid var(--ui-border); border-radius: 6px;}
:where(body[data-site-page="poster.php"]) .poster-variable-style-row legend {padding: 0 5px; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-variable-style-row > label {min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-variable-style-row > label:nth-of-type(-n+3) {grid-column: 1 / -1;}
:where(body[data-site-page="poster.php"]) .poster-variable-style-row input,
:where(body[data-site-page="poster.php"]) .poster-variable-style-row select {width: 100%; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-variable-style-row button {grid-column: 1 / -1; justify-self: start;}
:where(body[data-site-page="poster.php"]) .poster-variable-style-error {display: block; color: var(--ui-error,#e89898); font-size: 12px; overflow-wrap: anywhere;}
:where(body[data-site-page="poster.php"]) .poster-variable-style-error[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) .poster-variable-style-row [aria-invalid="true"] {border-color: var(--ui-error,#e89898);}
:where(body[data-site-page="poster.php"]) .poster-graphic-kind-switch {display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1.25rem;background:#f1f4f8;color:#263b5e}
:where(body[data-site-page="poster.php"]) .poster-graphic-kind-switch label {display:flex;align-items:center;gap:.65rem;font-weight:700}
:where(body[data-site-page="poster.php"]) .poster-graphic-kind-switch select {min-width:12rem;padding:.55rem .7rem;border:1px solid #bfc8d7;border-radius:.5rem;background:#fff;color:#0e2858;font:inherit}
:where(body[data-site-page="poster.php"]) .poster-graphic-kind-switch span {font-size:.9rem;color:#52627b}


/* Source: poster-component-library.css */
:where(body[data-site-page="poster.php"]) .poster-component-library {border-top:1px solid var(--poster-editor-border,#44474c);margin-top:16px;padding:14px 15px;box-sizing:border-box;display:grid;gap:10px;min-width:0;color:inherit}
:where(body[data-site-page="poster.php"]) .poster-component-library[hidden] {display:none}
:where(body[data-site-page="poster.php"]) .poster-component-library h3,
:where(body[data-site-page="poster.php"]) .poster-component-library p {margin:0}
:where(body[data-site-page="poster.php"]) .poster-component-library h3 {font-size:15px}
:where(body[data-site-page="poster.php"]) .poster-component-library label {font-size:13px}
:where(body[data-site-page="poster.php"]) .poster-component-library input {min-width:0;width:100%;box-sizing:border-box}
:where(body[data-site-page="poster.php"]) .poster-component-help,
:where(body[data-site-page="poster.php"]) .poster-component-selection,
:where(body[data-site-page="poster.php"]) .poster-component-revision {font-size:12px;line-height:1.5;opacity:.8;overflow-wrap:anywhere}
:where(body[data-site-page="poster.php"]) .poster-component-library .button {font-size:12px;line-height:1.4;min-height:36px;padding:8px 10px;white-space:normal;text-align:left}
:where(body[data-site-page="poster.php"]) .poster-component-actions,
:where(body[data-site-page="poster.php"]) .poster-component-list {display:grid;gap:8px}
:where(body[data-site-page="poster.php"]) .poster-component-package-actions {display:flex;flex-wrap:wrap;gap:8px}
:where(body[data-site-page="poster.php"]) .poster-component-package-actions input[hidden] {display:none}
:where(body[data-site-page="poster.php"]) .poster-component-item {display:grid;gap:4px;padding:10px;border:1px solid var(--poster-editor-border,#44474c);border-radius:6px;min-width:0}
:where(body[data-site-page="poster.php"]) .poster-component-item strong {font-size:13px;overflow-wrap:anywhere}
:where(body[data-site-page="poster.php"]) .poster-component-item-actions {display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
:where(body[data-site-page="poster.php"]) .poster-component-preview {position:relative;display:grid;place-items:center;aspect-ratio:16/9;min-width:0;margin:5px 0;background:#17202e;border:1px solid var(--poster-editor-border,#44474c);border-radius:4px;overflow:hidden}
:where(body[data-site-page="poster.php"]) .poster-component-preview canvas {display:block;width:100%;height:100%;object-fit:contain;min-width:0}
:where(body[data-site-page="poster.php"]) .poster-component-preview canvas[hidden],
:where(body[data-site-page="poster.php"]) .poster-component-preview-status[hidden] {display:none}
:where(body[data-site-page="poster.php"]) .poster-component-preview .poster-component-preview-status {font-size:12px;line-height:1.5;text-align:center;padding:12px;overflow-wrap:anywhere}
:where(body[data-site-page="poster.php"]) .poster-component-preview[data-preview-state="ready"] .poster-component-preview-status {position:absolute;inset:auto 0 0;background:#17202eeb;padding:5px 8px}
:where(body[data-site-page="poster.php"]) .poster-component-status {font-size:12px;line-height:1.5;overflow-wrap:anywhere}
:where(body[data-site-page="poster.php"]) .poster-component-status.is-error {color:#ffb4a9}
:where(body[data-site-page="poster.php"]) .poster-layer-row.poster-component-layer-row {grid-template-columns:30px minmax(0,1fr) 32px 32px 32px}
@media(pointer:coarse) {:where(body[data-site-page="poster.php"]) .poster-layer-row.poster-component-layer-row {grid-template-columns:38px minmax(0,1fr) 44px 44px 44px}}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-component-edit-session {flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;min-width:0;margin:0;padding:10px 14px;border-bottom:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text)}
:where(body[data-site-page="poster.php"]) .poster-component-edit-session>div:first-child {flex:1 1 230px;min-width:0}
:where(body[data-site-page="poster.php"]) .poster-component-edit-session strong {display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
:where(body[data-site-page="poster.php"]) .poster-component-edit-session p {margin:3px 0 0;font-size:11px;line-height:1.4;color:var(--ui-text-muted);overflow-wrap:anywhere}
:where(body[data-site-page="poster.php"]) .poster-component-edit-actions {display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
:where(body[data-site-page="poster.php"]) .poster-component-canvas-choice {display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap}
:where(body[data-site-page="poster.php"]) .poster-component-canvas-choice[hidden] {display:none}
:where(body[data-site-page="poster.php"]) .poster-component-canvas-choice select {min-height:34px;max-width:180px;padding:5px 7px;font:inherit}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-component-edit-actions .button {flex:none;min-height:34px;padding:6px 9px;font-size:11px;line-height:1.35;white-space:normal}
:where(body[data-site-page="poster.php"]) .poster-component-edit-session>.poster-component-edit-status {flex-basis:100%;margin:0;font-size:11px}
:where(body[data-site-page="poster.php"]) .poster-component-edit-session>.poster-component-edit-status:empty {display:none}
:where(body[data-site-page="poster.php"]) .poster-component-edit-session>.poster-component-edit-status.is-error {color:var(--ui-danger)}
:where(body[data-site-page="poster.php"]) .poster-component-preview-background {display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-basis:100%;min-width:0}
:where(body[data-site-page="poster.php"]) .poster-component-preview-background label {margin:0 4px 0 0;font-size:11px;color:var(--ui-text-muted)}
:where(body[data-site-page="poster.php"]) .poster-component-preview-background input[type="color"] {width:40px;min-width:40px;height:32px;padding:3px;cursor:pointer}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-component-preview-background .button {min-height:32px;padding:5px 9px;font-size:11px;line-height:1.35}
:where(body[data-site-page="poster.php"]) .poster-component-preview-background .button[aria-pressed="true"] {border-color:var(--ui-accent);box-shadow:inset 0 -2px var(--ui-accent)}
@media(max-width:900px) {:where(body[data-site-page="poster.php"]) .poster-component-library input {font-size:16px}
:where(body[data-site-page="poster.php"]) .poster-component-library .button {min-height:42px}}
@media(max-width:600px) {:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-component-edit-session {padding:8px 10px;gap:6px 10px}
:where(body[data-site-page="poster.php"]) .poster-component-edit-session>div:first-child {flex-basis:100%}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-component-edit-actions .button {min-height:40px;padding:7px 10px}}
@media(max-width:600px) {:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-component-preview-background .button,
:where(body[data-site-page="poster.php"]) .poster-component-preview-background input[type="color"] {min-height:40px}}


/* Source: poster-sponsor-placement.css */
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-shortcuts {display: flex; flex-wrap: wrap; align-items: center; gap: 6px; align-self: start;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-shortcuts[hidden] {display: none !important;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-shortcuts .poster-adjust-sponsor-logos {margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-shortcut {display: grid; place-items: center; width: 42px; min-width: 42px; padding: 8px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-shortcut svg {width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-shortcut-status {flex-basis: 100%; font-size: 12px; line-height: 1.35; color: var(--ui-muted, #666);}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-shortcut-status.is-error {color: var(--ui-danger, #b42318);}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog {width: min(1080px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; max-height: calc(100dvh - 32px) !important; padding: 0 !important; border: 1px solid #697079; border-radius: 14px; background: #24282e; color: #f4f5f6; box-shadow: 0 24px 90px #0009;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog::backdrop {background: #0009;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog[open] {display: flex; flex-direction: column;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog header {display: flex; align-items: start; justify-content: space-between; gap: 20px; padding: 18px 24px 10px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog h2 {margin: 0 0 6px; font-size: 23px; color: inherit;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog header p {margin: 0; color: #c8cdd4; font-size: 14px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog button,
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog select {font: inherit;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog .button {margin: 0; min-height: 40px; padding: 8px 14px; background: #3c424b; color: #f4f5f6; border: 1px solid #707883; border-radius: 7px; box-shadow: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog .button.primary {background: #dbe9f4; color: #172433; border-color: #dbe9f4;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog button:focus-visible,
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog select:focus-visible,
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-logo:focus-visible {outline: 2px solid #8fdbff; outline-offset: 3px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog button:disabled {opacity: .45; cursor: default;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar {display: flex; align-items: end; gap: 12px; flex-wrap: wrap; padding: 0 24px 12px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-formats {display: flex; flex: 1 1 100%; gap: 4px; min-width: 0; max-width: 100%; overflow-x: auto; padding: 4px; scrollbar-width: thin; box-sizing: border-box;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-formats .button {flex: none; white-space: nowrap; padding: 7px 11px; font-size: 13px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-formats .button[aria-pressed="true"] {background: #334c5d; border-color: #8fdbff; box-shadow: inset 0 -2px #8fdbff; font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar label {display: grid; gap: 4px; font-size: 13px; color: #d7dbe0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar select {min-width: 130px; max-width: 100%; background: #30353c; color: #fff; border: 1px solid #747c86; border-radius: 6px; padding: 8px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar .poster-sponsor-placement-gap-control {display: flex; align-items: center; gap: 7px; white-space: nowrap;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-gap-control input {box-sizing: border-box; width: 64px; min-height: 40px; padding: 7px; background: #30353c; color: #fff; border: 1px solid #747c86; border-radius: 6px; font-size: 16px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-gap-control input[aria-invalid="true"] {border-color: #ffb4ad;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-actions {display: flex; align-items: end; gap: 8px; flex-wrap: wrap; margin-left: auto;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-auto-actions {display: grid; grid-template-columns: repeat(2,minmax(0,auto)); gap: 7px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-auto-actions > span {grid-column: 1 / -1; color: #c8cdd4; font-size: 12px; line-height: 1;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-auto-actions .button {white-space: nowrap;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-stage {background: #161a20; min-height: 150px; height: min(48vh, 430px); flex: 1 1 320px; display: grid; place-items: center; overflow: hidden; padding: 0; position: relative;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-frame {position: relative; flex-shrink: 0; outline: 1px dashed #bac4d0; box-shadow: 0 0 0 1px #000; touch-action: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-background {position: absolute; inset: 0; display: block; width: 100%; height: 100%; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-background-status {position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px; background: #161a20; color: #e4e8ee; text-align: center; font-size: 14px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-logo {position: absolute; box-sizing: border-box; touch-action: none; cursor: move; user-select: none; outline: 1px solid transparent;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-logo.is-selected::after {content: ""; position: absolute; inset: 0; outline: 1px solid #80d7ff; z-index: 2; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-group {position: absolute; box-sizing: border-box; z-index: 4; outline: 2px dashed #8fdbff; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-group .poster-sponsor-placement-handle {pointer-events: auto;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-artwork {position: absolute; inset: 0; display: block; overflow: hidden; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-artwork img {width: 100%; height: 100%; display: block; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-artwork.is-disc {border-radius: 50%; background: radial-gradient(circle at 36% 25%, #fff 45%, #c8cfdf 100%); box-shadow: inset 0 -2px 3px #69748c55;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-artwork.is-disc img {box-sizing: border-box; padding: 4.3%; mix-blend-mode: multiply; object-fit: contain !important;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-missing {display: grid; place-items: center; height: 100%; padding: 6px; box-sizing: border-box; font-size: 12px; text-align: center; background: #384351; color: #fff;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-handle {z-index: 3; position: absolute; width: 16px; height: 16px; min-width: 0; min-height: 0; padding: 0; border: 2px solid #164761; background: #c0edff; border-radius: 3px; touch-action: none; transform: translate(-50%,-50%);}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-handle[data-sponsor-placement-handle="nw"] {left: 0; top: 0; cursor: nwse-resize;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-handle[data-sponsor-placement-handle="ne"] {left: 100%; top: 0; cursor: nesw-resize;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-handle[data-sponsor-placement-handle="sw"] {left: 0; top: 100%; cursor: nesw-resize;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-handle[data-sponsor-placement-handle="se"] {left: 100%; top: 100%; cursor: nwse-resize;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-selection {display: flex; gap: 8px; align-items: center; padding: 12px 24px 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-selection select {margin-right: auto; min-width: 0; width: min(380px, 100%); background: #30353c; color: #fff; border: 1px solid #747c86; border-radius: 6px; padding: 8px; font-size: 16px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-selection #poster-sponsor-placement-multiple[aria-pressed="true"] {background: #334c5d; border-color: #8fdbff;}
:where(body[data-site-page="poster.php"]) #poster-sponsor-placement-selection-count {color: #c8cdd4; font-size: 13px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog footer {padding: 12px 24px 20px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog footer p {min-height: 1.4em; margin: 0 0 12px; font-size: 13px; color: #c8cdd4;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog footer p:empty {display: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog footer p.is-error {color: #ffb4ad;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog footer > div {display: flex; justify-content: end; flex-wrap: wrap; gap: 10px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog [hidden] {display: none !important;}
:where(body[data-site-page="poster.php"]) #poster-sponsor-placement-empty {margin: 24px; text-align: center; color: #c8cdd4;}
@media (max-width:600px) {:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog {width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; max-height: calc(100dvh - 16px) !important; overflow-y: auto;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog header,
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar,
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-selection,
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog footer {padding-left: 14px; padding-right: 14px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog header {padding-top: 14px; gap: 8px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog h2 {font-size: 20px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar {gap: 10px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar label {flex: 1; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar select {font-size: 16px; width: 100%; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar .poster-sponsor-placement-gap-control {flex: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-actions {margin-left: 0; width: 100%;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-actions .button {padding: 7px 10px; font-size: 13px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-actions > #poster-sponsor-placement-undo,
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-actions > #poster-sponsor-placement-redo {order: 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-auto-actions {order: 1; width: 100%; grid-template-columns: repeat(2,minmax(0,1fr));}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-auto-actions .button {white-space: normal;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-actions > #poster-sponsor-placement-copy {order: 2;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-stage {height: min(34vh,260px); flex: 0 0 210px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-stage.is-wide {flex-basis: 150px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-handle {width: 22px; height: 22px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog footer > div .button {flex: 1;}}
/* Per-logo crops are local placement drafts; the source image stays intact. */
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-image-window {position: absolute; inset: 0; display: block; overflow: hidden;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-selection {flex-wrap: wrap;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-controls {padding: 8px 24px 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-controls > p {margin: 0 0 8px; color: #c8cdd4; font-size: 13px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-fields {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-fields label {display: grid; gap: 4px; min-width: 0; font-size: 12px; color: #d7dbe0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-fields input {box-sizing: border-box; width: 100%; min-width: 0; background: #30353c; color: #fff; border: 1px solid #747c86; border-radius: 6px; padding: 8px; font: inherit; font-size: 16px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-fields input:focus-visible {outline: 2px solid #8fdbff; outline-offset: 2px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-fields input[aria-invalid="true"] {border-color: #ffb4ad;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-buttons {display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px;}
:where(body[data-site-page="poster.php"]) #poster-sponsor-placement-crop-error {margin-top: 8px; color: #ffb4ad;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-frame {position: relative; flex-shrink: 0; touch-action: none; background: repeating-conic-gradient(#454b55 0% 25%,#30353c 0% 50%) 50% / 16px 16px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-frame > img {display: block; width: 100%; height: 100%; pointer-events: none; user-select: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-box {position: absolute; box-sizing: border-box; outline: 2px solid #8fdbff; box-shadow: 0 0 0 2000px #0007; touch-action: none; cursor: move;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-handle {position: absolute; width: 18px; height: 18px; min-width: 0; min-height: 0; padding: 0; border: 2px solid #164761; background: #c0edff; border-radius: 3px; transform: translate(-50%,-50%); touch-action: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-handle[data-sponsor-crop-handle="nw"] {left: 0; top: 0; cursor: nwse-resize;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-handle[data-sponsor-crop-handle="n"] {left: 50%; top: 0; cursor: ns-resize;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-handle[data-sponsor-crop-handle="ne"] {left: 100%; top: 0; cursor: nesw-resize;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-handle[data-sponsor-crop-handle="e"] {left: 100%; top: 50%; cursor: ew-resize;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-handle[data-sponsor-crop-handle="se"] {left: 100%; top: 100%; cursor: nwse-resize;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-handle[data-sponsor-crop-handle="s"] {left: 50%; top: 100%; cursor: ns-resize;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-handle[data-sponsor-crop-handle="sw"] {left: 0; top: 100%; cursor: nesw-resize;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-handle[data-sponsor-crop-handle="w"] {left: 0; top: 50%; cursor: ew-resize;}
@media (max-width:600px) {:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-controls {padding-inline: 14px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-fields {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px 10px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-selection {padding-top: 8px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-selection select {flex: 0 0 100%; width: 100%; box-sizing: border-box;}
:where(body[data-site-page="poster.php"]) #poster-sponsor-placement-crop {width: 100%;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-controls .button {padding: 7px 10px; font-size: 13px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-crop-handle {width: 24px; height: 24px;}}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel {padding: 12px 24px; border-top: 1px solid #697079; background: #2b3037;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel h3 {color: inherit; font-size: 16px; margin: 0 0 6px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel p {color: #c8cdd4; font-size: 13px; margin: 0 0 8px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel fieldset {display: block; min-width: 0; max-height: 190px; overflow: auto; margin: 0 0 10px; padding: 0; border: 0; scrollbar-width: thin;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel legend {font-size: 13px; margin-bottom: 6px; color: #d7dbe0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel label {color: #d7dbe0; display: inline-flex; gap: 7px; align-items: center; font-size: 14px; margin: 0; padding: 5px 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel input {width: 18px; height: 18px; margin: 0; accent-color: #8fdbff;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-copy-target {display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 34px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-copy-unavailable {color: #c8cdd4; font-size: 12px;}
@media (max-width:600px) {:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel {padding: 10px 14px;}}
@media (max-width:600px) {:where(body[data-site-page="poster.php"]) .poster-sponsor-copy-target {min-height: 40px;}}
/* Compact logo placement workspace. The canvas keeps the available width. */
:where(body[data-site-page="poster.php"]) .poster-sponsor-visually-hidden {position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog {position: relative;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog header {height: 0; padding: 0; gap: 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog header #poster-sponsor-placement-close {position: absolute; top: 8px; right: 8px; z-index: 10; min-width: 34px; min-height: 34px; padding: 0; line-height: 1; font-size: 21px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar {display: flex; justify-content: center; padding: 8px 52px 7px; gap: 4px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-formats {flex: 0 1 auto; justify-content: center; padding: 3px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar #poster-sponsor-placement-container-field {flex: 0 0 auto;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-actions {display: none;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-workspace {display: flex; position: relative; min-height: 180px; overflow: hidden; background: #161a20;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-palette {display: flex; position: relative; z-index: 2; flex: 0 0 48px; flex-direction: column; align-items: center; gap: 4px; padding: 9px 5px; box-sizing: border-box; background: #20252c; border-right: 1px solid #434b54;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-palette .button {display: grid; flex: 0 0 36px; place-items: center; width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; font-size: 23px; line-height: 1;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-gap-tool {position: relative; display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; width: 36px; gap: 2px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-gap-tool output {display: block; min-height: 13px; color: #c7d4df; font-size: 11px; line-height: 13px; font-variant-numeric: tabular-nums; white-space: nowrap;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-gap-tool .button[aria-expanded="true"] {background: #334c5d; border-color: #8fdbff; color: #e7f7ff;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-palette svg {width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-palette-divider {flex: 0 0 1px; width: 26px; margin: 3px 0; background: #505963;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-stage {flex: 1 1 auto; min-width: 0; height: min(58vh, 500px); min-height: 180px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-gap-tool .poster-sponsor-placement-gap-control {position: absolute; left: calc(100% + 9px); top: -2px; z-index: 12; display: grid; gap: 9px; box-sizing: border-box; width: 224px; padding: 11px 13px; border: 1px solid #86909b; border-radius: 9px; background: #2d343d; box-shadow: 0 8px 28px #0009; color: #f4f5f6; font-size: 13px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-gap-tool .poster-sponsor-placement-gap-control::before {content: ""; position: absolute; left: -6px; top: 15px; width: 10px; height: 10px; transform: rotate(45deg); border-left: 1px solid #86909b; border-bottom: 1px solid #86909b; background: #2d343d;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-gap-control > span {font-weight: 600;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-gap-control input[type="range"] {width: 100%; min-height: 30px; margin: 0; padding: 0; border: 0; accent-color: #8fdbff; background: transparent;}
:where(body[data-site-page="poster.php"]) #poster-sponsor-placement-logo-choice,
:where(body[data-site-page="poster.php"]) #poster-sponsor-placement-multiple {display: none !important;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog footer {padding: 8px 12px 10px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog footer p {margin-bottom: 5px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog footer .button {min-height: 34px; padding: 5px 12px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel {box-sizing: border-box; width: min(380px, calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 18px !important; border: 1px solid #697079; border-radius: 12px; background: #24282e; color: #f4f5f6; box-shadow: 0 24px 90px #0009;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel::backdrop {background: #0008;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel h3 {margin: 0 0 12px; font-size: 18px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel fieldset {max-height: min(58vh, 420px); margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel footer {display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel .button {min-height: 38px; margin: 0; padding: 7px 14px; background: #3c424b; color: #f4f5f6; border: 1px solid #707883; border-radius: 7px; box-shadow: none; font: inherit;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel .button.primary {background: #dbe9f4; color: #172433; border-color: #dbe9f4;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel .button:disabled {opacity: .45;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel :focus-visible {outline: 2px solid #8fdbff; outline-offset: 2px;}
@media (max-width:600px) {:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog header {height: 0; padding: 0;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar {padding: 8px 46px 6px 8px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-formats {flex: 1 1 auto; justify-content: flex-start;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-toolbar #poster-sponsor-placement-container-field {flex: 0 0 100%;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-workspace {min-height: 180px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-palette {flex-basis: 43px; padding: 7px 3px; gap: 3px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-palette .button {width: 35px; height: 35px; flex-basis: 35px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-stage,
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-stage.is-wide {flex: 1 1 auto; height: min(46vh, 360px); min-height: 170px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-gap-tool .poster-sponsor-placement-gap-control {width: min(224px, calc(100vw - 92px));}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog footer {padding: 7px 10px 9px;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-dialog footer > div .button {flex: 1;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel {padding: 14px !important;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-copy-panel footer .button {flex: 1;}}
/* Final sizing for the compact palette and centered format row. */
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-formats {justify-content: safe center;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-stage {height: min(50vh, 420px);}
@media (max-width:600px) {:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-formats {justify-content: safe center;}
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-stage,
:where(body[data-site-page="poster.php"]) .poster-sponsor-placement-stage.is-wide {height: min(40vh, 320px);}}


/* Source: poster-inline-text.css */
:where(body[data-site-page="poster.php"]) .poster-inline-text-frame {position: absolute; z-index: 8; box-sizing: border-box; transform-origin: center; pointer-events: auto; line-height: normal;}
:where(body[data-site-page="poster.php"]) .poster-inline-text-frame[hidden] {display: none;}
:where(body[data-site-page="poster.php"]) .poster-inline-text-editor {position: relative; box-sizing: border-box; width: 100%; min-width: 1px; padding: 0; border: 0; outline: 1px solid #58b9dc; background: transparent; box-shadow: 0 0 0 3px #161b22a6; color: white; caret-color: #fff; overflow: visible; overflow-wrap: anywhere; word-break: normal; user-select: text; cursor: text; touch-action: manipulation;}
:where(body[data-site-page="poster.php"]) .poster-inline-text-editor [data-inline-probe] {display: inline-block; width: 0; height: 0; line-height: 0; vertical-align: baseline; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-inline-text-editor::selection,
:where(body[data-site-page="poster.php"]) .poster-inline-text-editor *::selection {background: #3b82c6a6; color: inherit;}
:where(body[data-site-page="poster.php"]) .poster-inline-variable {border-radius: 2px; background: #65adca16; outline: 1px dotted #8fc8dc80; cursor: text;}
:where(body[data-site-page="poster.php"]) .poster-inline-text-actions {margin-bottom: 12px; border-bottom: 1px solid #68717b55; padding-bottom: 10px;}
:where(body[data-site-page="poster.php"]) .poster-inline-text-actions[hidden] {display: none;}


/* Source: poster-workspace.css */
/* The template editor uses the video workspace's neutral palette. Club colours
   belong to the artwork and global navigation, never to the editing surface. */
:where(body[data-site-page="poster.php"]) .poster-template-editor,
:where(body[data-site-page="poster.php"]) .poster-template-assets {--ui-base: #191c22;
  --ui-surface: #252931;
  --ui-surface-muted: #2e333d;
  --ui-text: #e3e7ed;
  --ui-text-muted: #aeb8c7;
  --ui-border: #414650;
  --ui-secondary: #393d46;
  --ui-on-secondary: #e3e7ed;
  --ui-secondary-hover: #454b56;
  --ui-secondary-text: #a8dfff;
  --ui-secondary-soft: #393d46;
  --ui-on-secondary-soft: #e3e7ed;
  --ui-accent: #8dd5ff;
  --ui-on-accent: #191c22;
  --ui-accent-text: #8dd5ff;
  --ui-accent-soft: #284150;
  --ui-on-accent-soft: #d9f0ff;
  --ui-focus: #8dd5ff;
  --ui-danger: #ffb3b3;
  --ui-danger-soft: #4c2d35;
  --ui-warning: #f6d38b;
  --ui-warning-soft: #3d372b;
  color-scheme: dark;}
:where(body[data-site-page="poster.php"]) .poster-app.poster-template-editor {box-sizing: border-box; width: 100%; max-width: none; height: calc(100dvh - var(--site-navigation-bottom-height,0px));
  min-height: 500px; padding: 0; margin: 0; display: flex; flex-direction: column;
  background: var(--ui-base); color: var(--ui-text); overflow: hidden;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}
:where(body[data-site-page="poster.php"]) .poster-template-editor *,
:where(body[data-site-page="poster.php"]) .poster-template-editor *::before,
:where(body[data-site-page="poster.php"]) .poster-template-editor *::after {box-sizing: border-box;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .button {border: 1px solid var(--ui-border); border-radius: 5px; box-shadow: none; min-height: 34px; padding: 7px 11px; font: 500 12px/1.35 system-ui, sans-serif; gap: 6px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .button.secondary {color: var(--ui-text); background: var(--ui-secondary);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .button.secondary:hover:not(:disabled) {background: var(--ui-secondary-hover);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .button.primary {background: var(--ui-accent); color: var(--ui-on-accent); border-color: var(--ui-accent); font-weight: 650;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-heading {flex: none; min-height: 62px; padding: 10px 18px; margin: 0; border-bottom: 1px solid var(--ui-border); gap: 16px; flex-direction: row; align-items: center;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-heading-title {min-width: 0; flex: 1;}
:where(body[data-site-page="poster.php"]) .poster-workspace-title-row {display: flex; align-items: center; gap: 12px; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-title-row h1 {flex: 1; min-width: 0;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-template-switch {display: flex; align-items: center; gap: 7px; flex: none; margin: 0; color: var(--ui-text-muted); white-space: nowrap;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-template-switch select {width: clamp(145px, 17vw, 220px); min-height: 32px; padding: 5px 8px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-heading h1 {margin: 1px 0 0; font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-heading .poster-eyebrow {margin: 0; font-size: 9px; line-height: 1.4; letter-spacing: .13em; color: var(--ui-text-muted);}
:where(body[data-site-page="poster.php"]) .poster-workspace-actions {display: flex; gap: 7px; flex: none; align-items: center;}
:where(body[data-site-page="poster.php"]) .poster-template-editor > .poster-notice {flex: none; margin: 0; padding: 6px 16px; font-size: 11px; border-radius: 0; border-bottom: 1px solid var(--ui-border); max-height: 68px; overflow: auto;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace,
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace.has-designer {display: grid; position: relative; grid-template-columns: var(--poster-tools-width,300px) minmax(160px, 1fr) 302px; grid-template-rows: minmax(0, 1fr); gap: 0; margin: 0; flex: 1; min-height: 0; align-items: stretch;}
:where(body[data-site-page="poster.php"]) .poster-workspace-tools {grid-column: 1; grid-row: 1; min-width: 0; min-height: 0; overflow: auto; background: var(--ui-surface); border-right: 1px solid var(--ui-border); scrollbar-width: thin;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-panel-title {padding: 13px 12px 8px; font-size: 11px; text-transform: uppercase; letter-spacing: .07em; color: var(--ui-text-muted); margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-workspace-sidebar {grid-column: 3; grid-row: 1; min-width: 0; min-height: 0; background: var(--ui-surface); border-left: 1px solid var(--ui-border); display: flex; flex-direction: column; overflow: hidden;}
:where(body[data-site-page="poster.php"]) .poster-workspace-tabs {display: flex; overflow-x: auto; scrollbar-width: thin; flex: none; border-bottom: 1px solid var(--ui-border); padding: 0 6px;}
:where(body[data-site-page="poster.php"]) .poster-workspace-tabs button {flex: 1 0 auto; white-space: nowrap; min-width: 0; min-height: 44px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--ui-text-muted); font: 600 11px system-ui, sans-serif; padding: 8px 6px; cursor: pointer; border-radius: 0;}
:where(body[data-site-page="poster.php"]) .poster-workspace-tabs button[aria-selected=true] {color: var(--ui-text); border-bottom-color: var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-workspace-tabpanel {min-width: 0; min-height: 0;}
:where(body[data-site-page="poster.php"]) .poster-workspace-sidebar > .poster-workspace-tabpanel {overflow: auto; flex: 1; scrollbar-width: thin;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-controls {min-width: 0; min-height: 0; overflow: auto; width: 100%; flex: 1; scrollbar-width: thin; grid-row: auto;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-panel {border: 0; border-bottom: 1px solid var(--ui-border); border-radius: 0; padding: 16px 14px; margin: 0; background: transparent;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-panel h2 {font-size: 13px; font-weight: 650; line-height: 1.45;}
:where(body[data-site-page="poster.php"]) .poster-template-editor label {font-size: 11px; font-weight: 500; gap: 5px; margin: 12px 0;}
:where(body[data-site-page="poster.php"]) .poster-template-editor input,
:where(body[data-site-page="poster.php"]) .poster-template-editor select,
:where(body[data-site-page="poster.php"]) .poster-template-editor textarea {min-width: 0; max-width: 100%; min-height: 34px; font: 12px/1.4 system-ui, sans-serif; padding: 7px 8px; border-radius: 4px; background: #1e2229; color: var(--ui-text);}
:where(body[data-site-page="poster.php"]) .poster-template-editor input[type=color] {padding: 3px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-check {min-height: 30px; font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-check input {width: 17px; height: 17px; min-height: 17px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-help {font: 11px/1.6 system-ui, sans-serif; color: var(--ui-text-muted); margin: 8px 0;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-text-link {font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-fields,
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-object-grid {gap: 0 9px; grid-template-columns: repeat(2,minmax(0,1fr));}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-supported-formats {margin-top: 16px; padding: 9px; border-radius: 5px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-supported-formats legend {font-size: 11px; padding: 0 4px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-format-checks {gap: 2px 8px; grid-template-columns: 1fr;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-format-checks .poster-check {margin: 0; min-height: 32px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-media-preview {grid-template-columns: 58px minmax(0,1fr); gap: 8px; font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-media-preview img {width: 58px; height: 58px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-main-photo {margin: 16px 0;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-main-photo h3 {font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-export-setting {padding: 10px; border-radius: 5px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-export-print summary {font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel {grid-column: 2; grid-row: 1; position: static; padding: 0; min-width: 0; min-height: 0; width: auto; display: flex; flex-direction: column; border: 0; border-radius: 0; overflow: hidden; background: var(--ui-base);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel > header {flex: none; margin: 0; padding: 10px 14px 8px; gap: 8px 12px; flex-wrap: wrap;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel > header h2,
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel > header p {display: none;}
:where(body[data-site-page="poster.php"]) .poster-workspace-zoom {flex: 0 1 auto; max-width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-left: auto;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-zoom label {margin: 0; font-size: 10px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-zoom select {width: 85px; min-height: 28px; padding: 4px; font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-zoom .button {display: inline-flex; align-items: center; justify-content: center; flex: none; width: 30px; height: 30px; min-height: 30px; padding: 3px; font-size: 20px; line-height: 1;}
:where(body[data-site-page="poster.php"]) .poster-workspace-zoom svg {display: block; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-workspace-zoom output {min-width: 30px; font: 10px system-ui, sans-serif; color: var(--ui-text-muted);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-format-tabs {flex: 1 1 140px; min-width: 0; flex-wrap: nowrap; overflow: auto; padding: 0; margin: 0; gap: 4px; scrollbar-width: thin;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-format-tab {min-height: 30px; flex: none; padding: 5px 9px; border-radius: 4px; background: transparent; font: 11px system-ui, sans-serif;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-format-tab.is-image-rotation-linked {padding-right: 24px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-format-tab[aria-pressed=true] {color: var(--ui-text); background: var(--ui-surface-muted); border-color: var(--ui-border); box-shadow: inset 0 -2px var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-format-tab.is-image-linked[aria-pressed=true] {color: #e3f6ff; background: #284c60; border-color: var(--ui-accent); box-shadow: inset 0 -2px var(--ui-accent), inset 0 0 0 1px #79c8ec;}
:where(body[data-site-page="poster.php"]) .poster-workspace-canvas-area {display: flex; flex: 1; min-width: 0; min-height: 0; overflow: hidden;}
:where(body[data-site-page="poster.php"]) .poster-workspace-insert-palette {display: flex; flex-direction: column; align-items: center; gap: 4px; flex: 0 0 48px; width: 48px; min-width: 0; min-height: 0; padding: 8px 4px; overflow: auto; scrollbar-width: thin; background: var(--ui-surface); border-right: 1px solid var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-insert-palette > .button {display: flex; flex: 0 0 38px; width: 38px; height: 38px; min-height: 38px; min-width: 0; margin: 0; padding: 7px; border-color: transparent; background: transparent; border-radius: 5px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-insert-palette > .button:hover:not(:disabled) {background: var(--ui-surface-muted); border-color: var(--ui-border); color: var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-insert-palette > .button:focus-visible {outline: 2px solid var(--ui-focus); outline-offset: -2px; background: var(--ui-surface-muted);}
:where(body[data-site-page="poster.php"]) .poster-workspace-insert-palette svg {display: block; flex: none; pointer-events: none;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-insert-palette > .poster-workspace-presentation {margin-top: auto;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-presentation[aria-pressed=true] {color: var(--ui-accent); background: var(--ui-surface-muted); border-color: var(--ui-accent);}
/* Keep overlay geometry in place so preview mode preserves zoom and pan. */
:where(body[data-site-page="poster.php"]) .poster-template-editor.is-presenting :is(.poster-designer-overlay, .poster-ruler, .poster-ruler-unit, .poster-guides-layer, .poster-mask-overlay, .poster-inline-text-frame) {visibility: hidden;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-stage {display: flex; flex: 1; min-width: 0; min-height: 80px; overflow: auto; padding: 50px 28px 28px 50px; border-radius: 0; background: #171a20; scrollbar-width: thin;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-canvas-wrap {flex: none; align-self: center; max-width: none; margin: auto;}
:where(body[data-site-page="poster.php"]) .poster-workspace-pasteboard {flex: none; align-self: flex-start; margin: auto; line-height: 0;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-pasteboard > .poster-canvas-wrap {display: block; margin: 0;}
:where(body[data-site-page="poster.php"]) .poster-template-editor #poster-preview {max-width: none; max-height: none; height: auto; box-shadow: 0 10px 35px #0007;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel > .poster-help,
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel > .poster-resolution {flex: none; padding: 5px 14px; margin: 0; max-height: 70px; overflow: auto; font-size: 10px; border-top: 1px solid var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel > .poster-help:empty {display: none;}
:where(body[data-site-page="poster.php"]) .poster-workspace-footer {display: flex; align-items: center; justify-content: space-between; flex: none; min-height: 28px; max-height: 76px; padding: 4px 12px; border-top: 1px solid var(--ui-border); color: var(--ui-text-muted); font: 10px/1.4 system-ui, sans-serif; gap: 12px; overflow: auto;}
:where(body[data-site-page="poster.php"]) .poster-template-editor #poster-action-status {margin: 0; padding: 2px 5px; font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-workspace-footer > span {margin-left: auto; flex: none;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-template-library-dialog {width: min(1080px,calc(100vw - 44px)); max-width: calc(100vw - 44px); max-height: 88dvh; padding: 0; color: var(--ui-text); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 10px; box-shadow: 0 20px 80px #0008;}
:where(body[data-site-page="poster.php"]) .poster-template-library-dialog::backdrop {background: #090b10b8;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-template-library {margin: 0; border: 0; padding: 24px; background: transparent;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-section-heading {gap: 8px; flex-wrap: wrap; margin-bottom: 18px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-section-heading h2 {font-size: 18px; margin-right: auto;}
:where(body[data-site-page="poster.php"]) .poster-template-editor #poster-close-library {order: 5;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-template-card {background: #20242c;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-template-card h3 {font-size: 14px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-template-actions .button {font-size: 11px;}
:where(body[data-site-page="poster.php"]) .poster-workspace-compact-bar,
:where(body[data-site-page="poster.php"]) .poster-workspace-drawer-close {display: none;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-help {padding: 12px; border-top: 1px solid var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-help summary,
:where(body[data-site-page="poster.php"]) .poster-workspace-tool-group summary {font: 500 11px system-ui, sans-serif; color: var(--ui-text-muted); cursor: pointer; min-height: 28px; align-content: center;}
:where(body[data-site-page="poster.php"]) .poster-template-editor #poster-workspace-basic-help,
:where(body[data-site-page="poster.php"]) .poster-template-editor #poster-workspace-properties-help {padding: 12px;}
@media (min-width: 901px) and (max-width: 1190px) {:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace,
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace.has-designer {grid-template-columns: var(--poster-tools-width,240px) minmax(130px,1fr) 272px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-heading {padding: 10px 12px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel > header {padding: 8px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel > header h2,
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-zoom label {display: none;}}
@media (max-width: 900px) {:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-zoom .button {width: 44px; height: 44px; min-height: 44px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-zoom select {height: 44px; min-height: 44px;}
:where(body[data-site-page="poster.php"]) .poster-workspace-insert-palette {flex-basis: 44px; width: 44px; padding: 6px 1px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-insert-palette > .button {flex-basis: 44px; height: 44px; min-height: 44px; width: 40px; padding: 8px;}
:where(body[data-site-page="poster.php"]) .poster-app.poster-template-editor {min-height: min(450px, calc(100dvh - var(--site-navigation-bottom-height,0px)));}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace,
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace.has-designer {display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel {grid-column: 1; grid-row: 1; order: 0;}
:where(body[data-site-page="poster.php"]) .poster-workspace-compact-bar {display: flex; justify-content: space-between; flex: none; padding: 6px 10px; gap: 8px; border-bottom: 1px solid var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-workspace-tools,
:where(body[data-site-page="poster.php"]) .poster-workspace-sidebar {display: none; position: fixed; z-index: 45; left: var(--site-navigation-width,56px); right: 0; bottom: var(--site-navigation-bottom-height,0px); width: auto; height: min(66dvh,620px); max-height: calc(100dvh - 80px - var(--site-navigation-bottom-height,0px)); border: 1px solid var(--ui-border); border-radius: 10px 10px 0 0; box-shadow: 0 -15px 65px #0009;}
:where(body[data-site-page="poster.php"]) .poster-workspace-tools.is-open {display: block;}
:where(body[data-site-page="poster.php"]) .poster-workspace-sidebar.is-open {display: flex;}
:where(body[data-site-page="poster.php"]) .poster-workspace-drawer-close {display: block; position: sticky; top: 0; z-index: 1; margin: 8px 10px 6px auto; min-height: 36px; padding: 6px 13px; font: 600 12px system-ui, sans-serif; color: var(--ui-text); background: var(--ui-secondary); border: 1px solid var(--ui-border); border-radius: 5px; flex: none;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-heading {gap: 10px; min-height: 60px; padding: 9px 10px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-template-switch span {display: none;}
:where(body[data-site-page="poster.php"]) .poster-workspace-actions {gap: 5px; flex-wrap: wrap; justify-content: flex-end;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-heading h1 {max-width: 200px; font-size: 14px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-heading .button {min-height: 36px; font-size: 11px; padding: 6px 8px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-stage {padding: 43px 18px 20px 43px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-fields {grid-template-columns: repeat(2,minmax(0,1fr));}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-format-checks {grid-template-columns: repeat(2,minmax(0,1fr));}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-tabs button {min-height: 44px; font-size: 12px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-panel-title {padding-top: 0;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-template-library {padding: 18px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-template-grid {grid-template-columns: repeat(2,minmax(0,1fr));}}
@media (max-width: 520px) {:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-heading {flex-wrap: wrap; gap: 8px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-heading-title {width: 100%;}
:where(body[data-site-page="poster.php"]) .poster-workspace-title-row {gap: 8px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-template-switch select {width: min(45vw, 180px);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-heading h1 {max-width: none; font-size: 13px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-heading .poster-eyebrow {display: none;}
:where(body[data-site-page="poster.php"]) .poster-workspace-actions {width: 100%; justify-content: space-between;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel > header {padding: 7px 10px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel > header h2,
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-zoom label {display: none;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-compact-bar .button {font-size: 11px; padding: 6px 9px; min-height: 38px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-template-grid {grid-template-columns: 1fr;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-template-library-dialog {width: calc(100vw - 22px); max-width: calc(100vw - 22px);}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-panel > .poster-help {max-height: 45px;}}
@media (max-width:900px) {/* iOS must not zoom the entire workspace when a field receives focus. */
:where(body[data-site-page="poster.php"]) .poster-template-editor input:not([type=checkbox]):not([type=color]),
:where(body[data-site-page="poster.php"]) .poster-template-editor select,
:where(body[data-site-page="poster.php"]) .poster-template-editor textarea,
:where(body[data-site-page="poster.php"]) .poster-template-assets input,
:where(body[data-site-page="poster.php"]) .poster-template-assets select,
:where(body[data-site-page="poster.php"]) .poster-template-assets textarea {font-size: 16px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-zoom select {font-size: 16px; width: 94px;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-workspace-zoom output {display: none;}}
:where(body[data-site-page="poster.php"]) .poster-workspace-resizer {position: absolute; z-index: 6; top: 0; bottom: 0; left: calc(var(--poster-tools-width,300px) - 4px); width: 8px; cursor: col-resize; touch-action: none;}
:where(body[data-site-page="poster.php"]) .poster-workspace-resizer::after {content: ''; position: absolute; inset: 0 3px; background: var(--ui-border);}
:where(body[data-site-page="poster.php"]) .poster-workspace-resizer:hover::after,
:where(body[data-site-page="poster.php"]) .poster-workspace-resizer:focus-visible::after,
:where(body[data-site-page="poster.php"]) .is-resizing-tools .poster-workspace-resizer::after {background: var(--ui-accent);}
:where(body[data-site-page="poster.php"]) .poster-workspace-resizer:focus-visible {outline: 2px solid var(--ui-accent); outline-offset: -2px;}
:where(body[data-site-page="poster.php"]) .is-resizing-tools,
:where(body[data-site-page="poster.php"]) .is-resizing-tools * {cursor: col-resize !important; user-select: none !important;}
@media (max-width: 900px) {:where(body[data-site-page="poster.php"]) .poster-workspace-resizer {display: none;}}
/* Temporary spacebar hand tool changes only the viewport. */
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-stage.is-hand-tool,
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-stage.is-hand-tool * {cursor: grab !important; user-select: none; -webkit-user-select: none;}
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-stage.is-hand-panning,
:where(body[data-site-page="poster.php"]) .poster-template-editor .poster-preview-stage.is-hand-panning * {cursor: grabbing !important;}
:where(body[data-site-page="poster.php"]) #poster-workspace-panel-components .poster-component-library {margin-top: 0; border-top: 0;}


/* Source: engagement.css */
:where(body[data-site-page="engagement.php"]) .eng-app {max-width:1500px;margin:auto;padding:30px;color:var(--ui-text)}
:where(body[data-site-page="engagement.php"]) .eng-app h1 {font-size:clamp(26px,3.2vw,38px);margin:5px 0;line-height:1.2}
:where(body[data-site-page="engagement.php"]) .eng-app h2 {font-size:24px;margin:4px 0;line-height:1.3}
:where(body[data-site-page="engagement.php"]) .eng-app h3 {font-size:18px;margin:8px 0;line-height:1.4}
:where(body[data-site-page="engagement.php"]) .eng-app p {line-height:1.55}
:where(body[data-site-page="engagement.php"]) .eng-header,
:where(body[data-site-page="engagement.php"]) .eng-actions,
:where(body[data-site-page="engagement.php"]) .eng-list-heading,
:where(body[data-site-page="engagement.php"]) .eng-dialog-heading,
:where(body[data-site-page="engagement.php"]) .eng-card-heading {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
:where(body[data-site-page="engagement.php"]) .eng-header,
:where(body[data-site-page="engagement.php"]) .eng-list-heading,
:where(body[data-site-page="engagement.php"]) .eng-dialog-heading,
:where(body[data-site-page="engagement.php"]) .eng-card-heading {justify-content:space-between}
:where(body[data-site-page="engagement.php"]) .eng-header {margin-bottom:25px}
:where(body[data-site-page="engagement.php"]) .eng-header p {margin:5px 0}
:where(body[data-site-page="engagement.php"]) .eng-eyebrow {font-size:11px;font-weight:750;letter-spacing:.13em;color:var(--ui-text-muted);margin:0}
:where(body[data-site-page="engagement.php"]) .eng-app .button {min-height:44px;padding:10px 15px;font-size:14px;white-space:normal;text-align:center;line-height:1.35}
:where(body[data-site-page="engagement.php"]) .eng-app button:disabled {opacity:.55;cursor:wait}
:where(body[data-site-page="engagement.php"]) .eng-toolbar {padding:20px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:14px}
:where(body[data-site-page="engagement.php"]) .eng-tabs {display:flex;gap:8px;margin-bottom:18px}
:where(body[data-site-page="engagement.php"]) .eng-filters {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
:where(body[data-site-page="engagement.php"]) .eng-app label {display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650}
:where(body[data-site-page="engagement.php"]) .eng-app select,
:where(body[data-site-page="engagement.php"]) .eng-app input,
:where(body[data-site-page="engagement.php"]) .eng-app textarea {font:inherit;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:7px;min-height:44px;padding:10px;width:100%;box-sizing:border-box}
:where(body[data-site-page="engagement.php"]) .eng-app textarea {resize:vertical;line-height:1.55}
:where(body[data-site-page="engagement.php"]) .eng-search {grid-column:span 2}
:where(body[data-site-page="engagement.php"]) .eng-list-heading {margin:22px 0 0}
:where(body[data-site-page="engagement.php"]) .eng-help {font-size:13px;color:var(--ui-text-muted)}
:where(body[data-site-page="engagement.php"]) .eng-list-heading p {font-weight:650}
:where(body[data-site-page="engagement.php"]) .eng-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
:where(body[data-site-page="engagement.php"]) .eng-card {background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;min-width:0}
:where(body[data-site-page="engagement.php"]) .eng-card .eng-card-actions {margin-top:auto;padding-top:15px}
:where(body[data-site-page="engagement.php"]) .eng-card .eng-caption {font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
:where(body[data-site-page="engagement.php"]) .eng-tag {display:inline-flex;padding:4px 8px;border-radius:5px;background:var(--ui-surface-muted);font-size:12px;line-height:1.5;font-weight:600}
:where(body[data-site-page="engagement.php"]) .eng-tag.new {background:var(--ui-surface-muted);color:var(--ui-text-muted)}
:where(body[data-site-page="engagement.php"]) .eng-tag.ready {background:#def2e8;color:#17573c}
:where(body[data-site-page="engagement.php"]) .eng-tag.error,
:where(body[data-site-page="engagement.php"]) .eng-tag.partial,
:where(body[data-site-page="engagement.php"]) .eng-tag.uncertain {background:#fff0d7;color:#7a4a12}
:where(body[data-site-page="engagement.php"]) .eng-tag.unavailable {background:var(--ui-surface-muted);color:var(--ui-text-muted)}
:where(body[data-site-page="engagement.php"]) .eng-status-tags {display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
:where(body[data-site-page="engagement.php"]) .eng-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
:where(body[data-site-page="engagement.php"]) .eng-metric {min-width:0;border-left:2px solid var(--ui-border);padding-left:10px}
:where(body[data-site-page="engagement.php"]) .eng-metric dt {font-size:12px;color:var(--ui-text-muted);line-height:1.4}
:where(body[data-site-page="engagement.php"]) .eng-metric dd {font-size:22px;line-height:1.3;font-weight:700;margin:5px 0;overflow-wrap:anywhere}
:where(body[data-site-page="engagement.php"]) .eng-metric dd.unavailable {font-size:12px;font-weight:500;color:var(--ui-text-muted)}
:where(body[data-site-page="engagement.php"]) .eng-metric small {display:block;color:var(--ui-text-muted);font-size:11px}
:where(body[data-site-page="engagement.php"]) .eng-note {background:var(--ui-surface-muted);padding:12px 15px;border-radius:7px;font-size:13px;color:var(--ui-text-muted);white-space:pre-wrap}
:where(body[data-site-page="engagement.php"]) .eng-note.warning {background:#fff3e0;color:#72501e}
:where(body[data-site-page="engagement.php"]) .eng-empty {grid-column:1/-1;background:var(--ui-surface);border:1px dashed var(--ui-border);border-radius:14px;padding:32px;min-width:0}
:where(body[data-site-page="engagement.php"]) .eng-empty h2 {font-size:22px}
:where(body[data-site-page="engagement.php"]) .eng-app [hidden] {display:none!important}
:where(body[data-site-page="engagement.php"]) .eng-app a {color:var(--ui-secondary-text);text-underline-offset:3px}
:where(body[data-site-page="engagement.php"]) .eng-app :focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px}
:where(body[data-site-page="engagement.php"]) .eng-app dialog {color:var(--ui-text);background:var(--ui-surface);border:0;border-radius:16px;padding:25px;width:min(860px,calc(100vw - 28px));max-height:90dvh;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}
:where(body[data-site-page="engagement.php"]) .eng-app dialog::backdrop {background:var(--ui-overlay);backdrop-filter:blur(2px)}
:where(body[data-site-page="engagement.php"]) .eng-app #eng-action {width:min(620px,calc(100vw - 28px))}
:where(body[data-site-page="engagement.php"]) .eng-dialog-heading {align-items:flex-start;border-bottom:1px solid var(--ui-border);padding-bottom:18px;margin-bottom:18px}
:where(body[data-site-page="engagement.php"]) .eng-dialog-heading>div {min-width:0;flex:1}
:where(body[data-site-page="engagement.php"]) .eng-detail-caption,
:where(body[data-site-page="engagement.php"]) .eng-comment-text {white-space:pre-wrap;overflow-wrap:anywhere}
:where(body[data-site-page="engagement.php"]) .eng-comments-heading {margin-top:28px;padding-top:20px;border-top:1px solid var(--ui-border)}
:where(body[data-site-page="engagement.php"]) .eng-comments-toolbar {display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:16px 0}
:where(body[data-site-page="engagement.php"]) .eng-comments-toolbar label {flex:1;min-width:150px}
:where(body[data-site-page="engagement.php"]) .eng-comments-list {display:grid;gap:12px}
:where(body[data-site-page="engagement.php"]) .eng-comment {border:1px solid var(--ui-border);border-radius:10px;padding:16px;min-width:0}
:where(body[data-site-page="engagement.php"]) .eng-comment.is-unread {border-left:4px solid var(--ui-border)}
:where(body[data-site-page="engagement.php"]) .eng-comment.is-own {background:var(--ui-surface-muted)}
:where(body[data-site-page="engagement.php"]) .eng-comment.is-reply {margin-left:25px}
:where(body[data-site-page="engagement.php"]) .eng-comment-title {display:flex;gap:8px;align-items:center;flex-wrap:wrap}
:where(body[data-site-page="engagement.php"]) .eng-comment time {font-size:12px;color:var(--ui-text-muted)}
:where(body[data-site-page="engagement.php"]) .eng-comment .eng-comment-text {margin:10px 0;font-size:14px}
:where(body[data-site-page="engagement.php"]) .eng-comment .eng-actions {gap:7px}
:where(body[data-site-page="engagement.php"]) .eng-comment .button {padding:7px 10px;font-size:12px;min-height:40px}
:where(body[data-site-page="engagement.php"]) .eng-comment-facts {font-size:12px;color:var(--ui-text-muted)}
:where(body[data-site-page="engagement.php"]) .eng-operations {margin:20px 0}
:where(body[data-site-page="engagement.php"]) .eng-app #eng-message:not(:empty),
:where(body[data-site-page="engagement.php"]) .eng-app #eng-detail-message:not(:empty) {padding:12px 15px;background:var(--ui-surface-muted);border-radius:8px;margin:15px 0;overflow-wrap:anywhere}
:where(body[data-site-page="engagement.php"]) .eng-app #eng-action-message {color:#a33927;white-space:pre-wrap}
:where(body[data-site-page="engagement.php"]) .eng-app #eng-action-form footer {margin-top:20px;padding-top:18px;border-top:1px solid var(--ui-border)}
:where(body[data-site-page="engagement.php"]) .eng-app #eng-action-review {background:var(--ui-surface-muted);padding:15px;border-radius:7px;margin-top:15px}
:where(body[data-site-page="engagement.php"]) .eng-app #eng-action-target {max-height:150px;overflow:auto}
:where(body[data-site-page="engagement.php"]) .eng-app .eng-thumb {width:55px;height:55px;object-fit:cover;background:var(--ui-surface-muted);border-radius:6px}
:where(body[data-site-page="engagement.php"]) .eng-app .eng-card-heading>div {display:flex;gap:8px;align-items:center;min-width:0}
:where(body[data-site-page="engagement.php"]) .eng-app article,
:where(body[data-site-page="engagement.php"]) .eng-app label,
:where(body[data-site-page="engagement.php"]) .eng-app .eng-actions {min-width:0}
:where(body[data-site-page="engagement.php"]) .eng-app h1,
:where(body[data-site-page="engagement.php"]) .eng-app h2,
:where(body[data-site-page="engagement.php"]) .eng-app h3,
:where(body[data-site-page="engagement.php"]) .eng-app p,
:where(body[data-site-page="engagement.php"]) .eng-app a {overflow-wrap:anywhere}
:where(body[data-site-page="engagement.php"]) .eng-app .eng-progress {font-size:13px;color:var(--ui-text-muted)}
:where(body[data-site-page="engagement.php"]) .eng-card .eng-help {margin:7px 0}
:where(body[data-site-page="engagement.php"]) .eng-card-actions .button {flex:1}
:where(body[data-site-page="engagement.php"]) .eng-bottom-actions {margin-top:18px}
:where(body[data-site-page="engagement.php"]) .eng-coverage {margin-top:12px;font-size:12px;color:var(--ui-text-muted)}
@media(max-width:1150px) {:where(body[data-site-page="engagement.php"]) .eng-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
:where(body[data-site-page="engagement.php"]) .eng-filters {grid-template-columns:repeat(3,minmax(0,1fr))}
:where(body[data-site-page="engagement.php"]) .eng-search {grid-column:span 1}}
@media(max-width:700px) {:where(body[data-site-page="engagement.php"]) .eng-app {padding:18px 12px}
:where(body[data-site-page="engagement.php"]) .eng-header {gap:16px}
:where(body[data-site-page="engagement.php"]) .eng-header>.eng-actions {width:100%}
:where(body[data-site-page="engagement.php"]) .eng-header>.eng-actions .button {flex:1}
:where(body[data-site-page="engagement.php"]) .eng-grid {grid-template-columns:1fr}
:where(body[data-site-page="engagement.php"]) .eng-filters {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
:where(body[data-site-page="engagement.php"]) .eng-toolbar,
:where(body[data-site-page="engagement.php"]) .eng-card {padding:16px}
:where(body[data-site-page="engagement.php"]) .eng-app dialog {padding:18px;max-height:94dvh}
:where(body[data-site-page="engagement.php"]) .eng-dialog-heading h2 {font-size:22px}
:where(body[data-site-page="engagement.php"]) .eng-app .eng-metrics {gap:9px}
:where(body[data-site-page="engagement.php"]) .eng-app .eng-metric dd {font-size:20px}
:where(body[data-site-page="engagement.php"]) .eng-app .eng-metric dd.unavailable {font-size:12px}
:where(body[data-site-page="engagement.php"]) .eng-comment.is-reply {margin-left:12px}
:where(body[data-site-page="engagement.php"]) .eng-comment {padding:12px}
:where(body[data-site-page="engagement.php"]) .eng-list-heading .eng-actions {width:100%}
:where(body[data-site-page="engagement.php"]) .eng-list-heading .eng-actions .button {flex:1}
:where(body[data-site-page="engagement.php"]) .eng-app #eng-action-form footer .button {flex:1}
:where(body[data-site-page="engagement.php"]) .eng-app .eng-comments-toolbar .button {flex:1}
:where(body[data-site-page="engagement.php"]) .eng-app #eng-action-title {max-width:70%}}
@media(prefers-reduced-motion:no-preference) {:where(body[data-site-page="engagement.php"]) .eng-app [aria-busy=true] {opacity:.7;transition:opacity .15s}}
:where(body[data-site-page="engagement.php"]) .eng-history {margin:18px 0}
:where(body[data-site-page="engagement.php"]) .eng-history summary {font-weight:650;cursor:pointer;padding:10px 0}
:where(body[data-site-page="engagement.php"]) .eng-table-wrap {overflow-x:auto}
:where(body[data-site-page="engagement.php"]) .eng-history table {border-collapse:collapse;width:100%;font-size:13px;text-align:left}
:where(body[data-site-page="engagement.php"]) .eng-history th,
:where(body[data-site-page="engagement.php"]) .eng-history td {padding:10px;border-bottom:1px solid var(--ui-border);white-space:nowrap}
:where(body[data-site-page="engagement.php"]) .eng-app #eng-resolve {width:min(620px,calc(100vw - 28px))}
:where(body[data-site-page="engagement.php"]) .eng-tabs {flex-wrap:wrap}
:where(body[data-site-page="engagement.php"]) .eng-grid.eng-inbox {grid-template-columns:repeat(2,minmax(0,1fr))}
:where(body[data-site-page="engagement.php"]) .eng-inbox-note {grid-column:1/-1;margin:2px 0}
:where(body[data-site-page="engagement.php"]) .eng-inbox-comment {background:var(--ui-surface);padding:20px;display:flex;flex-direction:column}
:where(body[data-site-page="engagement.php"]) .eng-inbox-comment h3 {font-size:15px;font-weight:600;margin:12px 0 17px}
:where(body[data-site-page="engagement.php"]) .eng-inbox-source {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
:where(body[data-site-page="engagement.php"]) .eng-inbox-comment>.eng-actions {margin-top:auto;padding-top:12px}
:where(body[data-site-page="engagement.php"]) .eng-app #eng-resolve-message {color:#a33927}
@media(max-width:750px) {:where(body[data-site-page="engagement.php"]) .eng-grid.eng-inbox {grid-template-columns:1fr}
:where(body[data-site-page="engagement.php"]) .eng-inbox-comment {padding:16px}}
:where(body[data-site-page="engagement.php"]) .eng-setup {border-top:1px solid var(--ui-border);margin-top:28px;padding-top:12px}
:where(body[data-site-page="engagement.php"]) .eng-setup .eng-actions {gap:10px 22px}


/* Source: manual.css */
:where(body[data-site-page="manual.php"]) .manual-page {background:var(--ui-base);font-family:Poppins,Arial,sans-serif}
:where(body[data-site-page="manual.php"]) .manual-app {max-width:1380px;margin:0 auto;padding:30px 32px 50px;color:var(--ui-text);font-size:14px;line-height:1.75}
:where(body[data-site-page="manual.php"]) .manual-app * {box-sizing:border-box}
:where(body[data-site-page="manual.php"]) .manual-app [hidden] {display:none!important}
:where(body[data-site-page="manual.php"]) .manual-app h1,
:where(body[data-site-page="manual.php"]) .manual-app h2,
:where(body[data-site-page="manual.php"]) .manual-app p {margin:0}
:where(body[data-site-page="manual.php"]) .manual-app a {color:var(--ui-secondary-text);text-underline-offset:3px}
:where(body[data-site-page="manual.php"]) .manual-app :is(a,button,input,summary):focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px}
:where(body[data-site-page="manual.php"]) .manual-header {display:flex;justify-content:space-between;align-items:center;gap:26px;margin-bottom:32px}
:where(body[data-site-page="manual.php"]) .manual-app .manual-brand {display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ui-text);flex-shrink:0}
:where(body[data-site-page="manual.php"]) .manual-brand strong {font-size:23px;font-weight:600;line-height:1.3;letter-spacing:-.4px;display:block}
:where(body[data-site-page="manual.php"]) .manual-app .manual-eyebrow {font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ui-text-muted);display:block;margin-bottom:4px}
:where(body[data-site-page="manual.php"]) .manual-book {display:grid;place-items:center;width:44px;height:44px;background:var(--ui-secondary);color:var(--ui-on-secondary);border-radius:10px}
:where(body[data-site-page="manual.php"]) .manual-book svg {width:25px;height:25px}
:where(body[data-site-page="manual.php"]) .manual-search {display:flex;align-items:center;gap:8px;max-width:475px;width:100%;margin:0}
:where(body[data-site-page="manual.php"]) .manual-search input {flex:1;min-width:0;height:45px;border:1px solid var(--ui-border);border-radius:8px;padding:10px 12px;font:inherit;font-size:13px;color:var(--ui-text);background:var(--ui-surface);margin:0}
:where(body[data-site-page="manual.php"]) .manual-search button {font:inherit;font-size:13px;background:var(--ui-secondary);color:var(--ui-on-secondary);border:0;border-radius:8px;padding:11px 16px;min-height:45px;cursor:pointer}
:where(body[data-site-page="manual.php"]) .manual-layout {display:grid;grid-template-columns:228px minmax(0,1fr);gap:32px;align-items:start}
:where(body[data-site-page="manual.php"]) .manual-contents {position:sticky;top:calc(var(--site-navigation-top,0px) + 20px);max-height:calc(100dvh - var(--site-navigation-top,0px) - 40px);overflow:auto;scrollbar-width:thin;padding:0 14px 0 0}
:where(body[data-site-page="manual.php"]) .manual-contents summary {display:none;cursor:pointer;font-weight:600}
:where(body[data-site-page="manual.php"]) .manual-contents nav {padding-bottom:8px}
:where(body[data-site-page="manual.php"]) .manual-app .manual-nav-group {margin-bottom:24px}
:where(body[data-site-page="manual.php"]) .manual-app .manual-nav-group h2 {font-size:11px;font-weight:600;color:var(--ui-text-muted);letter-spacing:.03em;padding-left:11px;margin-bottom:7px}
:where(body[data-site-page="manual.php"]) .manual-nav-group ul {list-style:none;padding:0;margin:0}
:where(body[data-site-page="manual.php"]) .manual-nav-group li {margin:2px 0}
:where(body[data-site-page="manual.php"]) .manual-nav-group a {display:block;text-decoration:none;font-size:12px;line-height:1.65;padding:8px 11px;border-radius:6px;overflow-wrap:anywhere}
:where(body[data-site-page="manual.php"]) .manual-nav-group a[aria-current=page] {background:var(--ui-secondary);color:var(--ui-on-secondary);box-shadow:inset 3px 0 var(--ui-accent);font-weight:600}
:where(body[data-site-page="manual.php"]) .manual-app .manual-access-note {font-size:10px;color:var(--ui-text-muted);padding:12px 11px;border-top:1px solid var(--ui-border)}
:where(body[data-site-page="manual.php"]) .manual-content {min-width:0;outline:none}
:where(body[data-site-page="manual.php"]) .manual-article,
:where(body[data-site-page="manual.php"]) .manual-search-results {background:var(--ui-surface);border-radius:14px;padding:34px 42px 38px;box-shadow:0 4px 22px rgba(var(--ui-secondary-rgb),.025)}
:where(body[data-site-page="manual.php"]) .manual-app h1 {font-size:30px;line-height:1.35;letter-spacing:-.7px;font-weight:600;color:var(--ui-text);margin-bottom:14px;overflow-wrap:anywhere}
:where(body[data-site-page="manual.php"]) .manual-app .manual-breadcrumb {font-size:11px;color:var(--ui-text-muted);margin-bottom:20px;display:flex;gap:8px;flex-wrap:wrap}
:where(body[data-site-page="manual.php"]) .manual-breadcrumb a {text-decoration:none}
:where(body[data-site-page="manual.php"]) .manual-app .manual-lead {color:var(--ui-text-muted);font-size:15px;line-height:1.85;margin-bottom:26px;max-width:70ch}
:where(body[data-site-page="manual.php"]) .manual-on-page {background:var(--ui-surface-muted);padding:17px 20px;border-radius:8px;font-size:12px;margin-bottom:32px}
:where(body[data-site-page="manual.php"]) .manual-on-page strong {font-size:11px;font-weight:600}
:where(body[data-site-page="manual.php"]) .manual-on-page ul {margin:8px 0 0;padding-left:18px;display:grid;gap:4px}
:where(body[data-site-page="manual.php"]) .manual-on-page a {text-decoration:none}
:where(body[data-site-page="manual.php"]) .manual-section {margin-bottom:30px;max-width:75ch}
:where(body[data-site-page="manual.php"]) .manual-section h2 {font-size:20px;line-height:1.5;font-weight:600;scroll-margin-top:35px;padding-bottom:10px;overflow-wrap:anywhere}
:where(body[data-site-page="manual.php"]) .manual-app .manual-anchor {font-size:15px;text-decoration:none;margin-left:9px;color:var(--ui-text-muted);opacity:0}
:where(body[data-site-page="manual.php"]) .manual-section h2:hover .manual-anchor,
:where(body[data-site-page="manual.php"]) .manual-anchor:focus-visible {opacity:1}
:where(body[data-site-page="manual.php"]) .manual-section p+p {margin-top:12px}
:where(body[data-site-page="manual.php"]) .manual-section ol {padding-left:24px;margin:14px 0}
:where(body[data-site-page="manual.php"]) .manual-section li {padding-left:7px;margin-bottom:10px}
:where(body[data-site-page="manual.php"]) .manual-section li::marker {color:var(--ui-secondary-text);font-weight:600}
:where(body[data-site-page="manual.php"]) .manual-app .manual-note {background:var(--ui-surface-muted);border-left:3px solid var(--ui-accent);border-radius:0 7px 7px 0;font-size:12px;line-height:1.85;padding:15px 17px;margin:18px 0}
:where(body[data-site-page="manual.php"]) .manual-app .manual-open {display:inline-flex;align-items:center;gap:20px;text-decoration:none;font-size:12px;font-weight:600;min-height:44px;background:var(--ui-secondary);color:var(--ui-on-secondary);border-radius:8px;padding:11px 16px;max-width:100%;overflow-wrap:anywhere}
:where(body[data-site-page="manual.php"]) .manual-open span {font-size:18px}
:where(body[data-site-page="manual.php"]) .manual-pagination {display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
:where(body[data-site-page="manual.php"]) .manual-pagination a {background:var(--ui-surface);border:1px solid transparent;text-decoration:none;border-radius:9px;padding:14px 20px;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}
:where(body[data-site-page="manual.php"]) .manual-pagination a:last-child {text-align:right}
:where(body[data-site-page="manual.php"]) .manual-pagination small {font-size:10px;color:var(--ui-text-muted)}
:where(body[data-site-page="manual.php"]) .manual-pagination strong {font-size:12px;font-weight:600}
:where(body[data-site-page="manual.php"]) .manual-app #manual-results-count {font-size:12px;color:var(--ui-text-muted);margin-bottom:22px}
:where(body[data-site-page="manual.php"]) .manual-result {display:block;text-decoration:none;border-bottom:1px solid var(--ui-border);padding:20px 0}
:where(body[data-site-page="manual.php"]) .manual-result:first-child {padding-top:0}
:where(body[data-site-page="manual.php"]) .manual-result small {font-size:10px;color:var(--ui-text-muted)}
:where(body[data-site-page="manual.php"]) .manual-result h2 {font-size:18px;font-weight:600;line-height:1.5;margin:4px 0!important}
:where(body[data-site-page="manual.php"]) .manual-result p {color:var(--ui-text-muted);font-size:12px}
:where(body[data-site-page="manual.php"]) .manual-result span {display:block;font-size:11px;margin-top:12px}
:where(body[data-site-page="manual.php"]) .manual-back {font-size:12px;display:inline-block;margin-top:22px;padding:8px 0}
:where(body[data-site-page="manual.php"]) .manual-sr-only,
:where(body[data-site-page="manual.php"]) .manual-skip:not(:focus) {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
:where(body[data-site-page="manual.php"]) .manual-skip:focus {position:fixed;top:8px;left:80px;z-index:200;background:var(--ui-surface);color:var(--ui-text);padding:14px}
@media(hover:hover) {:where(body[data-site-page="manual.php"]) .manual-nav-group a:not([aria-current]):hover {background:var(--ui-surface)}
:where(body[data-site-page="manual.php"]) .manual-result:hover h2,
:where(body[data-site-page="manual.php"]) .manual-on-page a:hover {text-decoration:underline}
:where(body[data-site-page="manual.php"]) .manual-pagination a:hover {border-color:var(--ui-border)}}
@media(max-width:1100px) {:where(body[data-site-page="manual.php"]) .manual-app {padding:26px 24px}
:where(body[data-site-page="manual.php"]) .manual-layout {grid-template-columns:195px minmax(0,1fr);gap:22px}
:where(body[data-site-page="manual.php"]) .manual-article,
:where(body[data-site-page="manual.php"]) .manual-search-results {padding:28px}
:where(body[data-site-page="manual.php"]) .manual-header {gap:20px}
:where(body[data-site-page="manual.php"]) .manual-brand strong {font-size:21px}}
@media(max-width:900px) {:where(body[data-site-page="manual.php"]) .manual-app {padding:22px 20px}
:where(body[data-site-page="manual.php"]) .manual-layout {display:block}
:where(body[data-site-page="manual.php"]) .manual-contents {position:static;max-height:none;margin-bottom:18px;background:var(--ui-surface);padding:0;border-radius:9px;overflow:visible}
:where(body[data-site-page="manual.php"]) .manual-contents summary {display:list-item;padding:13px 16px;font-size:12px}
:where(body[data-site-page="manual.php"]) .manual-contents nav {padding:12px 14px}
:where(body[data-site-page="manual.php"]) .manual-nav-group a {min-height:44px;display:flex;align-items:center}
:where(body[data-site-page="manual.php"]) .manual-contents[open] nav {display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
:where(body[data-site-page="manual.php"]) .manual-access-note {margin:0 14px!important}
:where(body[data-site-page="manual.php"]) .manual-header {flex-wrap:wrap;gap:18px;margin-bottom:20px}
:where(body[data-site-page="manual.php"]) .manual-search {max-width:none}
:where(body[data-site-page="manual.php"]) .manual-app .manual-nav-group {margin-bottom:10px}
:where(body[data-site-page="manual.php"]) .manual-article,
:where(body[data-site-page="manual.php"]) .manual-search-results {padding:26px}
:where(body[data-site-page="manual.php"]) .manual-app h1 {font-size:28px}}
@media(max-width:520px) {:where(body[data-site-page="manual.php"]) .manual-app {padding:20px 12px 30px}
:where(body[data-site-page="manual.php"]) .manual-book {width:36px;height:36px;border-radius:8px}
:where(body[data-site-page="manual.php"]) .manual-book svg {width:22px;height:22px}
:where(body[data-site-page="manual.php"]) .manual-brand strong {font-size:20px}
:where(body[data-site-page="manual.php"]) .manual-app .manual-eyebrow {font-size:9px}
:where(body[data-site-page="manual.php"]) .manual-search input {font-size:16px;padding:10px;width:100%}
:where(body[data-site-page="manual.php"]) .manual-search input::placeholder {font-size:12px}
:where(body[data-site-page="manual.php"]) .manual-search button {padding:11px 13px}
:where(body[data-site-page="manual.php"]) .manual-article,
:where(body[data-site-page="manual.php"]) .manual-search-results {padding:22px 18px}
:where(body[data-site-page="manual.php"]) .manual-app h1 {font-size:24px}
:where(body[data-site-page="manual.php"]) .manual-app .manual-lead {font-size:13px}
:where(body[data-site-page="manual.php"]) .manual-app {font-size:13px}
:where(body[data-site-page="manual.php"]) .manual-section h2 {font-size:18px}
:where(body[data-site-page="manual.php"]) .manual-on-page {padding:14px}
:where(body[data-site-page="manual.php"]) .manual-contents[open] nav {display:block}
:where(body[data-site-page="manual.php"]) .manual-pagination {gap:10px}
:where(body[data-site-page="manual.php"]) .manual-pagination a {padding:13px 12px}
:where(body[data-site-page="manual.php"]) .manual-app .manual-note {padding:13px}
:where(body[data-site-page="manual.php"]) .manual-app .manual-anchor {opacity:1}
:where(body[data-site-page="manual.php"]) .manual-section {margin-bottom:26px}
:where(body[data-site-page="manual.php"]) .manual-app .manual-open {gap:12px}}
@media print {:where(body[data-site-page="manual.php"]) .site-navigation,
:where(body[data-site-page="manual.php"]) .manual-header,
:where(body[data-site-page="manual.php"]) .manual-contents,
:where(body[data-site-page="manual.php"]) .manual-pagination,
:where(body[data-site-page="manual.php"]) .manual-open,
:where(body[data-site-page="manual.php"]) .manual-anchor {display:none!important}
:where(body[data-site-page="manual.php"]) .manual-layout {display:block}
:where(body[data-site-page="manual.php"]) .manual-app {padding:0;max-width:none}
:where(body[data-site-page="manual.php"]) .manual-article {padding:0;box-shadow:none}
:where(body[data-site-page="manual.php"]) .manual-page {padding-left:0!important;background:white}
:where(body[data-site-page="manual.php"]) .manual-on-page {break-inside:avoid}}


/* Source: profile.css */
:where(body[data-site-page="profile.php"]) .profile-page {background:var(--ui-base);font-family:Poppins,Arial,sans-serif}
:where(body[data-site-page="profile.php"]) .profile-app {max-width:1130px;margin:0 auto;padding:32px 34px 40px;color:var(--ui-text);font-size:14px;line-height:1.6}
:where(body[data-site-page="profile.php"]) .profile-app * {box-sizing:border-box}
:where(body[data-site-page="profile.php"]) .profile-app [hidden] {display:none!important}
:where(body[data-site-page="profile.php"]) .profile-app h1,
:where(body[data-site-page="profile.php"]) .profile-app h2,
:where(body[data-site-page="profile.php"]) .profile-app p {margin:0}
:where(body[data-site-page="profile.php"]) .profile-app .p-heading {margin-bottom:27px}
:where(body[data-site-page="profile.php"]) .profile-app .p-eyebrow {font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--ui-text-muted);font-weight:600;margin-bottom:5px}
:where(body[data-site-page="profile.php"]) .profile-app h1 {color:var(--ui-secondary-text);font-size:30px;line-height:1.25;font-weight:600;letter-spacing:-.6px}
:where(body[data-site-page="profile.php"]) .profile-app .p-heading>p:last-child {font-size:12px;color:var(--ui-text-muted);margin-top:8px}
:where(body[data-site-page="profile.php"]) .profile-app h2 {font-size:16px;font-weight:600;line-height:1.4}
:where(body[data-site-page="profile.php"]) .profile-app .p-layout {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;align-items:start}
:where(body[data-site-page="profile.php"]) .profile-app .p-card {min-width:0;padding:25px;background:var(--ui-surface);border-radius:12px;box-shadow:0 4px 18px rgba(var(--ui-secondary-rgb),.025)}
:where(body[data-site-page="profile.php"]) .profile-app .p-current {display:flex;align-items:center;gap:20px;margin:25px 0}
:where(body[data-site-page="profile.php"]) .profile-app .p-avatar {position:relative;width:112px;height:112px;border-radius:50%;overflow:hidden;flex:none;background:var(--ui-secondary-soft);color:var(--ui-on-secondary-soft);display:grid;place-items:center;font-size:36px;font-weight:600}
:where(body[data-site-page="profile.php"]) .profile-app .p-avatar img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
:where(body[data-site-page="profile.php"]) .profile-app .p-current-copy {min-width:0;overflow-wrap:anywhere}
:where(body[data-site-page="profile.php"]) .profile-app .p-current-copy strong {font-size:15px;font-weight:600}
:where(body[data-site-page="profile.php"]) .profile-app .p-current-copy p {font-size:12px;color:var(--ui-text-muted);margin-top:5px}
:where(body[data-site-page="profile.php"]) .profile-app .p-drop {width:100%;min-height:164px;border:1px dashed var(--ui-border);border-radius:9px;color:var(--ui-secondary-text);background:var(--ui-surface-muted);padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;text-align:center;font:inherit}
:where(body[data-site-page="profile.php"]) .profile-app .p-drop svg {height:27px;width:27px;margin-bottom:7px}
:where(body[data-site-page="profile.php"]) .profile-app .p-drop strong {font-size:13px;font-weight:600}
:where(body[data-site-page="profile.php"]) .profile-app .p-drop span {font-size:12px;color:var(--ui-text-muted)}
:where(body[data-site-page="profile.php"]) .profile-app .p-drop small {font-size:10px;letter-spacing:.06em;color:var(--ui-text-muted);margin-top:5px}
:where(body[data-site-page="profile.php"]) .profile-app .p-drop.is-dragover {border-color:var(--ui-secondary);outline:2px solid var(--ui-secondary);outline-offset:-2px;background:var(--ui-secondary-soft)}
:where(body[data-site-page="profile.php"]) .profile-app .p-file {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:where(body[data-site-page="profile.php"]) .profile-app .p-help {font-size:11px;line-height:1.75;color:var(--ui-text-muted);margin-top:13px;overflow-wrap:anywhere}
:where(body[data-site-page="profile.php"]) .profile-app .p-actions {display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}
:where(body[data-site-page="profile.php"]) .profile-app .p-actions:has(button[hidden]):not(:has(button:not([hidden]))) {display:none}
:where(body[data-site-page="profile.php"]) .profile-app .p-button {min-height:42px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--ui-border) 65%,transparent);border-radius:7px;color:var(--ui-text);background:var(--ui-surface);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
:where(body[data-site-page="profile.php"]) .profile-app .p-primary {border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}
:where(body[data-site-page="profile.php"]) .profile-app .p-remove {color:var(--ui-danger)}
:where(body[data-site-page="profile.php"]) .profile-app button:disabled {cursor:default;opacity:.5}
:where(body[data-site-page="profile.php"]) .profile-app :is(button,a,input):focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px}
:where(body[data-site-page="profile.php"]) .profile-app .p-text-button {display:inline-flex;align-items:center;gap:8px;min-height:40px;border:0;padding:8px 0;color:var(--ui-secondary-text);background:none;font:inherit;font-size:12px;cursor:pointer;text-decoration:none;text-align:left}
:where(body[data-site-page="profile.php"]) .profile-app .p-status {font-size:12px;line-height:1.7;margin-top:15px;overflow-wrap:anywhere}
:where(body[data-site-page="profile.php"]) .profile-app .p-status:empty {display:none}
:where(body[data-site-page="profile.php"]) .profile-app .p-status.is-error {color:var(--ui-danger)}
:where(body[data-site-page="profile.php"]) .profile-app progress {width:100%;height:5px;margin-top:18px;accent-color:var(--ui-accent)}
:where(body[data-site-page="profile.php"]) .profile-app .p-details dl {margin:24px 0 0}
:where(body[data-site-page="profile.php"]) .profile-app .p-details dl>div {padding:0 0 17px;margin-bottom:17px;border-bottom:1px solid color-mix(in srgb,var(--ui-border) 45%,transparent)}
:where(body[data-site-page="profile.php"]) .profile-app .p-details dt {font-size:11px;color:var(--ui-text-muted);margin-bottom:4px}
:where(body[data-site-page="profile.php"]) .profile-app .p-details dd {font-size:14px;font-weight:600;margin:0;overflow-wrap:anywhere}
:where(body[data-site-page="profile.php"]) .profile-app .p-details .p-text-button {margin-top:14px}
:where(body[data-site-page="profile.php"]) .profile-app .p-shadow {font-size:12px;line-height:1.7;color:var(--ui-warning);background:var(--ui-warning-soft);padding:12px 15px;border-radius:8px;margin-bottom:20px}
@media(hover:hover) {:where(body[data-site-page="profile.php"]) .profile-app .p-drop:not(:disabled):hover {border-color:var(--ui-secondary);background:var(--ui-secondary-soft)}
:where(body[data-site-page="profile.php"]) .profile-app .p-button:not(:disabled):hover {filter:brightness(.97)}
:where(body[data-site-page="profile.php"]) .profile-app .p-text-button:hover {text-decoration:underline}}
@media(max-width:860px) {:where(body[data-site-page="profile.php"]) .profile-app {padding:26px 23px}
:where(body[data-site-page="profile.php"]) .profile-app .p-layout {grid-template-columns:1fr;max-width:620px}
:where(body[data-site-page="profile.php"]) .profile-app .p-card {padding:23px}}
@media(max-width:480px) {:where(body[data-site-page="profile.php"]) .profile-app {padding:22px 14px 30px}
:where(body[data-site-page="profile.php"]) .profile-app h1 {font-size:26px}
:where(body[data-site-page="profile.php"]) .profile-app .p-card {padding:19px}
:where(body[data-site-page="profile.php"]) .profile-app .p-current {gap:14px}
:where(body[data-site-page="profile.php"]) .profile-app .p-avatar {width:88px;height:88px;font-size:28px}
:where(body[data-site-page="profile.php"]) .profile-app .p-current-copy strong {font-size:13px}
:where(body[data-site-page="profile.php"]) .profile-app .p-drop {padding:17px 12px}
:where(body[data-site-page="profile.php"]) .profile-app .p-drop span {font-size:11px}
:where(body[data-site-page="profile.php"]) .profile-app .p-layout {gap:16px}
:where(body[data-site-page="profile.php"]) .profile-app .p-button {min-height:44px}}
@media(max-width:350px) {:where(body[data-site-page="profile.php"]) .profile-app {padding:20px 12px 28px}
:where(body[data-site-page="profile.php"]) .profile-app .p-card {padding:16px}
:where(body[data-site-page="profile.php"]) .profile-app .p-current {align-items:flex-start;flex-direction:column;gap:13px}}


/* Source: social.css */
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app {max-width:1200px;margin:36px auto;padding:24px;color:var(--ui-text)}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app h1 {font-size:clamp(28px,4vw,42px);line-height:1.2;margin:.4em 0}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app h2 {font-size:25px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app p {line-height:1.55}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .eyebrow {letter-spacing:.14em;font-size:12px;font-weight:700}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-tabs,
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-actions,
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .section-heading {display:flex;gap:12px;flex-wrap:wrap;align-items:center}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-tabs {margin:28px 0}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .section-heading {justify-content:space-between}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app section {background:var(--ui-surface);padding:28px;border-radius:18px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .account-grid {display:grid;gap:20px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .account-card {border:1px solid var(--ui-border);border-radius:14px;padding:24px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .account-card h3 {margin-top:0;font-size:24px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .form-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app label {display:block;font-weight:650;margin:14px 0}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app input:not([type=checkbox]),
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app select,
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app textarea {display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font:inherit}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app .help {font-size:14px;color:var(--ui-text-muted);margin-top:6px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-note {padding:14px 18px;border-left:4px solid #ffa500;background:var(--ui-warning-soft);color:var(--ui-warning)}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app .social-check {display:flex;gap:10px;align-items:flex-start}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app .social-check input {margin-top:5px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app dialog {width:min(760px,calc(100vw - 32px));max-height:90dvh;border:0;border-radius:18px;padding:28px;box-sizing:border-box;color:var(--ui-text);background:var(--ui-surface)}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app dialog::backdrop {background:var(--ui-overlay)}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app [hidden] {display:none!important}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app .button {white-space:normal;text-align:center}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app button:disabled {opacity:.55;cursor:wait}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-tag {display:inline-block;border-radius:6px;background:var(--ui-surface-muted);padding:4px 9px;margin:2px 6px 2px 0;font-size:13px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-tag.ok {background:#d8f2e6;color:#075a3c}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-tag.error {background:#fff0d0;color:#755109}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .ad-card {border-top:1px solid var(--ui-border);padding:20px 0}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .ad-card h3 {margin:8px 0}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-table-wrap {overflow:auto}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app table {width:100%;border-collapse:collapse;text-align:left}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app th,
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app td {padding:12px 10px;border-bottom:1px solid var(--ui-border)}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app details {margin:15px 0}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app summary {cursor:pointer;font-weight:650}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app :focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) #social-message:not(:empty),
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) #ad-message:not(:empty),
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) #invoice-message:not(:empty) {padding:12px 16px;background:var(--ui-surface-muted);border-radius:8px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) #social-message {scroll-margin-top:20px}
@media(max-width:650px) {:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app {margin:0 auto;padding:16px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app section,
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .account-card {padding:18px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .form-grid {grid-template-columns:1fr}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-tabs .button {flex:1 1 40%}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app dialog {padding:20px;background:var(--ui-surface)}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-actions .button {flex:1}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app th,
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app td {padding:10px 7px}}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app a,
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app .help,
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app .social-note {overflow-wrap:anywhere}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .account-card,
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .ad-card,
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .form-grid>label {min-width:0}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app .eyebrow {color:var(--ui-text-muted)}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app .social-check {font-size:14px}
@media(max-width:650px) {:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) #activate-form .social-actions .button {flex-basis:100%;min-height:48px}}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-channel-tabs {display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 18px;padding-bottom:8px;border-bottom:1px solid var(--ui-border)}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-channel-tab {box-sizing:border-box;flex:0 1 auto;max-width:100%;min-height:44px;margin:0;padding:10px 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ui-text-muted);font:600 14px/1.4 Poppins,sans-serif;cursor:pointer;text-align:center}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-channel-tab:hover {background:var(--ui-surface-muted);color:var(--ui-text)}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-channel-tab[aria-selected=true] {border-color:var(--ui-secondary);background:var(--ui-secondary-soft);color:var(--ui-on-secondary-soft);box-shadow:inset 0 -3px var(--ui-secondary)}
@media(max-width:650px) {:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-channel-tabs {gap:4px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-channel-tab {flex-grow:1;padding:10px 12px}}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-connection-choice {display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-connection-choice label {flex:1 1 260px;min-width:0;margin:0}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-connection-choice .button {min-height:46px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-connection-status {padding:16px;border-radius:10px;background:var(--ui-surface-muted);overflow-wrap:anywhere}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-connection-status p:last-child {margin-bottom:0}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-sharing {padding:12px 0 20px;border-bottom:1px solid var(--ui-border)}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app .account-card h4 {font-size:18px;margin:24px 0 8px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app button:disabled {cursor:not-allowed}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app select {max-width:100%}
@media(max-width:650px) {:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-connection-choice {align-items:stretch}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-connection-choice .button {width:100%}}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-sharing fieldset {min-width:0;margin:0;padding:0;border:0}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-sharing legend {padding:0;margin-bottom:10px;font-size:15px;font-weight:650}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-sharing-list {max-height:232px;overflow:auto;border:1px solid var(--ui-border);border-radius:8px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-app .social-sharing-list .social-check {margin:0;padding:10px 12px;box-sizing:border-box;min-height:44px;line-height:1.45}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-sharing-list .social-check+.social-check {border-top:1px solid var(--ui-border)}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-sharing-list .social-check input {flex:0 0 18px;width:18px;height:18px;margin-top:1px}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-sharing-list .social-check span {min-width:0;overflow-wrap:anywhere}
:where(body[data-site-page="social.php"], body[data-site-page="social-oauth/index.php"]) .social-sharing-list .social-check:focus-within {outline:2px solid var(--ui-focus);outline-offset:-2px}


/* Source: system.css */
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app {max-width:1050px;margin:36px auto;padding:0 18px;color:var(--ui-text)}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app section,
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app header {background:var(--ui-surface);padding:24px;margin-bottom:20px;border-radius:16px}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app button,
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app .button {padding:12px 18px;min-height:44px;border-radius:9px;border:0;background:var(--ui-secondary);color:var(--ui-on-secondary);cursor:pointer;display:inline-block;text-decoration:none;font:inherit}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app a {color:var(--ui-secondary-text)}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app p,
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app li {line-height:1.55}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app li {margin:10px 0;overflow-wrap:anywhere}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-counts {display:flex;gap:10px;flex-wrap:wrap}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-counts span {padding:10px 15px;background:var(--ui-surface-muted);border-radius:9px}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-channel {border-top:1px solid var(--ui-border);padding:14px 0;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app video {width:100%;max-width:420px;background:#061633;border-radius:12px;display:block;margin:16px 0}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app fieldset {margin:18px 0;padding:16px;border:1px solid var(--ui-border);border-radius:10px}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app label {display:block;margin:12px 0}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app select {padding:10px;font:inherit;max-width:100%;background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-test-actions {display:flex;gap:12px;flex-wrap:wrap}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-test-actions a {padding:12px 18px;border-radius:9px;background:var(--ui-surface-muted)}
:where(body[data-site-page="system.php"], body[data-site-page="mobile-check.php"]) .system-app button:disabled {opacity:.5;cursor:default}


/* Source: video-review.css */
:where(body[data-site-page="video-review.php"]) .review-app {max-width:1200px;margin:auto;padding:28px 24px 60px;color:var(--ui-text)}
:where(body[data-site-page="video-review.php"]) .review-app h1 {margin:8px 0 12px}
:where(body[data-site-page="video-review.php"]) .review-eyebrow {font-size:.8rem;letter-spacing:.12em;font-weight:700;color:var(--ui-text-muted)}
:where(body[data-site-page="video-review.php"]) .review-layout {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:30px;align-items:start}
:where(body[data-site-page="video-review.php"]) .review-layout>div {min-width:0}
:where(body[data-site-page="video-review.php"]) .review-app video {width:100%;max-height:72vh;background:#0b1421;border-radius:12px;display:block}
:where(body[data-site-page="video-review.php"]) .review-app form {padding:24px;background:var(--ui-surface);border-radius:14px}
:where(body[data-site-page="video-review.php"]) .review-app label {display:grid;gap:8px;font-weight:600;margin-bottom:18px}
:where(body[data-site-page="video-review.php"]) .review-app input,
:where(body[data-site-page="video-review.php"]) .review-app textarea {box-sizing:border-box;width:100%;padding:12px;font:inherit;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface);color:var(--ui-text)}
:where(body[data-site-page="video-review.php"]) .review-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
:where(body[data-site-page="video-review.php"]) .review-actions .button {padding:12px 16px;font-size:.92rem}
:where(body[data-site-page="video-review.php"]) .review-note {background:var(--ui-success-soft);padding:14px;border-radius:8px;color:var(--ui-success)}
:where(body[data-site-page="video-review.php"]) .review-help {font-size:.86rem;line-height:1.6;color:var(--ui-text-muted)}
:where(body[data-site-page="video-review.php"]) .review-comment {padding:18px;background:var(--ui-surface);border-radius:10px;margin-bottom:12px;overflow-wrap:anywhere}
:where(body[data-site-page="video-review.php"]) .review-comment p {white-space:pre-wrap}
:where(body[data-site-page="video-review.php"]) .review-time {border:0;background:var(--ui-surface-muted);padding:7px 10px;border-radius:6px;font:inherit;color:var(--ui-text);cursor:pointer}
:where(body[data-site-page="video-review.php"]) .review-comment small {display:block;color:var(--ui-text-muted);margin-top:8px}
@media(max-width:760px) {:where(body[data-site-page="video-review.php"]) .review-layout {grid-template-columns:1fr}
:where(body[data-site-page="video-review.php"]) .review-app {padding:22px 16px}
:where(body[data-site-page="video-review.php"]) .review-app video {max-height:65vh}
:where(body[data-site-page="video-review.php"]) .review-app form {padding:18px}
:where(body[data-site-page="video-review.php"]) .review-actions>* {flex:1}}


/* Source: clubs/public/club-editor.css */
:root:where(:has(> body:is([data-site-page="clubs/public/club-editor.html"]))) {--bg: #101214;
  --panel: #171a1d;
  --panel-2: #202428;
  --border: rgba(255,255,255,.09);
  --text: #f7f7f7;
  --muted: #9ca3aa;
  --accent: #fff;
  --danger: #ff6b6b;
  --radius: 14px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) * {box-sizing: border-box;}
body:where([data-site-page="clubs/public/club-editor.html"]) {margin: 0; background: var(--bg); color: var(--text); font-family: Poppins, Inter, system-ui, sans-serif;}
:where(body[data-site-page="clubs/public/club-editor.html"]) button,
:where(body[data-site-page="clubs/public/club-editor.html"]) input,
:where(body[data-site-page="clubs/public/club-editor.html"]) select {font: inherit;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-editor {min-height: 100vh; display: grid; grid-template-columns: 360px 1fr;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-editor__sidebar {border-right: 1px solid var(--border); background: #121518; padding: 24px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-editor__sidebar-head {display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-editor__sidebar h1 {margin: 2px 0 0; font-size: 28px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .eyebrow {color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .12em;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .count-pill {min-width:34px; height:34px; border:1px solid var(--border); border-radius:999px; display:grid; place-items:center; color:var(--muted);}
:where(body[data-site-page="clubs/public/club-editor.html"]) .search,
:where(body[data-site-page="clubs/public/club-editor.html"]) .field input,
:where(body[data-site-page="clubs/public/club-editor.html"]) .field select {width:100%; border:1px solid var(--border); background:var(--panel); color:var(--text); border-radius:10px; padding:11px 12px; outline:none;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .search:focus,
:where(body[data-site-page="clubs/public/club-editor.html"]) .field input:focus,
:where(body[data-site-page="clubs/public/club-editor.html"]) .field select:focus {border-color: rgba(255,255,255,.28);}
:where(body[data-site-page="clubs/public/club-editor.html"]) .filters {display:flex; gap:7px; margin:12px 0 18px; flex-wrap:wrap;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .filter,
:where(body[data-site-page="clubs/public/club-editor.html"]) .button {border:1px solid var(--border); background:var(--panel); color:var(--text); padding:8px 11px; border-radius:9px; cursor:pointer;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .filter.is-active,
:where(body[data-site-page="clubs/public/club-editor.html"]) .button--primary {background:var(--accent); color:#111; border-color:var(--accent);}
:where(body[data-site-page="clubs/public/club-editor.html"]) .button--danger {color:var(--danger);}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-list {display:flex; flex-direction:column; gap:5px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-row {display:grid; grid-template-columns:38px 1fr auto; gap:10px; align-items:center; width:100%; text-align:left; border:0; background:transparent; color:var(--text); padding:9px; border-radius:10px; cursor:pointer;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-row:hover,
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-row.is-active {background:var(--panel);}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-row__logo {width:38px; height:38px; border:1px solid var(--border); border-radius:9px; background:#fff; display:grid; place-items:center; overflow:hidden; color:#555; font-size:13px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-row__logo img {width:100%; height:100%; object-fit:contain; padding:4px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-row__name {font-weight:600; line-height:1.15;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-row__id {color:var(--muted); font-size:11px; margin-top:3px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .status-dot {width:8px; height:8px; border-radius:999px; background:#4ade80;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .status-dot.is-missing {background:#f59e0b;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-editor__detail {padding:34px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .detail-head {display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:24px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .detail-head h2 {margin:3px 0 0; font-size:32px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .detail-id {color:var(--muted); font-size:13px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .grid {display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,420px); gap:22px; align-items:start;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .card {border:1px solid var(--border); background:var(--panel); border-radius:var(--radius); padding:20px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .card h3 {margin:0 0 16px; font-size:17px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .fields {display:grid; grid-template-columns:1fr 1fr; gap:12px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .field {display:flex; flex-direction:column; gap:6px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .field--wide {grid-column:1/-1;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .field label {color:var(--muted); font-size:12px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .actions {display:flex; justify-content:flex-end; gap:9px; margin-top:16px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .dropzone {border:1px dashed rgba(255,255,255,.25); border-radius:12px; min-height:180px; display:grid; place-items:center; text-align:center; padding:24px; transition:.15s; cursor:pointer;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .dropzone.is-over {border-color:#fff; background:rgba(255,255,255,.04);}
:where(body[data-site-page="clubs/public/club-editor.html"]) .dropzone strong {display:block; margin-bottom:4px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .dropzone span {color:var(--muted); font-size:12px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .logo-list {display:flex; flex-direction:column; gap:10px; margin-top:15px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .logo-item {display:grid; grid-template-columns:74px 1fr auto; gap:12px; align-items:center; border:1px solid var(--border); border-radius:12px; padding:10px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .logo-preview {width:74px; height:74px; border-radius:9px; background:#fff; display:grid; place-items:center; overflow:hidden;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .logo-preview img {width:100%; height:100%; object-fit:contain; padding:7px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .logo-title {font-weight:600;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .logo-meta {color:var(--muted); font-size:11px; margin-top:4px; overflow-wrap:anywhere;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .logo-badge {display:inline-block; margin-top:6px; font-size:10px; padding:3px 7px; border:1px solid var(--border); border-radius:999px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .logo-badge.is-active {background:#fff; color:#111; border-color:#fff;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .logo-actions {display:flex; flex-direction:column; gap:6px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .logo-actions button {min-width:88px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .empty-state {min-height:70vh; display:grid; place-items:center; align-content:center; text-align:center; color:var(--muted);}
:where(body[data-site-page="clubs/public/club-editor.html"]) .empty-state h2 {color:var(--text); margin-bottom:6px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .empty-state__icon {font-size:44px;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .toast {position:fixed; right:24px; bottom:24px; border:1px solid var(--border); background:#fff; color:#111; border-radius:10px; padding:11px 14px; box-shadow:0 12px 40px rgba(0,0,0,.35); z-index:100;}
@media (max-width: 900px) {:where(body[data-site-page="clubs/public/club-editor.html"]) .club-editor {grid-template-columns:1fr;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .club-editor__sidebar {border-right:0; border-bottom:1px solid var(--border);}
:where(body[data-site-page="clubs/public/club-editor.html"]) .grid {grid-template-columns:1fr;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .fields {grid-template-columns:1fr;}
:where(body[data-site-page="clubs/public/club-editor.html"]) .field--wide {grid-column:auto;}}


/* Source: styles/pages-inline.css */
/* Page-local rules formerly embedded in PHP. Already route-scoped; include before mobile overrides. */
/* users.php */
:where(body[data-site-page="users.php"]) .users-shell {max-width:1000px;margin:32px auto;padding:0 20px}
:where(body[data-site-page="users.php"]) .users-shell .control-panel {margin-bottom:24px}
:where(body[data-site-page="users.php"]) .user-sections {display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}
:where(body[data-site-page="users.php"]) .user-sections label {display:flex;align-items:center;gap:8px}
:where(body[data-site-page="users.php"]) .user-sections input {width:auto}
:where(body[data-site-page="users.php"]) .user-list {width:100%;border-collapse:collapse}
:where(body[data-site-page="users.php"]) .user-list td,
:where(body[data-site-page="users.php"]) .user-list th {text-align:left;padding:12px;border-bottom:1px solid #d6dce5}
:where(body[data-site-page="users.php"]) .user-message {padding:16px;background:#e5f3e9}
:where(body[data-site-page="users.php"]) .user-error {padding:16px;background:#ffe5e5}
:where(body[data-site-page="users.php"]) .users-shell fieldset {border:1px solid #d6dce5;border-radius:10px;margin:20px 0;padding:16px}
/* login-history.php */
:where(body[data-site-page="login-history.php"]) .login-history {max-width:900px;margin:32px auto;padding:0 20px}
:where(body[data-site-page="login-history.php"]) .login-history table {width:100%;border-collapse:collapse}
:where(body[data-site-page="login-history.php"]) .login-history th,
:where(body[data-site-page="login-history.php"]) .login-history td {text-align:left;padding:12px;border-bottom:1px solid #d6dfe9}
:where(body[data-site-page="login-history.php"]) .history-pages {display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:20px}
/* video-segment-log.php */
:where(body[data-site-page="video-segment-log.php"]) .render-log {max-width:1200px;margin:32px auto;padding:0 20px}
:where(body[data-site-page="video-segment-log.php"]) .render-log table {width:100%;border-collapse:collapse}
:where(body[data-site-page="video-segment-log.php"]) .render-log th,
:where(body[data-site-page="video-segment-log.php"]) .render-log td {text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--ui-border)}
:where(body[data-site-page="video-segment-log.php"]) .render-log small {display:block;color:var(--ui-text-muted)}
:where(body[data-site-page="video-segment-log.php"]) .render-log code {overflow-wrap:anywhere;font-size:11px}
:where(body[data-site-page="video-segment-log.php"]) .render-log form,
:where(body[data-site-page="video-segment-log.php"]) .render-log nav {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}
:where(body[data-site-page="video-segment-log.php"]) .site-header>a {color:var(--ui-on-secondary)}
:where(body[data-site-page="video-segment-log.php"]) .render-log input {max-width:420px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:8px}
:where(body[data-site-page="video-segment-log.php"]) .render-log button {padding:10px 16px;border:0;border-radius:8px;background:var(--ui-secondary);color:var(--ui-on-secondary);cursor:pointer}
:where(body[data-site-page="video-segment-log.php"]) .table-scroll {overflow-x:auto}
/* facebook.php */
:where(body[data-site-page="facebook.php"]) main.fb-settings {max-width:960px;margin:30px auto;padding:30px;background:var(--ui-surface);border-radius:16px}
:where(body[data-site-page="facebook.php"]) .fb-settings label {display:block;margin:16px 0}
:where(body[data-site-page="facebook.php"]) .fb-settings input[type=checkbox] {width:auto}
:where(body[data-site-page="facebook.php"]) .fb-settings fieldset {margin:24px 0;padding:20px}
:where(body[data-site-page="facebook.php"]) .fb-settings table {width:100%}
:where(body[data-site-page="facebook.php"]) .fb-settings td {padding:10px}
:where(body[data-site-page="facebook.php"]) .fb-settings textarea {width:100%}
:where(body[data-site-page="facebook.php"]) .fb-tabs {display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--ui-border);margin:24px 0}
:where(body[data-site-page="facebook.php"]) .fb-tabs button,
:where(body[data-site-page="facebook.php"]) .fb-tabs a {background:none;border:0;border-bottom:3px solid transparent;border-radius:0;color:var(--ui-text-muted);padding:14px 16px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
:where(body[data-site-page="facebook.php"]) .fb-tabs [aria-selected="true"] {color:var(--ui-secondary-text);border-bottom-color:var(--ui-accent)}
:where(body[data-site-page="facebook.php"]) .fb-tabs button:focus-visible {outline:2px solid var(--ui-secondary-text);outline-offset:-2px}
:where(body[data-site-page="facebook.php"]) .fb-settings [hidden] {display:none!important}
/* facebook-plans.php */
:where(body[data-site-page="facebook-plans.php"]) main {max-width:1000px;margin:30px auto;background:var(--ui-surface);padding:30px;border-radius:16px}
:where(body[data-site-page="facebook-plans.php"]) label {display:block;margin:16px 0}
:where(body[data-site-page="facebook-plans.php"]) input[type=checkbox] {width:auto}
:where(body[data-site-page="facebook-plans.php"]) .plan-images {display:flex;gap:25px;flex-wrap:wrap}
:where(body[data-site-page="facebook-plans.php"]) .plan-images>div {flex:1;min-width:220px}
:where(body[data-site-page="facebook-plans.php"]) .plan-images img {max-width:180px;max-height:160px;background:#14284e}
:where(body[data-site-page="facebook-plans.php"]) article {padding:20px;border:1px solid var(--ui-border);margin:20px 0;border-radius:12px}
/* facebook-queue.php */
:where(body[data-site-page="facebook-queue.php"]) main {max-width:960px;margin:30px auto;padding:30px;background:var(--ui-surface);border-radius:16px}
:where(body[data-site-page="facebook-queue.php"]) article {border:1px solid var(--ui-border);border-radius:12px;padding:20px;margin:20px 0}
:where(body[data-site-page="facebook-queue.php"]) img {max-width:240px;width:100%}
:where(body[data-site-page="facebook-queue.php"]) pre {white-space:pre-wrap;font:inherit}
/* Static page presentation: index.php */
:where(body[data-site-page="index.php"]) .site-shadow-banner {background:#ffcf70;color:#071a3b;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
:where(body[data-site-page="index.php"]) #clear-lineup {margin-bottom:16px}
/* Static page presentation: users.php */
:where(body[data-site-page="users.php"]) #all-teams {width:auto}
:where(body[data-site-page="users.php"]) .users-table-scroll {overflow-x:auto}
:where(body[data-site-page="users.php"]) .user-shadow-action {display:inline-block;margin:6px}
/* Static page presentation: facebook.php */
:where(body[data-site-page="facebook.php"]) .fb-tablist {display:contents}
:where(body[data-site-page="facebook.php"]) #fb-save-actions {margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}
:where(body[data-site-page="facebook.php"]) .fb-preview-plan {border:1px solid var(--ui-border);border-radius:12px;padding:16px;margin:16px 0}
:where(body[data-site-page="facebook.php"]) .fb-preview-actions {display:flex;gap:10px;flex-wrap:wrap}
/* Static page presentation: facebook-plans.php */
:where(body[data-site-page="facebook-plans.php"]) .plan-preview-link {margin:6px 6px 12px 0}
/* Static page presentation: video-formats.php */
:where(body[data-site-page="video-formats.php"]) .projects-app {padding:24px}
/* Shared environment banner. */
.site-environment-banner {background:#ffcf70;color:#071a3b;padding:12px 20px;font-weight:700}
:where(body[data-site-page="facebook.php"]) .fb-share-users {display:grid;gap:4px;max-height:18rem;overflow:auto;}
:where(body[data-site-page="facebook.php"]) .fb-settings .fb-share-users label {display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:4px;}
:where(body[data-site-page="facebook.php"]) .fb-share-users input[type=checkbox] {flex:0 0 18px;width:18px;height:18px;}
:where(body[data-site-page="facebook.php"]) .fb-share-users span {min-width:0;overflow-wrap:anywhere;}
:where(body[data-site-page="facebook.php"]) .fb-share-users small {display:block;color:var(--ui-text-muted);font-weight:400;}
:where(body[data-site-page="facebook.php"]) .fb-share-review {padding:10px;border-left:3px solid var(--ui-focus);background:var(--ui-surface-muted);}


/* Source: mobile.css */
/* Shared responsive layer, loaded after page-specific styles. */
html:where(:has(> body:is([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"]))) {-webkit-text-size-adjust:100%;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) button,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) input,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) select,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) textarea {font-family:inherit;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) textarea {max-width:100%;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) fieldset,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) main,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) section,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) form,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .field-grid > *,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .app-shell > * {min-width:0;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) a.button {display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .mobile-menu-toggle,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .mobile-work-nav {display:none;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .responsive-table {max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-placement-dialog {width:min(440px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:0;border-radius:16px;padding:24px;color:var(--ink);background:var(--ui-surface);}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-placement-dialog::backdrop {background:var(--ui-overlay);}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-placement-dialog h2 {font-size:20px;margin-top:0;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-placement-dialog label {margin:18px 0;font-size:14px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-placement-dialog .placement-actions {display:flex;gap:10px;flex-wrap:wrap;}
@media(max-width:1050px) {:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .app-shell {grid-template-columns:minmax(0,1fr);}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .preview-heading {flex-wrap:wrap;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .preview-download-actions {min-width:0;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .field-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px) {body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"]) {font-size:15px;line-height:1.5;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) h1 {font-size:24px;line-height:1.25;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) h2 {font-size:20px;line-height:1.3;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) h3 {font-size:17px;line-height:1.35;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) p,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) code,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) pre,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) legend {overflow-wrap:anywhere;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .site-header {padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .site-header h1 {font-size:19px;max-width:260px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .site-header > a {color:var(--ui-on-secondary);}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .eyebrow {font-size:10px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .header-user {flex-direction:row;flex-wrap:wrap;width:100%;align-items:center;gap:6px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .header-user a,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .header-user button {min-height:44px;padding:10px 12px;display:inline-flex;align-items:center;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .mobile-menu-toggle {display:inline-flex;margin-left:auto;min-height:44px;border:1px solid color-mix(in srgb, var(--ui-on-secondary) 33%, transparent);border-radius:8px;background:transparent;color:var(--ui-on-secondary);padding:8px 14px;font-weight:600;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .site-header.mobile-menu-ready .header-user:not(.is-open) {display:none;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .app-shell {margin:12px auto;padding:0 10px 92px;gap:16px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .control-panel,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .preview-panel {padding:16px;border-radius:12px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .tabs,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-tabs {flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;gap:2px;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:2px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .tab,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-tabs button,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-tabs a {flex:0 0 auto;white-space:nowrap;padding:12px;font-size:14px;min-height:48px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .field-grid,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .field-grid.compact {grid-template-columns:minmax(0,1fr);gap:16px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) label,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .layout-choice legend,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .result-status-field > span {font-size:14px;line-height:1.45;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) select,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) textarea {max-width:100%;min-width:0;font-size:16px;min-height:46px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--ui-surface);color:var(--ink);}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) input[type=file] {width:100%;padding:8px;font-size:14px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) input[type=range] {min-height:40px;width:100%;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) input[type=checkbox],
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) input[type=radio] {flex-shrink:0;accent-color:var(--ui-secondary);}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .button,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) button:not(.tab):not(.mobile-menu-toggle):not(.remove-squad-player):not(.result-image-choice) {min-height:44px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .button {padding:11px 14px;font-size:14px;line-height:1.4;white-space:normal;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .actions,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .editor-actions,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .table-tools,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .sponsor-toolbar {flex-wrap:wrap;gap:10px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .editor-actions > .button,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .actions > .button {flex:1 1 140px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .editor-heading {flex-direction:column;align-items:stretch;gap:12px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .editor-heading label,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .preview-heading label {width:100%;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .help {font-size:13px;line-height:1.6;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .match-import {padding:12px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .layout-options {gap:8px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .layout-options span {min-height:46px;display:flex;align-items:center;padding:10px 12px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .result-status-buttons {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .result-status-buttons button {font-size:14px;min-height:46px;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode .campaign-status .result-status-buttons {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:4px 10px;flex-wrap:nowrap;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode .campaign-status .result-status-buttons button {min-width:0;min-height:38px;margin:0;padding:3px 1px;font-size:0;line-height:1.1;white-space:nowrap;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode .campaign-status .result-status-buttons :is(#campaign-lineup, [data-result-status="event"], [data-result-status="fulltime"]) {margin-right:0;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode .campaign-status .result-status-buttons button::after {content:attr(data-mobile-label);font-size:10px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .score-stepper button {flex-basis:48px;min-height:48px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .preview-heading {display:block;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .preview-heading h2 {margin-bottom:12px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .preview-download-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .preview-download-actions > * {width:100%;min-width:0;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .canvas-wrap {min-height:0;padding:8px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) #preview-canvas {width:100%;height:auto;max-height:none;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .mobile-work-nav {display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:10px;background:var(--ui-surface);border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(var(--ui-text-rgb), .07);}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .mobile-work-nav a,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .mobile-work-nav button {flex:1;min-height:44px;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"][data-mobile-workspace="edit"] .preview-panel {box-shadow:none;padding-top:0;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"][data-mobile-workspace="edit"] .preview-panel .preview-heading,
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"][data-mobile-workspace="edit"] .preview-panel .canvas-wrap,
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"][data-mobile-workspace="preview"] .app-shell > .control-panel {display:none;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].editing-video[data-mobile-workspace="edit"] #video-inline-preview {display:none;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"] .result-selection-topbar:not([hidden]) {position:sticky;top:0;z-index:15;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode .result-selection-topbar {column-gap:8px;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode .result-selection-topbar #graphic-template-picker {flex:1 1 calc(100% - 95px);}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode #result-topbar-toggle {display:inline-flex;align-items:center;justify-content:center;flex:0 0 87px;min-height:36px;padding:5px 6px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font-size:11px;font-weight:700;white-space:nowrap;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode .result-selection-topbar.is-collapsed #campaign-manual-toggle:not([hidden]) {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:36px;padding:5px 10px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font-size:11px;font-weight:700;white-space:nowrap;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode #campaign-manual-toggle[aria-expanded="true"] {background:var(--ui-secondary);color:var(--ui-on-secondary);box-shadow:inset 0 -3px var(--ui-accent);}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode [data-mobile-manual-active]:not(.is-open) {display:none;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode .result-selection-topbar.is-collapsed {min-height:44px;padding-block:4px;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode .result-selection-topbar.is-collapsed > :not(#result-topbar-toggle):not(#campaign-manual-toggle) {display:none!important;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode .result-selection-topbar.is-collapsed #result-topbar-toggle {flex:1 1 0;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"])[data-site-page="index.php"].campaign-mode .result-selection-topbar.is-collapsed #campaign-manual-toggle:not([hidden]) {flex:1 1 0;}
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"]).editing-players .mobile-work-nav,
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"]).editing-logos .mobile-work-nav,
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"]).editing-sponsors .mobile-work-nav {display:none;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .control-panel,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .preview-panel {scroll-margin-top:12px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .data-table {min-width:520px;font-size:13px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .data-table th,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .data-table td {padding:10px 8px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .data-table-wrap,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-editor-table-wrap,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .responsive-table {max-width:100%;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .day-program-date-navigation {display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .day-program-date-navigation input {width:100%;padding:8px;font-size:16px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .day-program-date-navigation .button {padding:8px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .day-program-date-navigation #day-program-today {grid-column:1/-1;grid-row:2;font-size:14px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .day-program-teams,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .user-sections {gap:4px!important;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .day-program-teams label,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .user-sections label {min-height:44px;padding:8px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .day-program-team-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) #day-program-settings fieldset {padding:12px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .formation-scroll {overflow-x:auto;max-width:100%;padding:6px 0;overscroll-behavior-x:contain;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .formation-scroll .formation-pitch {min-width:540px;min-height:480px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .formation-slot {width:20%;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .formation-slot .player-name {font-size:11px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) #available-players {grid-template-columns:repeat(2,minmax(0,1fr));}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) #available-players .player-card {min-height:52px;padding:8px;font-size:12px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-card[role=button]:focus-visible {outline:3px solid var(--ui-focus);outline-offset:2px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .squad-builder .player-list {grid-template-columns:minmax(0,1fr);}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .remove-squad-player {min-width:36px;min-height:36px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .formation-slot .remove-squad-player {min-width:26px;min-height:26px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .mobile-lineup-help {padding:12px;background:var(--ui-secondary-soft);border-radius:8px;color:var(--ui-on-secondary-soft);}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .logo-editor-layout {grid-template-columns:minmax(0,1fr);gap:16px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .sponsor-card {padding:14px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .sponsor-materials {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .sponsor-material {padding:8px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .sponsor-material img {height:85px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .sponsor-material .button {font-size:12px;padding:8px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .sponsor-fields,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .match-sponsor-row {grid-template-columns:minmax(0,1fr);}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) dialog,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) #sponsor-dialog {width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;padding:18px!important;border-radius:12px;overflow-y:auto;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) dialog label {display:block;margin:14px 0;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) dialog input,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) dialog select,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) dialog textarea {width:100%;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) dialog img {max-width:100%;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .users-shell,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .login-history {margin:12px auto!important;padding:0 10px 24px!important;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) main.fb-settings,
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"]) > main:not(.app-shell):not(.users-shell):not(.login-history) {width:calc(100% - 20px);margin:12px 10px!important;padding:16px!important;border-radius:12px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-settings fieldset,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .users-shell fieldset {padding:12px;margin:16px 0;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-settings label,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .plan-images label {margin:12px 0;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-settings input:not([type=checkbox]),
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-settings select,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-settings textarea,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) #plan-form select {display:block;width:100%;margin-top:6px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-settings #fb-save-actions > * {flex:1 1 150px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .plan-images {display:grid!important;grid-template-columns:minmax(0,1fr);gap:16px!important;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .plan-images > div {min-width:0!important;padding:12px;border:1px solid var(--line);border-radius:10px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-settings article,
body:where([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"]) > main > article {padding:14px!important;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-settings .responsive-table table {min-width:540px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .user-list,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-editor-table {display:block;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .user-list thead,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-editor-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .user-list tbody,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-editor-table tbody {display:grid;gap:12px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .user-list tr,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-editor-table tr {display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:10px;padding:12px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .user-list td,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-editor-table td {display:block;width:100%!important;min-width:0!important;border:0;text-align:left!important;padding:6px 0;overflow-wrap:anywhere;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .user-list td[data-label]::before,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .player-editor-table td[data-label]::before {content:attr(data-label);display:block;font-size:12px;font-weight:600;color:var(--ui-text-muted);margin-bottom:4px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .login-card {padding:24px;}}
@media(max-width:360px) {:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) #available-players,
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .sponsor-materials {grid-template-columns:minmax(0,1fr);}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .preview-download-actions {grid-template-columns:minmax(0,1fr);}}
@media(prefers-reduced-motion:reduce) {html:where(:has(> body:is([data-site-page="index.php"], [data-site-page="login.php"], [data-site-page="users.php"], [data-site-page="login-history.php"], [data-site-page="facebook.php"], [data-site-page="facebook-plans.php"], [data-site-page="facebook-queue.php"], [data-site-page="video-segment-log.php"]))) {scroll-behavior:auto;}}
@media(max-width:700px) {:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .site-header.mobile-menu-ready:not(.mobile-menu-open) .header-management {display:none}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .header-management {width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .header-management .tab {background:color-mix(in srgb, var(--ui-on-secondary) 4%, transparent);border-radius:6px;text-align:left;min-height:44px}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .header-user {order:4}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .mobile-menu-toggle {order:1}}
@media(max-width:700px) {:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .site-header > div:first-child:not(.header-user) {flex:1;min-width:0;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .site-header h1 {font-size:18px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .users-shell label:has(> input[type=checkbox]),
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-settings label:has(> input[type=checkbox]),
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) #plan-form label:has(> input[type=checkbox]) {display:flex;align-items:center;gap:10px;min-height:44px;}
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .users-shell input[type=checkbox],
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .fb-settings input[type=checkbox],
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) #plan-form input[type=checkbox],
:where(body[data-site-page="index.php"], body[data-site-page="login.php"], body[data-site-page="users.php"], body[data-site-page="login-history.php"], body[data-site-page="facebook.php"], body[data-site-page="facebook-plans.php"], body[data-site-page="facebook-queue.php"], body[data-site-page="video-segment-log.php"]) .day-program-teams input[type=checkbox] {width:18px;height:18px;}}


/* Source: video-calendar.css */
/* The calendar uses the normal template editor inside a focused preview. */
body:where([data-site-page="index.php"]).calendar-video-embed {background:var(--ui-surface-muted);padding:0;margin:0}
:where(body[data-site-page="index.php"]).calendar-video-embed .site-header,
:where(body[data-site-page="index.php"]).calendar-video-embed #result-selection-topbar,
:where(body[data-site-page="index.php"]).calendar-video-embed .control-panel>.tabs,
:where(body[data-site-page="index.php"]).calendar-video-embed .mobile-work-nav,
:where(body[data-site-page="index.php"]).calendar-video-embed .mobile-bottom-bar {display:none!important}
body:where([data-site-page="index.php"]).calendar-video-embed .app-shell {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px;margin:0;padding:12px;max-width:none}
:where(body[data-site-page="index.php"]).calendar-video-embed .control-panel {display:block!important;padding:12px;box-shadow:none;border-radius:10px}
:where(body[data-site-page="index.php"]).calendar-video-embed #panel-video>h2,
:where(body[data-site-page="index.php"]).calendar-video-embed #panel-video>label,
:where(body[data-site-page="index.php"]).calendar-video-embed .video-template-actions {display:none!important}
:where(body[data-site-page="index.php"]).calendar-video-embed #video-inline-preview {display:block!important;position:static;margin:0;padding:12px;box-shadow:none;min-width:0}
:where(body[data-site-page="index.php"]).calendar-video-embed #video-template-edit,
:where(body[data-site-page="index.php"]).calendar-video-embed #video-template-publish,
:where(body[data-site-page="index.php"]).calendar-video-embed #template-download,
:where(body[data-site-page="index.php"]).calendar-video-embed #video-export-location-label,
:where(body[data-site-page="index.php"]).calendar-video-embed #video-export-preset-label,
:where(body[data-site-page="index.php"]).calendar-video-embed #video-export-resolution-label,
:where(body[data-site-page="index.php"]).calendar-video-embed #video-export-fps-label,
:where(body[data-site-page="index.php"]).calendar-video-embed #film-export,
:where(body[data-site-page="index.php"]).calendar-video-embed #video-server-result,
:where(body[data-site-page="index.php"]).calendar-video-embed #video-local-export-message {display:none!important}
:where(body[data-site-page="index.php"]).calendar-video-embed .app-shell>.preview-panel {display:none!important}
:where(body[data-site-page="index.php"]).calendar-video-embed .video-stage {max-width:480px;margin-inline:auto}
@media(min-width:680px) {body:where([data-site-page="index.php"]).calendar-video-embed .app-shell {grid-template-columns:minmax(0,.9fr) minmax(0,1fr)!important;align-items:start}}


/* Source: app-navigation.css */
:root {--site-navigation-width: 64px;
    --site-navigation-bottom-height: 0px;
    --site-navigation-top: 0px;
    --site-rail: var(--ui-nav);
    --site-menu: var(--ui-nav-panel);
    --site-menu-text: var(--ui-nav-text);
    --site-menu-accent: var(--ui-nav-accent);}
body:has(#site-navigation), html.site-app body {padding-left: var(--site-navigation-width);}
body:has(#site-navigation) .site-legacy-navigation, html.site-app .site-legacy-navigation {display: none;}
body:has(#site-navigation) > .site-header, html.site-app body > .site-header {display: none;}
.site-navigation {position: relative; z-index: 90; font-family: inherit;}
.site-navigation-backdrop {display: none;}
.site-navigation-indicator {display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none;}
.site-navigation-indicator[hidden] {display: none;}
.site-navigation-indicator-fill {fill: var(--site-menu); stroke: none;}
.site-navigation-indicator-stroke {fill: none; stroke: color-mix(in srgb, var(--ui-nav-text) 13%, transparent); stroke-width: 1px;}
.site-navigation-brand, .site-navigation-primary, .site-navigation-tools {position: relative; z-index: 1;}
.site-navigation-rail {position: fixed; z-index: 2; left: 0; top: var(--site-navigation-top); bottom: 0;
    width: var(--site-navigation-width); background: var(--site-rail);
    display: flex; flex-direction: column; overflow: hidden;
    padding: max(10px, env(safe-area-inset-top)) 0 max(10px, env(safe-area-inset-bottom)); box-sizing: border-box;
    scrollbar-width: none;}
@media (min-width: 701px) {/* Extend only the divider through the viewport. The selected icon's SVG
       covers it at the join with the content-sized menu. */
#site-navigation:has(.site-navigation-submenu:not([hidden])) .site-navigation-rail::after {content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; right: 0;
        width: 1px; background: color-mix(in srgb, var(--ui-nav-text) 13%, transparent);
        pointer-events: none;}}
.site-navigation-brand {display: grid; place-items: center; flex: 0 0 62px; min-height: 44px; padding-bottom: 10px; box-sizing: border-box; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent;}
.site-navigation-brand:focus-visible {outline: 2px solid var(--site-menu-accent); outline-offset: -4px;}
.site-navigation-logo-disc {width: 46px; height: 46px; border-radius: 50%; display: block; position: relative;
    isolation: isolate; transform-origin: center;
    /* The same white-to-cool-gray disc as the video buttons, with a bevel. */
    background: linear-gradient(135deg, #fff 0%, #fff 60.6066%, #cdd0eb 85.3553%);
    box-shadow: inset 0 1px 1px #fff, inset -1px -2px 3px rgba(38, 45, 67, .22), 0 2px 0 #aeb4c6, 0 4px 8px rgba(0, 0, 0, .38);}
.site-navigation-logo-face {position: absolute; inset: 0; border-radius: 50%; overflow: hidden;}
.site-navigation-logo-disc.has-logo-body {background: transparent; box-shadow: none;}
.site-navigation-logo-disc.has-logo-body .site-navigation-logo-face {opacity: 0;}
.site-navigation-logo-disc::before {content: ''; position: absolute; inset: 2px; border-radius: 50%; z-index: -1; pointer-events: none; opacity: 0; box-shadow: 0 0 7px 3px color-mix(in srgb, var(--site-menu-accent) 85%, transparent), 0 0 14px 4px color-mix(in srgb, var(--site-menu-accent) 40%, transparent); transition: opacity .12s ease;}
.site-navigation-brand[aria-current="page"] .site-navigation-logo-disc:not(.has-logo-body)::before {opacity: 1;}
/* The canvas paints the turning badge inside a fixed square. Cast its glow
   from those painted pixels so it follows the silhouette, including edge-on. */
.site-navigation-logo-disc.has-logo-body::before {content: none; box-shadow: none;}
.site-navigation-logo-body {position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; filter: drop-shadow(0 3px 2px rgba(0, 0, 0, .34));}
.site-navigation-brand[aria-current="page"] .site-navigation-logo-body {filter: drop-shadow(0 0 4px color-mix(in srgb, var(--site-menu-accent) 85%, transparent)) drop-shadow(0 0 7px color-mix(in srgb, var(--site-menu-accent) 40%, transparent)) drop-shadow(0 3px 2px rgba(0, 0, 0, .34));}
.site-navigation-logo-disc img {/* drawLogo() uses a disc diameter of 1.14 × its artwork size. */
    position: absolute; display: block; object-fit: contain;
    width: calc(100% * var(--site-logo-zoom, 1) / 1.14);
    height: calc(100% * var(--site-logo-zoom, 1) / 1.14);
    max-width: none; max-height: none;
    left: calc(50% + var(--site-logo-x, 0) * 1% / 1.14);
    top: calc(50% + var(--site-logo-y, 0) * 1% / 1.14);
    transform: translate(-50%, -50%); mix-blend-mode: multiply;}
.site-navigation-primary {flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: var(--ui-nav-muted) transparent; overscroll-behavior: contain;}
.site-navigation-tools {flex: 0 0 auto; padding-top: 8px;}
#site-navigation .site-navigation-trigger {appearance: none; display: flex; align-items: center; justify-content: center;
    flex: 0 0 60px; width: 100%; min-height: 60px; padding: 0; margin: 0;
    color: var(--ui-nav-icon); background: transparent; border: 0; border-radius: 0;
    box-shadow: none; cursor: pointer; -webkit-tap-highlight-color: transparent;}
#site-navigation .site-navigation-trigger[aria-expanded="false"] {background: transparent; box-shadow: none;}
#site-navigation .site-navigation-trigger.is-current {color: var(--site-menu-accent); background: transparent;}
#site-navigation .site-navigation-trigger[aria-expanded="true"] {background: transparent; color: #fff; box-shadow: none;}
#site-navigation .site-navigation-trigger.is-current[aria-expanded="true"] {color: var(--site-menu-accent);}
#site-navigation .site-navigation-trigger > svg, #site-navigation .site-navigation-trigger > .site-navigation-avatar {transition: transform .28s cubic-bezier(.22,.7,.25,1), color .18s ease;}
#site-navigation .site-navigation-trigger[aria-expanded="true"] > svg, #site-navigation .site-navigation-trigger[aria-expanded="true"] > .site-navigation-avatar {transform: translateX(5px);}
#site-navigation .site-navigation-trigger:focus-visible {outline: 2px solid var(--ui-nav-accent); outline-offset: -5px;}
.site-navigation-trigger svg {width: 28px; height: 28px; pointer-events: none;}
.site-navigation-submenu {position: fixed; z-index: 1; left: var(--site-navigation-width); top: var(--site-navigation-top);
    width: min(280px, calc(100vw - var(--site-navigation-width) - 8px));
    box-sizing: border-box; color: var(--site-menu-text); background: var(--site-menu);
    border: 0; border-radius: 0 10px 10px 0; overflow: auto; overflow-x: hidden;
    box-shadow: 14px 18px 32px rgba(var(--ui-text-rgb), .2); overscroll-behavior: contain; scroll-padding-top: 48px; scroll-padding-bottom: 32px;}
.site-navigation-submenu[hidden] {display: none;}
.site-navigation-submenu::after {content: ''; display: block; position: sticky; bottom: 0; z-index: 0; height: 32px; margin-top: -32px; pointer-events: none; background: linear-gradient(to bottom, transparent, var(--site-menu)); opacity: 0;}
.site-navigation-submenu.has-more-below::after {opacity: 1;}
.site-navigation-submenu-heading {position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; min-height: 40px; padding: 0 8px 0 16px; border-bottom: 1px solid color-mix(in srgb, var(--ui-nav-text) 13%, transparent); background: var(--site-menu);}
#site-navigation .site-navigation-submenu-title {display: flex; align-items: center; gap: 10px; margin: 0; font-size: 15px; font-weight: 650; line-height: 1.3; color: var(--site-menu-accent);}
.site-navigation-submenu-icon {display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; color: #fff;}
.site-navigation-submenu-icon > svg {width: 24px; height: 24px;}
#site-navigation .site-navigation-submenu-icon .site-navigation-avatar {width: 24px; height: 24px;}
#site-navigation .site-navigation-close {display: grid; place-items: center; width: 40px; min-height: 40px; padding: 0; margin: 0; color: var(--ui-nav-text); border: 0; border-radius: 0; background: transparent; cursor: pointer;}
.site-navigation-close svg {width: 20px; height: 20px;}
.site-navigation-menu-content {--site-branch-frame-left: var(--site-branch-frame-right); --site-branch-frame-right: 21px; --site-branch-title-left: 50px; padding: 6px 0;}
.site-navigation-account {padding: 10px 20px 14px; overflow-wrap: anywhere; border-bottom: 1px solid color-mix(in srgb, var(--ui-nav-text) 13%, transparent);}
.site-navigation-account > span, .site-navigation-account small {display: block; font-size: 12px; color: var(--ui-nav-muted);}
.site-navigation-account strong {display: block; margin-top: 4px; font-size: 15px; color: var(--ui-nav-text);}
.site-navigation-account p {font-size: 12px; margin-bottom: 0; color: var(--ui-nav-accent);}
#site-navigation .site-navigation-avatar {display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: inherit; pointer-events: none;}
#site-navigation .site-navigation-avatar img {display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
#site-navigation .site-navigation-avatar img[hidden], #site-navigation .site-navigation-avatar.has-avatar svg {display: none;}
#site-navigation .site-navigation-trigger.is-current .site-navigation-avatar.has-avatar {outline: 2px solid var(--ui-nav-accent); outline-offset: 3px;}
#site-navigation .site-navigation-trigger[aria-expanded="true"] .site-navigation-avatar.has-avatar {outline: none;}
#site-navigation .site-navigation-account .site-navigation-avatar {width: 44px; height: 44px; margin: 2px 0 12px;}
#site-navigation .site-navigation-account .site-navigation-avatar svg {width: 36px; height: 36px;}
#site-navigation .site-navigation-link {display: flex; align-items: center; box-sizing: border-box; min-height: 44px; padding: 11px 16px 11px 50px; color: var(--site-menu-text); font-size: 14px; font-weight: 400; line-height: 1.5; text-decoration: none; border: 0; border-radius: 0; background: transparent; transition: text-shadow .3s ease-in-out;}
#site-navigation .site-navigation-link[aria-current="page"]:not([data-site-children]) {color: var(--site-menu-accent);}
#site-navigation .site-navigation-link:focus-visible, #site-navigation .site-navigation-close:focus-visible {outline: 2px solid var(--ui-nav-accent); outline-offset: -3px;}
#site-navigation .site-navigation-link:focus-visible {text-shadow: 0 0 9px color-mix(in srgb, currentColor 80%, transparent), 0 0 22px color-mix(in srgb, currentColor 50%, transparent), 0 0 34px color-mix(in srgb, currentColor 20%, transparent);}
@media (min-width: 701px) and (hover: hover) {#site-navigation .site-navigation-link:hover {text-shadow: 0 0 9px color-mix(in srgb, currentColor 80%, transparent), 0 0 22px color-mix(in srgb, currentColor 50%, transparent), 0 0 34px color-mix(in srgb, currentColor 20%, transparent);}}
#site-navigation .site-navigation-link {overflow-wrap: anywhere;}
.site-navigation-chevron {flex: 0 0 7px; height: 7px; box-sizing: border-box; margin-left: auto; margin-right: 2px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg);}
#site-navigation [data-site-children] {gap: 12px;}
#site-navigation .site-navigation-link[data-site-children] {position: relative;}
#site-navigation .site-navigation-link[data-site-children]::before {content: ''; position: absolute; left: var(--site-branch-frame-left); top: 50%; width: calc(var(--site-branch-title-left) - var(--site-branch-frame-left) - 6px); height: 50%; box-sizing: border-box; border-left: 1px solid color-mix(in srgb, var(--ui-nav-text) 25%, transparent); border-top: 1px solid color-mix(in srgb, var(--ui-nav-text) 25%, transparent); border-radius: 10px 0 0; pointer-events: none; opacity: 0; transition: opacity .32s ease; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 10px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 10px), transparent);}
/* Align below the chevron, with a small gap and a 10px fade toward its tip. */
#site-navigation .site-navigation-link[data-site-children]::after {content: ''; position: absolute; right: var(--site-branch-frame-right); top: calc(50% + 5px); bottom: 0; width: 1px; background: linear-gradient(to bottom, transparent 2px, color-mix(in srgb, var(--ui-nav-text) 25%, transparent) 12px); pointer-events: none; opacity: 0; transition: opacity .32s ease;}
#site-navigation .site-navigation-link[data-site-children][aria-expanded="true"]::before, #site-navigation .site-navigation-link[data-site-children][aria-expanded="true"]::after {opacity: 1;}
#site-navigation .site-navigation-submenu[inert] .site-navigation-link[data-site-children]::before, #site-navigation .site-navigation-submenu[inert] .site-navigation-link[data-site-children]::after {transition: none;}
#site-navigation [data-site-children][aria-expanded="true"] .site-navigation-chevron {transform: rotate(45deg);}
.site-navigation-children {margin: 0 var(--site-branch-frame-right) 12px var(--site-branch-frame-left); padding: 0 1px 20px; position: relative; box-sizing: border-box; overflow: hidden; border-radius: 0 0 10px 10px;}
.site-navigation-children::after {content: ''; position: absolute; inset: 0; border: 1px solid color-mix(in srgb, var(--ui-nav-text) 25%, transparent); border-top: 0; border-radius: inherit; pointer-events: none;}
.site-navigation-children[hidden] {display: none;}
@media (prefers-reduced-motion: reduce) {#site-navigation .site-navigation-link[data-site-children]::before, #site-navigation .site-navigation-link[data-site-children]::after {transition: none;}}
.site-navigation-mobile-admin {display: none;}
#site-navigation .site-navigation-children .site-navigation-link {padding: 10px 10px 10px calc(var(--site-branch-title-left) + 15.5px - var(--site-branch-frame-left) - 1px); font-size: 13px;}
#site-navigation .site-navigation-library-link {border-top: 1px solid color-mix(in srgb, var(--ui-nav-text) 13%, transparent); margin-top: 4px;}
.site-navigation-menu-note {margin: 8px 16px; color: var(--ui-nav-muted); font-size: 13px;}
html.site-app body > .app-shell > .control-panel > .tabs {display: none;}
.site-page-heading {max-width: 1500px; margin: 22px auto 0; padding: 0 20px; box-sizing: border-box;}
.site-page-heading span {display: block; text-transform: uppercase; letter-spacing: .12em; color: var(--ui-text-muted); font-size: 11px;}
.site-page-heading h1 {color: var(--ui-text); font-size: 26px; margin: 2px 0 0; line-height: 1.3;}
.site-page-heading .status {margin-top: 10px; width: fit-content; max-width: 100%; box-sizing: border-box; border-radius: 8px; overflow-wrap: anywhere;}
.site-page-heading .site-page-back {display: inline-block; margin-top: 8px; color: var(--ui-secondary-text); font-size: 13px;}
html.site-app .render-log input {min-width: 0; max-width: 100%;}
html.site-app .mobile-work-nav {left: var(--site-navigation-width);}
@media(max-width: 1114px) {html.site-app body > .app-shell {grid-template-columns: 1fr; max-width: 900px;}
html.site-app body > .app-shell > .preview-panel {position: static;}}
@media(max-width: 700px) {:root {--site-navigation-width: 0px;}
html.site-app, :root:has(#site-navigation) {--site-navigation-bottom-height: calc(60px + env(safe-area-inset-bottom)); scroll-padding-bottom: var(--site-navigation-bottom-height);}
body:has(#site-navigation), html.site-app body {padding-bottom: var(--site-navigation-bottom-height);}
.site-navigation-backdrop {display: block; position: fixed; inset: 0; z-index: 0; background: rgba(255, 255, 255, .4); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; visibility: hidden; pointer-events: none; touch-action: none; transition: opacity .2s ease;}
#site-navigation:has(.site-navigation-submenu:not([hidden])) .site-navigation-backdrop {visibility: visible; pointer-events: auto;}
#site-navigation:has(.site-navigation-trigger[aria-expanded="true"]) .site-navigation-backdrop {opacity: 1;}
.site-navigation-rail {top: auto; right: 0; width: 100%; height: var(--site-navigation-bottom-height);
        flex-direction: row; align-items: stretch;
        padding: 0 max(10px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px, env(safe-area-inset-left));
        box-shadow: 0 -3px 16px rgba(0, 0, 0, .14);}
.site-navigation-indicator {height: 60px;}
.site-navigation-brand {flex-basis: 50px; min-width: 50px; padding: 0;}
.site-navigation-logo-disc {width: 38px; height: 38px;}
.site-navigation-primary {display: flex; min-width: 0; overflow-x: auto; overflow-y: hidden;}
.site-navigation-tools {display: flex; padding: 0;}
/* Keep icon spacing stable; the primary container leaves spare room before the account. */
#site-navigation .site-navigation-trigger {flex: 0 0 50px; width: 50px; min-width: 50px; min-height: 60px;}
#site-navigation .site-navigation-trigger[data-site-group="admin"] {display: none;}
#site-navigation .site-navigation-trigger[aria-expanded="true"] > svg, #site-navigation .site-navigation-trigger[aria-expanded="true"] > .site-navigation-avatar {transform: translateY(-5px);}
.site-navigation-mobile-admin {display: block;}
.site-navigation-trigger svg {width: 25px; height: 25px;}
#site-navigation:has(.site-navigation-submenu:not([hidden])) .site-navigation-rail {box-shadow: none;}
.site-navigation-submenu {left: 0; right: 0; width: auto; border-radius: 0; box-shadow: 0 -4px 16px rgba(0, 0, 0, .12);}
.site-navigation-submenu-heading {min-height: 44px; padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(8px, env(safe-area-inset-right));}
.site-navigation-menu-content {padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right);}
#site-navigation .site-navigation-close {width: 44px; min-height: 44px;}
.site-page-heading {padding: 0 12px; margin-top: 18px;}
.site-page-heading h1 {font-size: 23px;}
html.site-app body > .app-shell {padding-left: 12px; padding-right: 12px; margin-top: 16px;}
html.site-app .mobile-work-nav {bottom: var(--site-navigation-bottom-height); padding: 8px; gap: 8px;}
html.site-app .mobile-work-nav .button {padding-left: 8px; padding-right: 8px; font-size: 12px;}}
@media (prefers-reduced-motion: reduce) {.site-navigation-backdrop {transition: none;}
#site-navigation .site-navigation-link {transition: none;}
#site-navigation .site-navigation-trigger > svg, #site-navigation .site-navigation-trigger > .site-navigation-avatar {transition: none;}}


/* Source: club-logo-editor.css */
.club-logo-upload {margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--ui-border);
    color: var(--ui-text);
    min-width: 0;}
.club-logo-upload h3 {margin: 0 0 8px; font-size: 18px;}
.club-logo-upload-help {margin: 6px 0 14px; color: var(--ui-text-muted); font-size: 13px; line-height: 1.55;}
.club-logo-upload-current {display: flex; align-items: center; gap: 16px; margin: 16px 0; min-width: 0;}
.club-logo-upload-image {flex: 0 0 88px; padding: 8px; border: 1px solid var(--ui-border); border-radius: 10px; background: var(--ui-surface-muted);}
.club-logo-upload-image img {display: block; width: 70px; height: 70px; object-fit: contain;}
.club-logo-upload-details {min-width: 0; overflow-wrap: anywhere;}
.club-logo-upload-details p {margin: 4px 0; font-size: 13px; line-height: 1.55; color: var(--ui-text-muted);}
.club-logo-upload form {display: block; min-width: 0;}
.club-logo-upload-drop {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 138px; padding: 20px 14px; border: 2px dashed var(--ui-border); border-radius: 10px; background: var(--ui-surface-muted); color: var(--ui-text); font: inherit; font-size: 13px; line-height: 1.5; cursor: pointer;}
.club-logo-upload-drop-title {font-size: 16px; font-weight: 700;}
.club-logo-upload-drop-types {color: var(--ui-text-muted); font-size: 12px;}
.club-logo-upload-drop:not(:disabled):hover, .club-logo-upload-drop.is-over {border-color: var(--ui-accent); background: var(--ui-accent-soft); color: var(--ui-on-accent-soft);}
.club-logo-upload-drop:disabled {cursor: default; opacity: .6;}
/* Keep the native picker clipped even when shared mobile input rules load later. */
#club-logo-upload-file {position: absolute; width: 1px; min-width: 1px; max-width: 1px; height: 1px; min-height: 1px; max-height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.club-logo-upload-actions {display: flex; gap: 10px; flex-wrap: wrap;}
.club-logo-upload .button {max-width: 100%; white-space: normal;}
.club-logo-upload progress {display: block; width: 100%; height: 8px; margin: 14px 0 0; accent-color: var(--ui-accent);}
.club-logo-upload-status {margin: 12px 0; font-size: 13px; line-height: 1.55; overflow-wrap: anywhere;}
.club-logo-upload-status:empty {display: none;}
.club-logo-upload-status.is-error {color: var(--ui-danger); background: var(--ui-danger-soft); padding: 10px 12px; border-radius: 6px;}
.club-logo-archive-heading {display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 24px 0 12px;}
.club-logo-archive-heading h4 {margin: 0; font-size: 15px;}
.club-logo-archive-heading span {color: var(--ui-text-muted); font-size: 12px;}
.club-logo-archive {list-style: none; margin: 0; padding: 0; display: grid; gap: 12px;}
.club-logo-archive-card {display: flex; align-items: flex-start; gap: 14px; min-width: 0; margin: 0; padding: 14px; border: 1px solid var(--ui-border); border-radius: 10px; background: var(--ui-surface);}
.club-logo-archive-card.is-active {border-color: var(--ui-success);}
.club-logo-archive-image {flex: 0 0 80px; width: 80px; height: 80px; display: grid; place-items: center; padding: 8px; border: 1px solid var(--ui-border); border-radius: 6px; background: var(--ui-surface-muted);}
.club-logo-archive-image img {display: block; width: 100%; height: 100%; object-fit: contain;}
.club-logo-archive-details {flex: 1; min-width: 0; overflow-wrap: anywhere;}
.club-logo-archive-name {display: block; font-size: 14px; line-height: 1.4;}
.club-logo-archive-badge {display: inline-block; margin: 6px 0 2px; padding: 3px 7px; border-radius: 4px; color: var(--ui-success); background: var(--ui-success-soft); font-size: 11px; font-weight: 700;}
.club-logo-archive-details p {margin: 5px 0 0; color: var(--ui-text-muted); font-size: 12px; line-height: 1.5;}
.club-logo-archive-actions {display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; margin-top: 12px;}
.club-logo-archive-actions .button {padding: 7px 10px; font-size: 12px;}
.club-logo-archive-download {color: var(--ui-accent-text); font-size: 12px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px;}
.club-logo-upload [hidden] {display: none !important;}
.club-logo-upload :focus-visible {outline: 2px solid var(--ui-focus); outline-offset: 3px;}
@media (max-width: 460px) {.club-logo-upload-current {gap: 12px;}
.club-logo-archive-card {gap: 10px; padding: 10px;}
.club-logo-archive-image {flex-basis: 58px; width: 58px; height: 58px; padding: 5px;}}


/* Source: app-shell.css */
/* Page navigation uses the same full-workspace loading treatment as posters. */
#site-shell-status {position:fixed; inset:0 0 var(--site-navigation-bottom-height, 0px) var(--site-navigation-width, 64px); z-index:12000; box-sizing:border-box; width:auto; height:calc(100dvh - var(--site-navigation-bottom-height, 0px)); margin:0; padding:24px; border:0; border-radius:0; background:color-mix(in srgb, var(--ui-base) 95%, transparent); color:var(--ui-text);}
#site-shell-status:not([hidden]) {display:grid; place-items:center;}
#site-shell-status > div {display:grid; justify-items:center; gap:18px; font:600 14px Poppins, sans-serif;}
.site-shell-spinner {display:block; width:42px; height:42px; border:4px solid var(--ui-border); border-top-color:var(--ui-accent); border-radius:50%; animation:site-shell-spin .8s linear infinite;}
@keyframes site-shell-spin {to { transform:rotate(360deg); }}
@media (prefers-reduced-motion:reduce) {.site-shell-spinner {animation:none;}}
#site-shell-error {position:fixed; z-index:12000; top:12px; left:calc(var(--site-navigation-width, 64px) + 12px); right:12px; margin:0 auto; max-width:580px; padding:12px 18px; border:1px solid var(--ui-border); border-radius:8px; background:var(--ui-surface); color:var(--ui-text); box-shadow:0 6px 24px rgba(0,0,0,.16); font:inherit;}
#site-shell-status[hidden], #site-shell-error[hidden] {display:none;}
#site-shell-error p {margin:0 0 12px;}
#site-shell-error button {padding:8px 14px; margin-right:8px; color:var(--ui-on-secondary); background:var(--ui-secondary); border:0; border-radius:5px; font:inherit; cursor:pointer;}


/* Source: competition-logos.css */
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app {max-width:1150px;margin:auto;padding:28px;box-sizing:border-box}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app h1 {font-size:28px}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app header>p:first-child {font-size:12px;letter-spacing:.12em}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-layout {display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.4fr);gap:24px}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-layout>section,
:where(body[data-site-page="competition-logos.php"]) .competition-logos-layout>form {padding:24px;border:1px solid var(--ui-border,#ddd);border-radius:12px;background:var(--ui-surface,#fff);min-width:0}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app label {display:grid;gap:6px;margin:16px 0}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app input {width:100%;box-sizing:border-box}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app p,
:where(body[data-site-page="competition-logos.php"]) .competition-logo-card small {font-size:13px}
:where(body[data-site-page="competition-logos.php"]) .competition-logo-card {display:flex;width:100%;align-items:center;text-align:left;gap:14px;margin-bottom:10px;padding:12px}
:where(body[data-site-page="competition-logos.php"]) .competition-logo-card img {width:80px;height:65px;object-fit:contain;background:white}
:where(body[data-site-page="competition-logos.php"]) .competition-logo-card span {display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}
:where(body[data-site-page="competition-logos.php"]) .competition-logo-drop {padding:24px;border:2px dashed var(--ui-border,#bbb);border-radius:10px}
:where(body[data-site-page="competition-logos.php"]) #competition-logo-status {overflow-wrap:anywhere}
@media(max-width:760px) {:where(body[data-site-page="competition-logos.php"]) .competition-logos-app {padding:16px}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-layout {grid-template-columns:1fr}}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app {color:var(--ui-text);font:14px/1.6 Poppins,Arial,sans-serif}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app header {margin-bottom:24px}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app h1 {color:var(--ui-secondary-text);line-height:1.25;margin:6px 0 12px}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app h2 {font-size:18px;margin:0 0 18px}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app p,
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app small {color:var(--ui-text-muted)}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app button {min-height:40px;padding:9px 14px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-surface);color:var(--ui-secondary-text);font:600 12px/1.4 Poppins,Arial,sans-serif;cursor:pointer}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app button:hover {background:var(--ui-secondary-soft);color:var(--ui-on-secondary-soft)}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app button:disabled {opacity:.5;cursor:default}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app input:not([type=file]) {min-height:42px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:7px;color:var(--ui-text);background:var(--ui-surface);font:inherit}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app label {font-size:12px;font-weight:600;color:var(--ui-text-muted)}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app :is(button,input):focus-visible {outline:3px solid var(--ui-focus);outline-offset:2px}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app .competition-logo-card {display:flex;padding:14px;text-align:left}
:where(body[data-site-page="competition-logos.php"]) .competition-logo-card strong {font-size:14px}
:where(body[data-site-page="competition-logos.php"]) .competition-logo-card small {font-weight:400;font-size:11px}
:where(body[data-site-page="competition-logos.php"]) .competition-logo-card img {border-radius:4px;flex-shrink:0}
:where(body[data-site-page="competition-logos.php"]) .competition-logos-app #competition-logo-save {background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent)}
:where(body[data-site-page="competition-logos.php"]) .competition-logo-drop {background:var(--ui-surface-muted);text-align:center;cursor:pointer;gap:14px!important}
:where(body[data-site-page="competition-logos.php"]) #competition-logo-aliases {padding-left:18px}
:where(body[data-site-page="competition-logos.php"]) #competition-logo-aliases li {margin:6px 0}
:where(body[data-site-page="competition-logos.php"]) #competition-logo-aliases button {min-height:28px;padding:4px 8px}


/* Source: users.css */
:where(body[data-site-page="users.php"]) .users-shell {max-width:1200px; margin:32px auto; padding:0 24px 40px; color:var(--ui-text);}
:where(body[data-site-page="users.php"]) .users-heading,
:where(body[data-site-page="users.php"]) .user-editor-heading,
:where(body[data-site-page="users.php"]) .user-access-intro,
:where(body[data-site-page="users.php"]) .user-save-bar,
:where(body[data-site-page="users.php"]) .user-team-toolbar,
:where(body[data-site-page="users.php"]) .user-menu-group>header {display:flex;align-items:center;justify-content:space-between;gap:20px;}
:where(body[data-site-page="users.php"]) .users-heading {margin-bottom:24px;}
:where(body[data-site-page="users.php"]) .users-heading h1 {font-size:clamp(24px,3vw,34px);margin:4px 0 8px;}
:where(body[data-site-page="users.php"]) .users-heading p {margin:0;color:var(--ui-text-muted);}
:where(body[data-site-page="users.php"]) .users-heading .users-eyebrow {color:var(--ui-text-muted);font-size:11px;letter-spacing:.12em;font-weight:600;}
:where(body[data-site-page="users.php"]) .users-shell .control-panel {padding:28px; margin-bottom:24px;border:1px solid var(--ui-border);box-shadow:none;}
:where(body[data-site-page="users.php"]) .user-editor-heading {margin-bottom:24px;}
:where(body[data-site-page="users.php"]) .user-editor-heading h2 {margin:0;}
:where(body[data-site-page="users.php"]) .user-role {border-radius:20px;background:var(--ui-secondary-soft);color:var(--ui-on-secondary-soft);padding:5px 12px;font-size:12px;font-weight:600;}
:where(body[data-site-page="users.php"]) .user-identity {display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;}
:where(body[data-site-page="users.php"]) .users-shell label {font-size:14px;}
:where(body[data-site-page="users.php"]) .user-identity>label,
:where(body[data-site-page="users.php"]) .user-team-toolbar>label {display:flex;flex-direction:column;gap:7px;min-width:0;font-weight:600;}
:where(body[data-site-page="users.php"]) .users-shell input:not([type=checkbox]):not([type=hidden]) {width:100%;box-sizing:border-box;border:1px solid var(--ui-border);border-radius:8px;padding:11px 12px;min-height:44px;background:var(--ui-base);color:var(--ui-text);font:inherit;}
:where(body[data-site-page="users.php"]) .users-shell input[readonly] {background:var(--ui-surface);color:var(--ui-text-muted);}
:where(body[data-site-page="users.php"]) .users-shell input:focus-visible,
:where(body[data-site-page="users.php"]) .users-shell button:focus-visible,
:where(body[data-site-page="users.php"]) .users-shell a:focus-visible,
:where(body[data-site-page="users.php"]) .users-shell summary:focus-visible {outline:2px solid var(--ui-focus);outline-offset:3px;}
:where(body[data-site-page="users.php"]) .users-shell small,
:where(body[data-site-page="users.php"]) .users-shell .help {font-size:12px;line-height:1.6;color:var(--ui-text-muted);font-weight:400;}
:where(body[data-site-page="users.php"]) .users-shell fieldset {min-width:0;border:0;border-top:1px solid var(--ui-border);border-radius:0;padding:22px 0 0;margin:28px 0;}
:where(body[data-site-page="users.php"]) .users-shell legend {font-size:18px;font-weight:600;padding:0 12px 0 0;}
:where(body[data-site-page="users.php"]) .users-shell .user-check {display:flex;align-items:center;gap:10px;min-height:44px;margin:0;cursor:pointer;font-size:13px;font-weight:500;line-height:1.4;}
:where(body[data-site-page="users.php"]) .users-shell .user-check input[type=checkbox] {appearance:auto;position:static;flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:var(--ui-secondary);}
:where(body[data-site-page="users.php"]) .user-check small {display:block;margin-top:3px;}
:where(body[data-site-page="users.php"]) .user-all-teams {padding:14px;background:var(--ui-secondary-soft);border-radius:8px;color:var(--ui-on-secondary-soft);}
:where(body[data-site-page="users.php"]) .user-team-toolbar {margin:18px 0 10px;}
:where(body[data-site-page="users.php"]) .user-team-toolbar>label {width:min(100%,320px);}
:where(body[data-site-page="users.php"]) #user-team-count {font-size:12px;color:var(--ui-text-muted);}
:where(body[data-site-page="users.php"]) .user-team-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 18px;}
:where(body[data-site-page="users.php"]) .user-team-grid.is-all-teams {opacity:.55;}
:where(body[data-site-page="users.php"]) .users-shell [hidden] {display:none!important;}
:where(body[data-site-page="users.php"]) .user-access-intro {align-items:flex-start;}
:where(body[data-site-page="users.php"]) .user-access-intro .help {margin:0;max-width:560px;}
:where(body[data-site-page="users.php"]) .user-access-tools,
:where(body[data-site-page="users.php"]) .user-save-actions {display:flex;gap:8px;flex-shrink:0;}
:where(body[data-site-page="users.php"]) .users-shell .button {min-height:40px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
:where(body[data-site-page="users.php"]) .user-fixed-note {font-size:12px;color:var(--ui-text-muted);margin:16px 0;}
:where(body[data-site-page="users.php"]) .user-menu-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}
:where(body[data-site-page="users.php"]) .user-menu-group {border:1px solid var(--ui-border);border-radius:10px;overflow:hidden;}
:where(body[data-site-page="users.php"]) .user-menu-group>header {padding:8px 14px;background:var(--ui-secondary-soft);color:var(--ui-on-secondary-soft);}
:where(body[data-site-page="users.php"]) .user-menu-group>header strong {font-size:15px;}
:where(body[data-site-page="users.php"]) .user-menu-group>header>span {font-size:12px;white-space:nowrap;}
:where(body[data-site-page="users.php"]) .user-menu-items {padding:6px 14px;}
:where(body[data-site-page="users.php"]) .user-menu-items .user-check + .user-check {border-top:1px solid var(--ui-border);}
:where(body[data-site-page="users.php"]) .user-menu-items .user-check {padding:6px 0;}
:where(body[data-site-page="users.php"]) .user-protected {padding:16px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:8px;margin-top:20px;font-size:12px;color:var(--ui-text-muted);}
:where(body[data-site-page="users.php"]) .user-protected summary {cursor:pointer;font-size:13px;font-weight:600;color:var(--ui-text);}
:where(body[data-site-page="users.php"]) .user-protected summary span {margin-left:12px;font-size:11px;color:var(--ui-text-muted);}
:where(body[data-site-page="users.php"]) .user-save-bar {border-top:1px solid var(--ui-border);padding-top:18px;margin-top:24px;}
:where(body[data-site-page="users.php"]) .user-save-bar .help {margin:4px 0 0;}
:where(body[data-site-page="users.php"]) .user-list {font-size:13px;}
:where(body[data-site-page="users.php"]) .user-list th {font-size:11px;text-transform:uppercase;color:var(--ui-text-muted);}
:where(body[data-site-page="users.php"]) .user-list td {vertical-align:top;}
:where(body[data-site-page="users.php"]) .user-list td:last-child a {display:inline-block;margin:4px 0;}
@media(max-width:900px) {:where(body[data-site-page="users.php"]) .user-identity {grid-template-columns:1fr 1fr;}
:where(body[data-site-page="users.php"]) .user-identity>label:last-child {grid-column:1 / -1;}
:where(body[data-site-page="users.php"]) .user-access-intro,
:where(body[data-site-page="users.php"]) .user-save-bar {align-items:flex-start;flex-direction:column;}
:where(body[data-site-page="users.php"]) .user-team-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px) {:where(body[data-site-page="users.php"]) .users-shell .control-panel {padding:18px;}
:where(body[data-site-page="users.php"]) .users-shell fieldset {padding:18px 0 0;}
:where(body[data-site-page="users.php"]) .user-identity,
:where(body[data-site-page="users.php"]) .user-menu-grid,
:where(body[data-site-page="users.php"]) .user-team-grid {grid-template-columns:minmax(0,1fr);}
:where(body[data-site-page="users.php"]) .user-team-toolbar {align-items:flex-start;flex-direction:column;gap:8px;}
:where(body[data-site-page="users.php"]) .user-team-toolbar>label {width:100%;}
:where(body[data-site-page="users.php"]) .users-heading {align-items:flex-start;flex-direction:column;}
:where(body[data-site-page="users.php"]) .user-save-actions {width:100%;flex-wrap:wrap;}
:where(body[data-site-page="users.php"]) .user-save-actions .button {flex:1;}}
@media(min-width:901px) {:where(body[data-site-page="users.php"]) .user-menu-group[data-permission-group="publishing"] {grid-column:1;grid-row:1 / span 4;}
:where(body[data-site-page="users.php"]) .user-menu-group:not([data-permission-group="publishing"]) {grid-column:2;}}
:where(body[data-site-page="users.php"]) .user-tabs {display:flex;gap:8px;border-bottom:1px solid var(--ui-border);margin-bottom:24px;}
:where(body[data-site-page="users.php"]) .user-tabs a {padding:12px 16px;color:var(--ui-text-muted);text-decoration:none;border-bottom:3px solid transparent;font-weight:600;}
:where(body[data-site-page="users.php"]) .user-tabs a[aria-current] {color:var(--ui-secondary);border-color:var(--ui-accent);}
:where(body[data-site-page="users.php"]) .user-tabs span {font-size:12px;margin-left:4px;}
:where(body[data-site-page="users.php"]) .user-group-choice {padding:20px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:10px;margin-top:24px;}
:where(body[data-site-page="users.php"]) .user-group-choice>label,
:where(body[data-site-page="users.php"]) .user-group-name label {display:block;font-size:14px;font-weight:600;}
:where(body[data-site-page="users.php"]) .users-shell select {display:block;width:100%;max-width:480px;min-height:44px;margin-top:8px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-base);color:var(--ui-text);font:inherit;}
:where(body[data-site-page="users.php"]) .users-shell select:focus-visible {outline:2px solid var(--ui-focus);outline-offset:3px;}
:where(body[data-site-page="users.php"]) #user-group-summary {font-size:13px;font-weight:600;margin-bottom:12px;}
:where(body[data-site-page="users.php"]) .user-group-choice a,
:where(body[data-site-page="users.php"]) .user-group-members a,
:where(body[data-site-page="users.php"]) .user-group-tag {color:var(--ui-secondary);font-size:13px;}
:where(body[data-site-page="users.php"]) .user-group-name {max-width:480px;}
:where(body[data-site-page="users.php"]) .user-group-name input {margin-top:8px;}
:where(body[data-site-page="users.php"]) .user-group-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;}
:where(body[data-site-page="users.php"]) .user-group-card {display:flex;flex-direction:column;gap:6px;padding:18px;text-decoration:none;color:var(--ui-text);border:1px solid var(--ui-border);border-radius:10px;overflow-wrap:anywhere;}
:where(body[data-site-page="users.php"]) .user-group-card[aria-current] {border-color:var(--ui-secondary);background:var(--ui-secondary-soft);}
:where(body[data-site-page="users.php"]) .user-group-card span {font-size:13px;}
:where(body[data-site-page="users.php"]) .user-group-members {border-top:1px solid var(--ui-border);padding-top:20px;margin-top:24px;}
:where(body[data-site-page="users.php"]) .user-group-members li {margin:10px 0;}
:where(body[data-site-page="users.php"]) .user-group-members li small {margin-left:10px;}
:where(body[data-site-page="users.php"]) .user-group-delete {display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap;}
:where(body[data-site-page="users.php"]) .user-group-tag {display:inline-block;font-weight:600;margin-bottom:6px;}


/* Source: club-accounts.css */
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-sales,
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-admin {max-width:1280px;margin:0 auto;padding:clamp(20px,4vw,60px);color:var(--club-on-base,#172131)}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-sales header {max-width:850px;margin-bottom:36px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-sales h1 {font-size:clamp(30px,4vw,52px);line-height:1.15}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-eyebrow {font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-sales-grid {display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1.3fr);gap:28px;align-items:start}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-card {background:var(--club-base,#fff);border:1px solid #d9dde2;border-radius:16px;padding:28px;margin:20px 0}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-card h2,
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-card h3 {margin-top:0}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-offer {background:var(--club-secondary,#0a1d43);color:#fff;position:sticky;top:24px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-offer h2 {font-size:40px;margin-bottom:0;color:var(--club-accent,#ff9d00)}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-offer ul {padding-left:20px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-offer li {margin:14px 0}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-offer dl {display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid #ffffff44;padding-top:20px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-offer dd {margin:0}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-sales footer {margin-top:30px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-registration-form,
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-admin form {display:grid;gap:18px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-sales label,
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-admin label {display:grid;gap:8px;font-weight:600}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-sales input:not([type=checkbox]):not([type=radio]),
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-admin input:not([type=checkbox]),
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-admin select {box-sizing:border-box;width:100%;min-width:0;padding:12px 14px;border:1px solid #aab2bf;border-radius:8px;font:inherit;background:#fff;color:#172131}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-choice {display:flex!important;align-items:center;flex-wrap:wrap;font-weight:400!important;gap:10px!important}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-choice input {width:20px;height:20px;flex:none;margin:0;accent-color:var(--club-secondary,#0a1d43)}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-registration-form fieldset {padding:18px;border:1px solid #aab2bf;border-radius:8px;display:grid;gap:14px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-state {display:inline-block;padding:7px 12px;border-radius:8px;background:var(--club-secondary,#0a1d43);color:#fff;font-size:14px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-notice {padding:16px;border-left:4px solid var(--club-accent,#ff9d00);background:#fff}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-stats strong {font-size:32px;display:block}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-row {display:flex;align-items:center;justify-content:space-between;gap:20px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-admin details {margin-top:22px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-admin summary {cursor:pointer;font-weight:600;margin-bottom:20px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-admin small {overflow-wrap:anywhere}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-admin form+form {margin-top:24px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-admin .button,
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-sales .button {white-space:normal;text-align:center}
@media(max-width:760px) {:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-sales-grid,
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-form-grid {grid-template-columns:1fr}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-offer {position:static}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-card {padding:20px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-stats {gap:10px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-stats .club-card {padding:12px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-stats span {font-size:12px}
:where(body[data-site-page="club-accounts.php"], body[data-site-page="club-registration.php"]) .club-row {align-items:flex-start;flex-direction:column}}


/* Source: nff-names.css */
:where(body[data-site-page="nff-names.php"]) .nff-names-app {max-width: 1040px; margin: 32px auto; padding: 0 24px; color: var(--ui-text);}
:where(body[data-site-page="nff-names.php"]) .nff-names-app h1 {margin: 0 0 12px; font-size: 28px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-eyebrow,
:where(body[data-site-page="nff-names.php"]) .nff-names-help {color: var(--ui-text-muted); font-size: 13px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-tabs {display: flex; gap: 8px; overflow-x: auto; padding: 4px 0 10px; border-bottom: 1px solid var(--ui-border); scrollbar-width: thin;}
:where(body[data-site-page="nff-names.php"]) .nff-names-tab {flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 9px 15px; border: 1px solid var(--ui-border); border-radius: 9px; background: var(--ui-surface-muted); color: var(--ui-text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;}
:where(body[data-site-page="nff-names.php"]) .nff-names-tab[aria-selected="true"] {background: var(--ui-surface); border-color: var(--ui-accent); box-shadow: inset 0 -3px var(--ui-accent);}
:where(body[data-site-page="nff-names.php"]) .nff-names-tab:focus-visible {outline: 2px solid var(--ui-accent); outline-offset: 2px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-tab-count {min-width: 22px; padding: 2px 6px; border-radius: 999px; background: var(--ui-surface); color: var(--ui-text-muted); font-size: 12px; text-align: center;}
:where(body[data-site-page="nff-names.php"]) .nff-names-app section[hidden] {display: none;}
:where(body[data-site-page="nff-names.php"]) .nff-names-app section {margin-top: 24px; padding: 24px; border: 1px solid var(--ui-border); border-radius: 12px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-app h2 {margin: 0 0 8px; font-size: 19px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-row {display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto; gap: 12px; align-items: end; margin: 20px 0;}
:where(body[data-site-page="nff-names.php"]) .nff-names-row label {min-width: 0; font-size: 13px; font-weight: 600;}
:where(body[data-site-page="nff-names.php"]) .nff-names-row input {display: block; width: 100%; min-width: 0; box-sizing: border-box; min-height: 44px; margin-top: 6px; padding: 9px 12px; border: 1px solid var(--ui-border); border-radius: 7px; background: var(--ui-surface); color: var(--ui-text); font: inherit;}
:where(body[data-site-page="nff-names.php"]) .nff-names-row > span {align-self: center; padding-top: 23px; color: var(--ui-text-muted);}
:where(body[data-site-page="nff-names.php"]) .nff-names-app .button {width: auto; min-height: 44px; padding: 10px 16px; font-size: 13px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-actions {display: flex; flex-wrap: wrap; gap: 10px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker {width: min(680px, calc(100vw - 28px)); max-width: 100%; max-height: min(720px, 86vh); padding: 0; box-sizing: border-box; color: var(--ui-text); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 12px; box-shadow: 0 18px 48px rgba(var(--ui-text-rgb), .25);}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker[open] {display: flex; flex-direction: column;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker::backdrop {background: rgba(var(--ui-text-rgb), .45);}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-header {display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 20px 20px 12px; border-bottom: 1px solid var(--ui-border);}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-header h2 {margin: 0 0 4px; font-size: 19px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-header p {margin: 0;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-search {padding: 16px 20px 0;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-search input {display: block; width: 100%; min-height: 44px; box-sizing: border-box; padding: 9px 12px; color: var(--ui-text); background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 7px; font: inherit;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-count {margin: 10px 20px; color: var(--ui-text-muted); font-size: 13px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-list {min-height: 0; overflow: auto; margin: 0; padding: 0 12px 12px; list-style: none;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-choice {display: flex; align-items: flex-start; gap: 12px; padding: 10px 8px; border-radius: 8px; cursor: pointer;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-choice:hover,
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-choice:focus-within {background: var(--ui-surface-muted);}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-choice:has(input:disabled) {opacity: .6; cursor: default;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-choice input {flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 0 0;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-choice span {display: grid; gap: 2px; min-width: 0;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-choice strong {overflow-wrap: anywhere; color: var(--ui-text); font-size: 14px; font-weight: 600;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-choice small {color: var(--ui-text-muted); font-size: 12px; font-weight: 400;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-empty {margin: 12px 20px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-footer {display: flex; justify-content: flex-end; padding: 12px 20px; border-top: 1px solid var(--ui-border);}
:where(body[data-site-page="nff-names.php"]) .nff-names-app footer {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin: 20px 0;}
:where(body[data-site-page="nff-names.php"]) .nff-names-app footer p {max-width: 650px; flex: 1 1 300px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-message {padding: 12px 16px; background: var(--ui-success-soft); border-radius: 8px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-message.is-error {color: var(--ui-danger); background: var(--ui-danger-soft);}
@media(max-width: 650px) {:where(body[data-site-page="nff-names.php"]) .nff-names-app {margin: 20px auto; padding: 0 16px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-tabs {flex-wrap: wrap; overflow-x: visible;}
:where(body[data-site-page="nff-names.php"]) .nff-names-app section {padding: 16px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-row {grid-template-columns: minmax(0, 1fr); gap: 8px; padding-bottom: 16px; border-bottom: 1px solid var(--ui-border);}
:where(body[data-site-page="nff-names.php"]) .nff-names-row > span {display: none;}
:where(body[data-site-page="nff-names.php"]) .nff-names-row .button {justify-self: start;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-header,
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-search {padding-left: 16px; padding-right: 16px;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-header {flex-wrap: wrap;}
:where(body[data-site-page="nff-names.php"]) .nff-names-picker-footer {padding-left: 16px; padding-right: 16px;}}


/* Source: site-feedback.css */
/* Source elements stay in place for existing page code, without taking up space. */
[data-site-feedback-source] {display: none !important;}
#site-feedback {position: fixed;
    inset: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) auto auto;
    z-index: 13000;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-sizing: border-box;
    width: min(420px, calc(100vw - 32px));
    max-width: none;
    max-height: calc(100dvh - var(--site-navigation-bottom-height, 0px) - 32px);
    margin: 0;
    padding: 0;
    overflow: auto;
    overscroll-behavior: contain;
    border: 0;
    background: transparent;
    color: var(--ui-text, #20242c);
    font: 500 14px/1.5 Poppins, system-ui, sans-serif;
    text-align: left;
    pointer-events: none;
    isolation: isolate;}
#site-feedback[hidden] {display: none !important;}
#site-feedback::backdrop {background: transparent; pointer-events: none;}
#site-feedback .site-feedback-message {position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 14px 12px 14px 16px;
    border: 1px solid var(--ui-border, #cbd0d8);
    border-left: 4px solid var(--ui-secondary, #2460a7);
    border-radius: 10px;
    background: var(--ui-surface, #fff);
    color: var(--ui-text, #20242c);
    box-shadow: 0 6px 28px #0002, 0 1px 4px #0001;
    pointer-events: auto;
    overflow-wrap: anywhere;}
#site-feedback .site-feedback-message[data-kind="success"] {border-left-color: var(--ui-success, #27753b);}
#site-feedback .site-feedback-message[data-kind="error"] {border-left-color: var(--ui-danger, #b91c1c);}
#site-feedback .site-feedback-message[data-kind="progress"] {border-left-color: var(--ui-accent, #e49a00);}
#site-feedback .site-feedback-content {flex: 1 1 auto;
    min-width: 0;
    max-height: min(320px, 45dvh);
    overflow: auto;
    overscroll-behavior: contain;}
#site-feedback .site-feedback-content p,
#site-feedback .site-feedback-content div {margin: 0; padding: 0; font: inherit; color: inherit;}
#site-feedback .site-feedback-content p + p {margin-top: 6px;}
#site-feedback .site-feedback-content ul,
#site-feedback .site-feedback-content ol {margin: 6px 0; padding-left: 20px;}
#site-feedback .site-feedback-content li {margin: 0; padding: 0;}
#site-feedback .site-feedback-close {flex: 0 0 30px;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin: -3px 0 0;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: inherit;
    font: 400 25px/1 system-ui, sans-serif;
    cursor: pointer;}
#site-feedback .site-feedback-close:hover {background: color-mix(in srgb, currentColor 10%, transparent);}
#site-feedback .site-feedback-close:focus-visible,
#site-feedback .site-feedback-action:focus-visible {outline: 2px solid var(--ui-accent, #e49a00); outline-offset: 2px;}
#site-feedback a.site-feedback-action {color: var(--ui-secondary, #2460a7); text-decoration: underline; cursor: pointer;}
#site-feedback button.site-feedback-action {display: inline-block;
    box-sizing: border-box;
    width: auto;
    min-height: 34px;
    margin: 6px 6px 0 0;
    padding: 5px 10px;
    border: 1px solid var(--ui-border, #cbd0d8);
    border-radius: 5px;
    background: var(--ui-surface-muted, #edf0f4);
    color: inherit;
    font: inherit;
    cursor: pointer;}
#site-feedback .site-feedback-action[aria-disabled="true"] {opacity: .55; cursor: default;}
@media (max-width: 600px) {#site-feedback {inset: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) auto auto;
        width: calc(100vw - 20px);
        gap: 8px;
        font-size: 13px;}
#site-feedback .site-feedback-message {gap: 8px; padding: 12px 10px 12px 12px;}
#site-feedback .site-feedback-close {width: 34px; min-width: 34px; flex-basis: 34px; height: 34px; min-height: 34px;}}

:where(body[data-site-page="club-design.php"]) .club-font-kerning {margin:0 0 24px;padding:20px;background:var(--ui-surface-muted);border:1px solid var(--ui-border);border-radius:12px}
:where(body[data-site-page="club-design.php"]) .club-font-kerning h3 {margin:0 0 8px}
:where(body[data-site-page="club-design.php"]) .club-font-kerning>p {color:var(--ui-text-muted);line-height:1.5}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-row {display:grid;grid-template-columns:minmax(180px,2fr) 85px 100px auto 110px;gap:8px;align-items:center;margin:10px 0}
:where(body[data-site-page="club-design.php"]) .club-fonts-section .club-font-kerning-row input[type=number] {box-sizing:border-box;width:100%;border:1px solid var(--ui-border);border-radius:8px;padding:10px 12px;background:var(--ui-surface);color:var(--ui-text);font:inherit}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-preview {display:inline-block;text-align:center;font-size:32px;white-space:nowrap}
:where(body[data-site-page="club-design.php"]) .club-font-kerning #club-fonts-kerning-status {font-size:13px;margin:12px 0 0}
@media(max-width:700px) {:where(body[data-site-page="club-design.php"]) .club-font-kerning-row {grid-template-columns:minmax(0,1fr) 80px 95px}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-row select {grid-column:1/-1}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-preview {grid-column:1/-1}}

:where(body[data-site-page="club-design.php"]) .club-font-kerning-group {margin:14px 0;padding:14px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface)}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-group-header {display:flex;align-items:end;justify-content:space-between;gap:12px}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-group-header label {flex:1;min-width:0}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-group-header select {display:block;width:100%;margin-top:5px}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-group-header span {white-space:nowrap;color:var(--ui-text-muted)}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-row {grid-template-columns:minmax(70px,1fr) minmax(80px,1fr) auto auto 100px}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-group-add {margin-top:4px}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-new {display:flex;align-items:end;gap:10px;flex-wrap:wrap}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-new label {flex:1;min-width:180px}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-new select {display:block;width:100%;margin-top:5px}
@media(max-width:700px) {:where(body[data-site-page="club-design.php"]) .club-font-kerning-row {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-row .club-font-kerning-preview {grid-column:1/-1}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-row button {min-width:0}
:where(body[data-site-page="club-design.php"]) .club-font-kerning-group-header {align-items:start;flex-direction:column}}

/* Automatic group graphics scaling controls */
:where(body[data-site-page="poster.php"]) #poster-group-graphic-scale {border-top:1px solid var(--ui-border);padding-top:12px;margin-top:12px}
:where(body[data-site-page="poster.php"]) #poster-group-graphic-scale .poster-check {margin:0}
:where(body[data-site-page="poster.php"]) #poster-group-graphic-scale-reference-row {display:block;margin-top:10px}
:where(body[data-site-page="poster.php"]) #poster-group-graphic-scale-reference-row[hidden] {display:none}

:where(body[data-site-page="poster.php"]) #poster-group-graphic-scale-anchor-row {display:block;margin-top:10px}
:where(body[data-site-page="poster.php"]) #poster-group-graphic-scale-anchor-row[hidden] {display:none}

/* Text shadow layers, 2026-10-11 */
:where(body[data-site-page="poster.php"]) .poster-extra-shadow { min-width: 0; margin: 10px 0; padding: 10px; border: 1px solid var(--ui-border); border-radius: 8px; }
:where(body[data-site-page="poster.php"]) .poster-extra-shadow legend { padding: 0 4px; font-weight: 600; }
:where(body[data-site-page="poster.php"]) .poster-extra-shadow .poster-object-grid { margin-bottom: 8px; }
:where(body[data-site-page="poster.php"]) .poster-extra-shadow > button { margin-top: 8px; }
:where(body[data-site-page="poster.php"]) #poster-add-shadow { margin-top: 8px; }

#poster-multi-visibility-field{display:grid;gap:5px;margin:10px 0;max-width:320px;font-size:12px;font-weight:600}
#poster-multi-visibility-field[hidden]{display:none}
#poster-multi-match-visibility{min-height:36px;width:100%}
.poster-component-match-choice{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;white-space:nowrap}
.poster-component-match-choice select{min-height:34px;max-width:min(360px,60vw);padding:5px 7px;font:inherit}

.poster-component-match-choice{flex-basis:100%;display:grid;gap:5px;max-width:520px;font-weight:600}
.poster-component-match-choice select{width:100%;max-width:none}
.poster-component-edit-session>.poster-component-match-help{flex-basis:100%;margin:0}

/* Klubbens felles UI-palett. */
:root {
  --ui-base: #ffffff;
  --ui-on-base: #000000;
  --ui-surface: #f9fafb;
  --ui-surface-muted: #e9ebf0;
  --ui-border: #c4c4c4;
  --ui-text: #000000;
  --ui-text-muted: #696969;
  --ui-secondary: #0b265b;
  --ui-on-secondary: #ffffff;
  --ui-secondary-hover: #0a2150;
  --ui-secondary-text: #0b265b;
  --ui-secondary-soft: #dce1e8;
  --ui-on-secondary-soft: #0b265b;
  --ui-accent: #f79e00;
  --ui-on-accent: #000000;
  --ui-accent-text: #945f00;
  --ui-accent-soft: #f9edd8;
  --ui-on-accent-soft: #976000;
  --ui-focus: #bc7800;
  --ui-nav: #0b265b;
  --ui-nav-panel: #142e61;
  --ui-nav-hover: #213a6a;
  --ui-nav-text: #ffffff;
  --ui-nav-icon: #ffffff;
  --ui-nav-muted: #b1bacb;
  --ui-nav-accent: #f79e00;
  --ui-overlay: rgba(11, 38, 91, 0.58);
  --ui-secondary-rgb: 11, 38, 91;
  --ui-accent-rgb: 247, 158, 0;
  --ui-text-rgb: 0, 0, 0;
  --ui-success: #166534;
  --ui-success-soft: #e7f6ec;
  --ui-warning: #854d0e;
  --ui-warning-soft: #fff4cf;
  --ui-danger: #b91c1c;
  --ui-danger-soft: #feecec;
}