.production-panel { padding:16px 0; color:var(--text); border-bottom:1px solid var(--border); }
.production-panel[hidden] { display:none; }
.production-fact-dialog [hidden] { display:none!important; }
.production-fact-dialog { box-sizing:border-box; margin:auto; overflow:auto; overscroll-behavior:contain; }
.production-panel header { display:flex; flex-wrap:wrap; align-items:baseline; gap:7px; margin-bottom:12px; }
.production-panel header strong { font-size:14px; }.production-panel header small { color:var(--text-sub); font-size:11px; }
.production-summary { display:flex; flex-wrap:wrap; gap:8px 14px; font-size:11px; color:var(--text-sub); margin:12px 0; }.production-summary b { color:var(--text); }
.production-chapter { margin-top:8px; padding:10px; background:var(--card-2); border:1px solid var(--border); border-radius:8px; font-size:11px; }
.production-chapter summary { cursor:pointer; display:flex; flex-wrap:wrap; gap:6px 10px; }.production-chapter summary strong { width:100%; font-size:12px; }.production-chapter summary span { color:var(--text-sub); }
.production-tokens { line-height:1.8; color:var(--text-sub); }.production-stage { display:flex; flex-wrap:wrap; align-items:center; gap:5px 10px; line-height:1.8; border-top:1px solid var(--border); padding-top:7px; }.production-stage small { flex-basis:100%; overflow-wrap:anywhere; color:var(--text-sub); }
.production-sync { padding:12px; border:1px solid var(--border); border-radius:8px; background:var(--card-2); }.production-sync strong { font-size:13px; color:var(--brand); }.production-sync p { font-size:12px; line-height:1.8; margin:6px 0; overflow-wrap:anywhere; }.production-sync>div { display:flex; flex-wrap:wrap; gap:6px; }
.production-panel button,.production-fact-dialog button { color:var(--text); background:var(--card); border:1px solid var(--border); border-radius:6px; padding:7px 9px; font:inherit; cursor:pointer; }
.production-fact-dialog { width:min(560px,calc(100vw - 28px)); max-height:88dvh; padding:22px; border:1px solid var(--border); border-radius:14px; color:var(--text); background:var(--card); }.production-fact-dialog::backdrop { background:#0008; }.production-fact-dialog header { display:flex; justify-content:space-between; align-items:center; font-size:18px; }.production-fact-dialog p { font-size:12px; line-height:1.8; color:var(--text-sub); }.production-fact-dialog label { display:grid; gap:6px; margin:12px 0; font-size:12px; }.production-fact-dialog :is(input,textarea,select) { width:100%; min-width:0; padding:9px; box-sizing:border-box; color:var(--text); background:var(--card-2); border:1px solid var(--border); border-radius:6px; font:inherit; }.production-fact-pair { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.production-fact-dialog footer { display:flex; justify-content:flex-end; gap:8px; margin-top:18px; }.production-fact-dialog footer button:last-child { background:var(--brand); color:var(--on-brand); border-color:var(--brand); }