/* Draft Studio — one piece, several outlets, both languages. The editor is the
   room; the outlet rail is a guest against the wall. */
.cap-draft{display:flex;flex-direction:column;gap:9px;height:100%}
.cap-draft-piece{font-family:var(--serif);font-size:1rem;font-weight:500;letter-spacing:-.01em}
.cap-draft-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(120px,0.8fr) 2fr;gap:14px}
.cap-draft-label{font-size:max(var(--touch-text-floor,0rem),.625rem);letter-spacing:.12em;text-transform:var(--label-case,uppercase);
  color:var(--label-ink,var(--ink-2));font-weight:700;margin-bottom:7px}
.cap-draft-outlets{display:flex;flex-direction:column;gap:5px}
.cap-draft-outlet{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:var(--rule) solid var(--hairline);
  border-radius:var(--r-sm);background:var(--card);cursor:pointer;text-align:left}
.cap-draft-outlet .nm{font-size:max(var(--touch-text-floor,0rem),.78125rem);font-weight:600;color:var(--ink-2)}
.cap-draft-outlet.on{border-color:color-mix(in oklab,var(--ink) 40%,transparent)}
.cap-draft-outlet.on .nm{color:var(--ink)}
.cap-draft-outlet .chips{display:flex;gap:4px}
.langchip{font-family:var(--mono);font-size:max(var(--touch-text-floor,0rem),.5625rem);letter-spacing:.06em;padding:1px 5px;border-radius:5px;
  border:var(--rule) solid var(--hairline);color:var(--ink-3)}
.langchip.ready{color:var(--green);border-color:color-mix(in oklab,var(--green) 45%,transparent)}
.langchip.wip{color:var(--gold);border-color:color-mix(in oklab,var(--gold) 45%,transparent)}
.langchip.todo{opacity:.6}
.cap-draft-editor{display:flex;flex-direction:column;min-height:0}
.cap-draft-editor-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.cap-draft-langs{display:inline-flex;background:var(--paper-2);border:var(--rule) solid var(--hairline);
  border-radius:var(--r-pill);padding:2px}
.cap-draft-langs button{font-size:max(var(--touch-text-floor,0rem),.71875rem);font-weight:600;padding:4px 11px;border-radius:var(--r-pill);
  background:none;border:none;color:var(--label-ink,var(--ink-2));cursor:pointer}
.cap-draft-langs button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
.cap-draft-count{margin-left:auto;font-family:var(--mono);font-size:max(var(--touch-text-floor,0rem),.6875rem);color:var(--ink-3)}
.cap-draft-text{flex:1;min-height:80px;overflow-y:auto;font-size:.875rem;line-height:1.65;color:var(--ink);
  border:var(--rule) solid var(--hairline);border-radius:var(--r-sm);padding:12px 14px;
  background:var(--paper-2);outline:none;white-space:pre-wrap}
.cap-draft-text:focus{border-color:var(--ink-3);background:var(--card)}
.cap-draft-note{font-size:max(var(--touch-text-floor,0rem),.71875rem);color:var(--accent);opacity:0;transition:opacity .2s;height:0}
.cap-draft-note.on{opacity:1;height:auto;padding:6px 0}
.cap-draft-tools{display:flex;gap:6px;margin-top:9px}
.cap-draft-tools button{height:30px;padding:0 12px;border:var(--rule) solid var(--hairline-2);
  border-radius:var(--r-pill);background:var(--card);color:var(--ink);font-size:max(var(--touch-text-floor,0rem),.75rem);
  font-weight:600;cursor:pointer}
.cap-draft-tools button.solid{margin-left:auto;background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media(max-width:620px){.cap-draft-body{grid-template-columns:1fr}}
.cap-draft-empty{font-size:max(var(--touch-text-floor,0rem),.75rem);color:var(--ink-3);font-style:italic;padding:4px 0}

/* S5: add an outlet, schedule it, mark it published. */
.cap-draft-add { display: flex; gap: 6px; margin-top: 8px; }
.cap-draft-add input { flex: 1; min-width: 0; }
.cap-draft-add input, .cap-draft-add button, .cap-draft-sched input, .cap-draft-sched select, .cap-draft-sched button {
  font: inherit; color: inherit; background: transparent; min-height: 30px;
  border: 1px solid var(--line, rgba(0,0,0,.2)); border-radius: 6px; padding: 4px 8px;
}
.cap-draft-sched { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 8px 0; }
.cap-draft-sched input[type=url] { flex: 1; min-width: 10em; }