:root{--text:#1f2430;--text-muted:#5b6270;--bg:#f5f6f8;--panel-bg:#fff;--border:#dcdfe4;--accent:#1f6feb;--error-bg:#fdecea;--error-text:#8a1c14;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e6e8eb;--text-muted:#9aa1ac;--bg:#14161a;--panel-bg:#1c1f24;--border:#30343c;--accent:#6fa8ff;--error-bg:#3a1512;--error-text:#f5a99f}}*{box-sizing:border-box}body{margin:0}.app{max-width:1200px;margin:0 auto;padding:24px 16px 48px}.app-header h1{margin:0 0 20px;font-size:24px}.app-main{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:24px;display:grid}@media (width<=900px){.app-main{grid-template-columns:1fr}}fieldset{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;margin:0 0 16px;padding:16px}legend{padding:0 6px;font-weight:600}.field{color:var(--text-muted);flex-direction:column;gap:4px;margin-bottom:12px;font-size:13px;display:flex}.field:last-child{margin-bottom:0}.kickoff-inputs{gap:6px;display:flex}.kickoff-inputs input[type=date]{flex:1}.kickoff-inputs .time-input{text-align:center;flex:none;width:72px}input,select,button{font:inherit;color:var(--text);background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;padding:7px 9px}button{cursor:pointer;background:var(--panel-bg)}button:disabled{cursor:not-allowed;opacity:.6}.combobox{position:relative}.combobox-list{z-index:10;background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;max-height:240px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto}.combobox-list button{text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px;display:flex}.combobox-list button:hover{background:var(--bg)}.combobox-list img{object-fit:contain;width:20px;height:20px}.roster-line{margin-bottom:12px}.roster-line h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 6px;font-size:12px}.roster-row{margin-bottom:6px}.roster-row input{width:100%}.list-row{gap:6px;margin-bottom:6px;display:flex}.list-row input{flex:1}.preview-column{position:sticky;top:24px}.preview-pane{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:200px;padding:12px;display:flex}.preview-image{border-radius:4px;max-width:100%;transition:opacity .15s}.preview-image.is-stale{opacity:.5}.preview-placeholder{color:var(--text-muted)}.preview-error{background:var(--error-bg);color:var(--error-text);border-radius:6px;align-self:stretch;margin:0;padding:8px 10px;font-size:13px}.actions{flex-direction:column;gap:10px;margin-top:16px;display:flex}.download-buttons{gap:8px;display:flex}.download-buttons .button,.download-buttons button{text-align:center;flex:1;text-decoration:none}.download-buttons .button[aria-disabled=true]{opacity:.6;pointer-events:none}