:root { color-scheme: light; font-family: system-ui, sans-serif; color: #20242a; background: #f6f7f9; }
* { box-sizing: border-box; } body { margin: 0; } .site-header { background: #fff; border-bottom: 1px solid #e5e7eb; padding: 0.8rem max(1rem, calc((100% - 1040px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .brand { color: inherit; text-decoration: none; font-weight: 700; font-size: 1.15rem; display: flex; align-items: center; gap: .45rem; }.brand img,.login-logo { width: 28px; height: 28px; } nav { display:flex; align-items:center; gap:1rem; } nav a,.link-button { color:#334155; text-decoration:none; font:inherit; } .inline-form { display:inline; } .link-button { border:0; background:transparent; cursor:pointer; padding:0; }.container { width:min(100% - 2rem, 1040px); margin:3rem auto; }.eyebrow { color:#64748b; margin-bottom:0; }.feature-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-top:2rem; }.feature-card,.login-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:1.25rem; box-shadow:0 1px 2px rgb(0 0 0 / 4%); }.login-body { display:grid; min-height:100vh; place-items:center; }.login-card { width:min(100% - 2rem, 380px); }.login-card h1 { margin:.5rem 0; } label { display:grid; gap:.35rem; margin:1rem 0; font-weight:600; } input { border:1px solid #cbd5e1; border-radius:6px; padding:.65rem; font:inherit; } button[type=submit] { width:100%; border:0; border-radius:6px; background:#2563eb; color:#fff; padding:.7rem 1rem; font:inherit; font-weight:700; cursor:pointer; }.notice { padding:.7rem; border-radius:6px; }.error { background:#fef2f2; color:#b91c1c; }.details { display:grid; grid-template-columns:max-content 1fr; gap:.75rem 1.5rem; }.details dt { font-weight:700; }.details dd { margin:0; }.table-wrap { overflow:auto; background:#fff; border:1px solid #e5e7eb; border-radius:8px; } table { width:100%; border-collapse:collapse; } th,td { text-align:left; padding:.8rem; border-bottom:1px solid #e5e7eb; } @media (max-width:650px) { .site-header { align-items:flex-start; flex-direction:column; } nav { flex-wrap:wrap; } }
.primary-button,.secondary-button { display:inline-block; border-radius:6px; padding:.6rem .9rem; text-decoration:none; font:inherit; cursor:pointer; }.primary-button { background:#2563eb; color:#fff; border:0; }.secondary-button { background:#fff; color:#334155; border:1px solid #cbd5e1; }.episode-input { display:grid; grid-template-columns:1fr 2fr 6rem auto; gap:.5rem; margin:.5rem 0; }.layout-row,.episode-row,.interlude-row { padding:.75rem 0; border-bottom:1px solid #e5e7eb; }.layout-row input[type=number],.episode-row input,.interlude-row input[type=number] { width:auto; max-width:9rem; }.interlude-row { margin:.4rem 0 .4rem 1.5rem; color:#475569; }.excluded { opacity:.6; }.editor-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; }.summary { margin-top:2rem; padding:1rem; background:#fff; border:1px solid #e5e7eb; border-radius:8px; } @media (max-width:650px) { .episode-input { grid-template-columns:1fr; } }
.layout-workspace { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:1.5rem; align-items:start; }.layout-main section { margin:1.5rem 0; }.header-metadata { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:.25rem 1rem; }.header-field { display:grid; gap:.25rem; margin:.25rem 0; font-size:.9rem; }.radio-group { display:flex; flex-wrap:wrap; gap:.5rem; }.radio-group label { display:flex; gap:.2rem; align-items:center; }.compact-row { display:flex; align-items:center; gap:.5rem; }.episode-fields { display:grid; grid-template-columns:78px minmax(350px,1fr) 70px auto auto; gap:.4rem; align-items:center; }.episode-fields input { width:100%; }.episode-row { padding:.45rem 0; }.publication,.muted { color:#64748b; }.interlude-row { display:grid; grid-template-columns:auto minmax(12rem,1fr) 4.5rem auto 1fr; align-items:center; gap:.4rem; padding:.35rem 0; }.supplemental-row { display:flex; align-items:center; gap:.4rem; padding:.35rem 0; border-bottom:1px solid #e5e7eb; }.supplemental-row > input:first-child { flex:1; }.supplemental-row input[type=number] { width:4.5rem; }.colophon-row { background:#f4efff; border-radius:6px; }.summary-sticky { position:sticky; top:1rem; margin-top:0; }.summary-sticky h2 { margin-top:0; }.summary-sticky .primary-button { width:100%; }.summary-sticky #generation-status { margin-top:.75rem; }.editor-heading #save-status { white-space:nowrap; flex:none; font-size:.8rem; padding:.2rem .45rem; border-radius:999px; background:#eef2ff; }.error:empty { display:none; } @media (max-width:850px) { .layout-workspace { grid-template-columns:1fr; }.summary-sticky { position:static; }.episode-fields { grid-template-columns:78px minmax(0,1fr) 70px auto; }.episode-fields button { grid-column:1 / -1; width:max-content; }.interlude-row { grid-template-columns:auto 1fr 4rem auto; } } @media (max-width:650px) { .episode-fields,.interlude-row { grid-template-columns:1fr; }.header-metadata { grid-template-columns:1fr; } }
.layout-main section { margin:1rem 0; }.layout-row,.episode-row,.interlude-row,.supplemental-row { border-bottom:0; padding:.2rem 0; margin:0; }.compact-row,.supplemental-row,.colophon-row,.interlude-row { gap:.35rem; }.compact-row input:not([type=checkbox]),.compact-row .fixed-label { flex:1; min-width:12rem; }.fixed-label { padding:.65rem 0; }.suffix-field { display:inline-flex; align-items:center; gap:.25rem; white-space:nowrap; }.suffix-field input { width:4.6rem; min-width:0; }.header-title { grid-column:1 / -1; }.header-title input { width:100%; }.episode-fields { grid-template-columns:76px minmax(480px,1fr) auto auto; gap:.3rem; }.episode-row { padding:.2rem 0; }.publication-row { display:flex; align-items:center; gap:.35rem; margin:.12rem 0 0 5rem; font-size:.85rem; color:#64748b; }.publication-row input { flex:0 1 32rem; padding:.38rem .5rem; }.interlude-row { grid-template-columns:auto minmax(16rem,1fr) auto 1fr; margin:.1rem 0 .1rem 5rem; }.interlude-row label { margin:0; }.colophon-row { display:flex; align-items:center; }.colophon-row select { width:auto; }.header-field input,.header-field select,.header-field textarea { width:100%; }.header-field .suffix-field input { width:5rem; }.header-field .suffix-field { width:max-content; }.summary p { margin:.45rem 0; } @media (max-width:850px) { .episode-fields { grid-template-columns:76px minmax(0,1fr) auto; }.episode-fields button { grid-column:auto; }.publication-row,.interlude-row { margin-left:0; } } @media (max-width:650px) { .compact-row,.supplemental-row,.episode-fields,.interlude-row { display:flex; flex-wrap:wrap; }.episode-fields input:nth-child(2) { flex:1 1 15rem; }.publication-row { margin-left:0; } }