:root{--ink:#182027;--muted:#5e6b76;--line:#d9e0e6;--soft:#f4f7f9;--paper:#ffffff;--blue:#1666d9;--teal:#0f8b8d;--green:#18864b;--amber:#a56710;--red:#bc2f35;--shadow:0 18px 50px rgba(31,45,61,0.12)}*{box-sizing:border-box}body{margin:0;background:#eef3f6;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 28px;background:var(--paper);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:5}.account,.auth-pill,.brand{display:flex;align-items:center;gap:12px}.avatar,.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;color:white;background:var(--teal)}.brand p{margin:0;font-weight:800;font-size:20px}.account,.auth-pill,.brand span{color:var(--muted);font-size:14px}.workspace{display:grid;grid-template-columns:290px 1fr;min-height:calc(100vh - 76px)}.sidebar{padding:22px;background:#f8fafb;border-right:1px solid var(--line)}.card-top,.panel-title,.review-actions,.review-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.eyebrow,.field span,.panel-title span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.panel-title strong{display:block;font-size:24px}.bib-list{grid-gap:10px;margin-top:18px}.bib,.bib-list{display:grid;gap:10px}.bib{width:100%;grid-template-columns:22px 1fr;grid-gap:10px;text-align:left;padding:14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink)}.bib small{grid-column:2;color:var(--muted)}.bib.active{background:var(--paper);border-color:var(--line);box-shadow:0 8px 24px rgba(31,45,61,.08)}.content{padding:28px;display:grid;grid-gap:18px;gap:18px;align-content:start}.add-band,.hero,.main-grid,.review{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px}.title-input{width:min(760px,100%);border:0;padding:0;margin:4px 0 10px;color:var(--ink);background:transparent;font-size:44px;font-weight:850;line-height:1.05}.title-input:focus,input:focus,select:focus{outline:3px solid rgba(22,102,217,.18);outline-offset:2px}.subtitle{max-width:760px;margin:0;color:var(--muted);font-size:17px;line-height:1.55}.style-select{display:grid;grid-gap:8px;gap:8px;min-width:190px}.style-select span{color:var(--muted);font-size:13px;font-weight:700}.field input,.input-wrap input,select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fbfcfd;color:var(--ink)}select{padding:12px}.status-bar{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:14px}.status-bar strong{color:var(--teal)}.add-band{display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px;padding:16px}.input-wrap{display:flex;align-items:center;gap:10px;color:var(--muted)}.input-wrap input{height:48px;padding:0 14px}.icon-button,.primary,.secondary,.tab{min-height:42px;border-radius:8px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{padding:0 18px;border-color:var(--blue);background:var(--blue);color:white;font-weight:800}.primary.compact{min-height:40px}.secondary{padding:0 16px;background:white;color:var(--ink);font-weight:700}.secondary.small{min-height:36px;padding:0 12px;font-size:13px}.secondary.full{width:100%}.icon-button{width:42px;background:white;color:var(--ink)}.danger{color:var(--red)}.review{padding:22px}.reference-card h3,.review h2,.section-head h2{margin:0}.mini-warnings,.warning-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.mini-warnings span,.warning-list span{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 10px;color:#5f3800;background:#fff4dd;border:1px solid #f1d39b;font-size:13px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.field{display:grid;grid-gap:7px;gap:7px}.field input{height:44px;padding:0 12px}.field.missing input{border-color:var(--amber);background:#fffaf1}.review-actions{margin-top:18px;justify-content:flex-end}.main-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);grid-gap:0;gap:0;overflow:hidden}.export-panel,.reference-list{padding:22px}.export-panel{border-left:1px solid var(--line);background:#fbfcfd}.reference-list{display:grid;grid-gap:12px;gap:12px}.section-head{margin-bottom:4px}.section-head span{color:var(--muted);font-weight:700}.reference-card{display:grid;grid-template-columns:1fr auto;grid-gap:14px;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:white}.reference-card h3{margin-top:10px;font-size:18px}.reference-card p{margin:8px 0 0;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800}.badge.complete{color:var(--green);background:#e7f6ec}.badge.needs_review{color:var(--amber);background:#fff4dd}.badge.blocked,.badge.metadata_unavailable{color:var(--red);background:#ffe9ea}.tabs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin:14px 0}.tab{min-width:0;padding:0 8px;background:white;color:var(--muted);text-transform:capitalize}.tab.active{color:white;border-color:var(--teal);background:var(--teal)}pre{min-height:320px;max-height:440px;overflow:auto;white-space:pre-wrap;line-height:1.55;padding:16px;border-radius:8px;border:1px solid var(--line);background:white;color:#26313a}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:980px){.main-grid,.workspace{grid-template-columns:1fr}.export-panel,.sidebar{border:0}.bib-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.add-band,.hero,.status-bar,.topbar{align-items:stretch;flex-direction:column}.content,.sidebar,.topbar{padding:16px}.add-band,.bib-list,.fields{grid-template-columns:1fr}.title-input{font-size:32px}.tabs{grid-template-columns:repeat(2,1fr)}}