.creator-intake {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(210px, .85fr);
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
  overflow: hidden;
}
.creator-main, .creator-aside {min-width: 0; padding: clamp(16px, 2.2vw, 30px)}
.creator-main h2, .creator-aside h3 {margin: 6px 0 12px; letter-spacing: -.04em; line-height: 1.13}
.creator-main h2 {font-size: 32px}
.creator-aside h3 {font-size: 24px}
.creator-main form, .creator-actions {display: flex; align-items: flex-end; gap: 9px; flex-wrap: wrap}
.creator-main label {flex: 1 1 200px; min-width: 0; font-size: 12px; font-weight: 550; color: var(--muted)}
.creator-main input {
  display: block;
  width: 100%;
  margin-top: 5px;
  padding: 10px 11px;
  color: var(--ink);
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 5px;
}
.creator-aside {border-left: 1px solid var(--line); background: var(--subtle)}
.creator-aside p, .creator-next p, .creator-notice p, .creator-linked-main p {color: var(--muted); font-size: 13px}
.creator-aside > div:last-child {display: flex; flex-wrap: wrap; gap: 5px 13px; margin-top: 10px}
.creator-aside a, .creator-notice a {color: var(--gold); font-size: 12px; text-decoration: underline; text-underline-offset: 3px}
[data-creator-browse]:not(:empty) {margin-top: 12px}
.creator-directory {display: grid; gap: 2px; padding: 0; margin: 8px 0 0; list-style: none}
.creator-directory button {width: 100%; padding: 7px 8px; text-align: left; border-radius: 4px}
.creator-directory button:hover {background: var(--subtle)}
.creator-directory strong, .creator-directory small {display: block; overflow-wrap: anywhere}
.creator-directory strong {font-size: 13px}.creator-directory small {color: var(--muted); font-size: 11px}
.creator-preview:not(:empty) {margin-top: 16px}
.creator-source, .creator-next, .creator-notice, .creator-linked {
  min-width: 0;
  padding: clamp(14px, 2vw, 24px);
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}
.creator-source {border-top: 2px solid var(--gold)}
.creator-source-cap, .creator-linked-label {display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px}
.creator-source-cap {justify-content: space-between}
.creator-text {
  margin: 15px 0 19px;
  max-width: 77ch;
  font: 400 clamp(17px, 1.5vw, 22px)/1.5 Georgia, serif;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.creator-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px clamp(16px, 2vw, 30px);
  margin: 0 0 11px;
  padding: 10px 0 0;
  border-top: 1px solid var(--line);
}
.creator-facts dt, .creator-linked-label small {color: var(--faint); font-size: 10px}
.creator-facts dd {margin: 1px 0; font-size: 13px; overflow-wrap: anywhere}
.creator-media {margin-bottom: 6px; color: var(--muted); font-size: 12px}
.creator-next {margin-top: 7px; background: var(--gold-wash); border-color: color-mix(in srgb, var(--gold) 25%,var(--line))}
.creator-next p {margin: 5px 0 8px; max-width: 76ch}
.creator-compare {margin: 9px 0}
.creator-compare summary {padding: 6px 0; color: var(--gold); cursor: pointer; font-size: 13px}
.creator-saved {border-top: 1px solid var(--line)}
.creator-next .creator-import-error:not(:empty), .creator-error p {color: var(--rose)}
.creator-next .creator-import-error:empty {margin: 0}
.creator-notice {padding: 11px 14px; color: var(--muted); font-size: 13px}
.creator-notice strong {display: block; color: var(--ink); margin-bottom: 3px}
.creator-posts {display: grid; gap: 9px}
.creator-linked {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px}
.creator-linked-main {min-width: 0; flex: 1 1 200px}
.creator-linked-main h3 {margin: 5px 0 3px; font-size: 23px; line-height: 1.13; letter-spacing: -.035em; overflow-wrap: anywhere}
.creator-linked .creator-actions {align-items: center}
.creator-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
  margin: 0 0 18px;
  border-bottom: 1px solid var(--line);
}
.creator-private-panel {
  min-width: 0;
  padding: clamp(16px, 2vw, 25px);
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface);
}
.creator-private-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 7px;
}
.creator-private-head h2 {font-size: 30px; line-height: 1.2; letter-spacing: -.04em}
.creator-private-panel > p {color: var(--muted); font-size: 13px; max-width: 75ch}
.creator-private-panel > .creator-actions {margin-top: 12px}
.creator-login {max-width: 690px; margin: 15px 0}
.creator-login > div {display: grid; gap: 6px 12px; grid-template-columns: repeat(auto-fit,minmax(min(100%,180px),1fr))}
.creator-login label {display: block; color: var(--muted); font-size: 12px; font-weight: 550; margin-bottom: 9px}
.creator-login input {
  width: 100%;
  display: block;
  margin-top: 3px;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 5px;
  color: var(--ink);
  background: var(--bg);
}
.creator-login input[name=code] {max-width: 160px}
.creator-auth-error {color: var(--rose); font-size: 12px}
.creator-auth-error:not(:empty) {margin-top: 7px}
.creator-private-footer {margin-top: 14px; padding-top: 11px; border-top: 1px solid var(--line)}
[data-private-list]:not(:empty) {margin-top: 12px}
.creator-private-list {display: grid; gap: 9px}
.creator-private-row {min-width: 0; border: 1px solid var(--line); border-radius: 6px; padding: 13px 15px; background: var(--bg)}
.creator-private-meta {color: var(--muted); font-size: 12px; margin-bottom: 9px; overflow-wrap: anywhere}
.creator-private-row .creator-actions {align-items: center}
.creator-private-row .creator-text {margin: 9px 0; max-width: 80ch}
@media (max-width: 750px) {
  .creator-intake {grid-template-columns: minmax(0, 1fr)}
  .creator-aside {border-left: 0; border-top: 1px solid var(--line)}
}