:root{--bg:#0b0c11;--bg-elevated:#121319;--sidebar:#0e0f14;--card:#171922;--card-soft:#14151b;--line:#262835;--line-soft:#1d1e27;--ink:#eceef3;--muted:#8c8fa3;--muted-2:#5f6275;--violet:#7c5cff;--blue:#4c8dff;--green:#2fbf71;--teal:#34c3c8;--amber:#d9a441;--red:#ef5b5b;--pink:#d6409f;--pink-wash:rgba(214,64,159,0.14);--shadow:0 24px 60px rgba(0,0,0,0.5);--shadow-soft:0 10px 28px rgba(0,0,0,0.35)}:root[data-theme=light]{--bg:#eef1f5;--bg-elevated:#ffffff;--sidebar:#f7f8fb;--card:#ffffff;--card-soft:#f4f6f9;--line:#dde2e9;--line-soft:#e7ebf0;--ink:#182027;--muted:#5e6b76;--muted-2:#8a94a0;--pink-wash:rgba(214,64,159,0.1);--shadow-soft:0 10px 28px rgba(31,45,61,0.1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);background-image:radial-gradient(circle at 12% -10%,rgba(124,92,255,.12),transparent 40%),radial-gradient(circle at 100% 0,rgba(76,141,255,.08),transparent 35%);color:var(--ink);font-family:Segoe UI,Inter,Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}::placeholder{color:var(--muted-2)}.topbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px;background:var(--bg-elevated);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}.brand-mark{place-items:center;border-radius:10px;color:white;background:linear-gradient(145deg,var(--violet),#5a3fe0);box-shadow:0 6px 18px rgba(124,92,255,.35)}.avatar,.brand-mark{width:38px;height:38px;display:grid}.avatar{place-items:center;border-radius:999px;color:white;background:linear-gradient(145deg,var(--teal),#1f8f93)}.brand p{margin:0;font-weight:800;font-size:19px;color:var(--ink);letter-spacing:.2px}.account,.auth-pill,.brand span{color:var(--muted);font-size:13px}.topbar-center{gap:12px;flex:1 1;min-width:0}.breadcrumb,.topbar-center{display:flex;align-items:center}.breadcrumb{gap:8px;min-height:38px;padding:0 14px;border-radius:9px;border:1px solid var(--line);background:var(--card-soft);color:var(--muted);font-size:13px;font-weight:700;max-width:260px;overflow:hidden}.breadcrumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:10px}.workspace{display:grid;grid-template-columns:272px 1fr;min-height:calc(100vh - 68px)}.workspace.collapsed{grid-template-columns:1fr}.sidebar{padding:20px 16px;background:var(--sidebar);border-right:1px solid var(--line);display:grid;align-content:start;grid-gap:14px;gap:14px}.new-project{width:100%;min-height:46px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(145deg,var(--violet),#5a3fe0);color:white;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.new-project:hover{filter:brightness(1.06)}.sidebar-search{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--card-soft);color:var(--muted)}.sidebar-search input{flex:1 1;border:none;background:transparent;color:var(--ink);outline:none}.sidebar-empty{color:var(--muted-2);font-size:13px;padding:8px 4px}.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:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.panel-title strong{display:block;font-size:24px;color:var(--ink)}.bib-list{grid-gap:6px}.bib-list,.bib-row{display:grid;gap:6px}.bib-row{grid-template-columns:minmax(0,1fr) auto;grid-gap:6px;align-items:stretch}.bib{width:100%;display:grid;grid-template-columns:20px 1fr auto;grid-gap:10px;gap:10px;text-align:left;padding:12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);transition:background .15s ease,color .15s ease}.bib:hover{background:var(--card-soft);color:var(--ink)}.bib small{grid-column:2/span 2;color:var(--muted-2)}.count-pill{font-style:normal;min-width:22px;text-align:center;padding:2px 7px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:800}.bib.active .count-pill{background:rgba(214,64,159,.18);border-color:rgba(214,64,159,.4);color:var(--pink)}.bib.active{background:var(--pink-wash);border-color:rgba(214,64,159,.4);color:var(--ink);box-shadow:none}.bib.active small{color:var(--pink)}.bib-delete{width:42px;min-height:42px;align-self:center}.content{padding:26px 28px 40px;display:grid;grid-gap:16px;gap:16px;align-content:start}.add-band,.hero,.main-grid,.review{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-soft)}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px}.title-input{width:min(760px,100%);border:0;padding:0;margin:4px 0 10px;color:var(--ink);background:transparent;font-size:38px;font-weight:800;line-height:1.1}.title-input:focus,input:focus,select:focus{outline:2px solid rgba(76,141,255,.45);outline-offset:2px}.subtitle{max-width:760px;margin:0;color:var(--muted);font-size:15px;line-height:1.55}.style-select{display:grid;grid-gap:8px;gap:8px;min-width:190px}.style-select span{color:var(--muted);font-size:12px;font-weight:700}.field input,.input-wrap input,select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--card-soft);color:var(--ink)}select{padding:11px 12px}.status-bar{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;padding:0 4px}.status-bar strong{color:var(--teal)}.generator{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-soft);padding:18px;display:grid;grid-gap:14px;gap:14px}.generator-label{margin:0}.type-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:4px;background:var(--bg-elevated);border-radius:12px;border:1px solid var(--line);width:-moz-fit-content;width:fit-content}.type-tabs .tab{padding:0 14px;min-height:36px}.add-band{display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px}.input-wrap{display:flex;align-items:center;gap:10px;color:var(--muted);border-radius:10px;border:1px solid var(--line);background:var(--card-soft);padding:0 6px 0 14px}.input-wrap input{height:46px;padding:0 8px 0 0;border:none;background:transparent}.input-wrap:focus-within{outline:2px solid rgba(76,141,255,.45);outline-offset:2px}.icon-button.ghost{width:34px;min-height:34px;border:none;background:transparent}.meta-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;padding-top:4px;border-top:1px solid var(--line-soft)}.meta-row .style-select{min-width:170px}.auto-sort{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:2px}.auto-sort input{width:16px;height:16px;accent-color:var(--blue)}.empty-state{color:var(--muted-2);font-size:14px;padding:18px 4px;text-align:center;border:1px dashed var(--line);border-radius:12px}.empty-library{align-items:center}.shared-shell{min-height:100vh}.shared-hero{align-items:center}.shared-meta{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card-soft);color:var(--muted);font-size:13px;font-weight:700}.icon-button,.primary,.secondary,.tab{min-height:42px;border-radius:10px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s ease,filter .15s ease,background .15s ease}.primary{padding:0 18px;border-color:transparent;background:linear-gradient(145deg,var(--green),#1f9c5c);color:#05170c;font-weight:800}.primary:hover:not(:disabled){filter:brightness(1.08)}.primary:disabled{opacity:.6;cursor:default}.primary.compact{min-height:40px;background:linear-gradient(145deg,var(--blue),#2f68d6);color:white}.secondary{padding:0 16px;background:var(--card-soft);color:var(--ink);font-weight:700}.secondary:hover{background:#1c1e28;border-color:#333648}.secondary.small{min-height:36px;padding:0 12px;font-size:13px}.secondary.full{width:100%}.icon-button{width:42px;background:var(--card-soft);color:var(--muted)}.icon-button:hover{color:var(--ink);border-color:#333648}.danger,.danger:hover{color:var(--red)}.danger:hover{background:rgba(239,91,91,.12);border-color:rgba(239,91,91,.4)}.review{padding:22px}.reference-card h3,.review h2,.section-head h2{margin:0;color:var(--ink)}.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:#f1c98a;background:rgba(217,164,65,.12);border:1px solid rgba(217,164,65,.35);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:rgba(217,164,65,.08)}.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:var(--card-soft)}.reference-list{display:grid;grid-gap:12px;gap:12px;align-content:start}.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:12px;background:var(--card-soft)}.reference-card h3{margin-top:10px;font-size:17px}.reference-card p{margin:8px 0 0;font-size:14px}.reference-card a,.reference-card p{color:var(--muted)}.reference-card a:hover{color:var(--blue)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge.complete{color:#6adf9d;background:rgba(47,191,113,.14)}.badge.needs_review{color:#f1c98a;background:rgba(217,164,65,.14)}.badge.blocked,.badge.metadata_unavailable{color:#ff8d8d;background:rgba(239,91,91,.14)}.tabs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin:14px 0;padding:4px;background:var(--bg-elevated);border-radius:12px;border:1px solid var(--line)}.tab{min-width:0;min-height:36px;padding:0 8px;border:1px solid transparent;background:transparent;color:var(--muted);text-transform:capitalize;font-size:13px;font-weight:700;border-radius:9px}.tab.active{color:white;border-color:var(--blue);background:linear-gradient(145deg,var(--blue),#2f68d6)}pre{min-height:320px;max-height:440px;overflow:auto;white-space:pre-wrap;line-height:1.55;padding:16px;border-radius:12px;border:1px solid var(--line);background:var(--bg-elevated);color:#c7cad6;font-size:13px}.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}.export-panel{border-top:1px solid var(--line)}.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:30px}.tabs{grid-template-columns:repeat(2,1fr)}}