/* Collector workbench: no external font, animation engine, or data contract. */
:root,[data-theme="dark"]{--bg:#0b1119;--color-bg:#0b1119;--panel:#131d29;--panel2:#192635;--line:#35475a;--text:#f0f4f8;--muted:#b3c1ce;--blue:#8be0c2;--color-primary:#8be0c2;--color-surface:#131d29;--collector-ink:#10251e;color-scheme:dark}
[data-theme="light"]{--bg:#f5f7fa;--color-bg:#f5f7fa;--panel:#fff;--panel2:#edf2f7;--line:#7b8c9d;--text:#152131;--muted:#485a6d;--blue:#176548;--collector-ink:#fff;color-scheme:light}
:root{--card:var(--panel);--ink:var(--text);--accent:var(--blue);--accent-soft:var(--panel2)}
body{background:var(--bg);color:var(--text);line-height:1.6}
body .wrap{max-width:1280px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
body .top{background:var(--bg);z-index:15;backdrop-filter:none}
body .panel,body .drawer,body .binder-sheet,body .binder-asset-card{background:var(--panel);color:var(--text);border-color:var(--line)}
body .btn{background:var(--panel2);color:var(--text);border-color:var(--line)}
body .btn.primary,body .mini.add,body .tab.active{background:var(--blue);color:var(--collector-ink);border-color:var(--blue)}
body .meta,body .binder-card .meta,body #drawerBody .meta,body .binder-version-group-title,body .help,body .count,body .ui-language label{color:var(--muted)}
body :is(button,input,select,textarea,a,summary):focus-visible{outline:3px solid var(--blue);outline-offset:3px}
body :is(button,.btn,.mini,.tab,select,summary){min-height:44px}
body :is(input,select,textarea){max-width:100%}
body .drawer,body .binder-sheet{z-index:101;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
body .drawer-backdrop,body .sheet-backdrop{z-index:100}
body .close{min-width:44px;min-height:44px;color:var(--text)}
/* Noninteractive status overlays must never intercept the next operation. */
#cardarToast,#cardarMembershipToast{pointer-events:none}
#cardarToast[data-interactive="true"] :is(a,button){pointer-events:auto}
.collector-skip{position:absolute;left:16px;top:-100px;padding:12px 18px;background:var(--blue);color:var(--collector-ink);z-index:200}
.collector-skip:focus{top:12px}
.collector-intro{display:grid;grid-template-columns:1fr;gap:16px;min-height:220px;padding:32px 0 20px;border-bottom:1px solid var(--line)}
.collector-kicker{margin:0 0 12px;font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--blue)}
.collector-intro h1{margin:0;font-size:clamp(1.7rem,6.4vw,2.75rem);line-height:1.2;letter-spacing:-.03em;max-width:12em}
.collector-intro p:not(.collector-kicker){color:var(--muted);margin:14px 0;max-width:62ch}
.collector-intro p.collector-subline{margin:10px 0 0;max-width:40rem;font-size:.95rem;line-height:1.5;font-weight:400;color:#c5ced6}
[data-theme="light"] .collector-intro p.collector-subline{color:#3d4d5f}
@media(max-width:390px){.collector-intro h1{font-size:1.65rem;line-height:1.25;max-width:none}}
.collector-actions{display:flex;gap:10px;flex-wrap:wrap}
.collector-actions .btn{min-height:48px}
.collector-path{display:grid;align-content:center;gap:10px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.collector-path strong{font-size:16px}.collector-path span{color:var(--muted);font-size:14px}
.collector-path ol{margin:0;padding-left:22px}.collector-path li{padding:4px 0}
.collector-intro[data-compact="true"]{grid-template-columns:1fr;gap:0;padding:18px 0 14px}
.collector-intro[data-compact="true"] h1{font-size:clamp(22px,2.4vw,30px);max-width:none}
.collector-intro[data-compact="true"] :is(.collector-path,.collector-actions,p:not(.collector-kicker)){display:none}
.collector-intro[data-compact="true"] .collector-kicker{margin-bottom:6px}
body .tabs [aria-current="page"]{box-shadow:inset 0 -3px 0 currentColor}
body .tabs{gap:8px;margin:18px 0;max-width:100%;flex-wrap:wrap}
body .tabs [hidden]{display:none!important}
body .tabs .collector-more-tools{border-style:dashed}
body .tabs:not([data-collector-expanded="true"]) :is(a.tab,[data-view="pyt"],[data-view="rt"],[data-view="centering"]){display:none!important}
#collectorHelpSlot{min-block-size:160px}
body .covers img,body .item img{object-fit:contain;background:var(--panel2)}
body .binder-sheet .sheet-card{background:var(--panel2)}
body .chip,body .plan-cta{background:var(--panel2);color:var(--text);border-color:var(--line)}
body .chip[aria-pressed=true],body .binder-version-chip[aria-pressed=true]{background:var(--blue);color:var(--collector-ink);border-color:var(--blue)}
body .binder-version-chip:not(.is-numbered){background:var(--panel2);color:var(--text);border-color:var(--line)}
body .binder-version-chip:not(.is-numbered)[aria-pressed=true]{background:var(--blue);color:var(--collector-ink)}
.collector-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}
.collector-filter-list{display:flex;gap:6px;flex-wrap:wrap;min-width:0;flex:1}
.collector-filter-chip{border:1px solid var(--line);border-radius:8px;padding:4px 9px;color:var(--text);background:var(--panel2);overflow-wrap:anywhere;font-size:13px}
.collector-filter-chip{cursor:pointer;text-align:left;min-height:44px;font:inherit;font-size:13px}
.collector-filter-chip:hover{border-color:var(--blue)}
.collector-version-reset{justify-self:start;min-height:44px}
.collector-version-empty{margin:0;color:var(--muted);font-size:14px}
.collector-version-tools [hidden]{display:none!important}
body .checklist-row:focus-within{outline:2px solid var(--blue);outline-offset:-2px}
body .checklist-row:hover{background:var(--panel2)}
.collector-version-tools{display:grid;gap:10px;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.collector-version-tools label{margin:0;color:var(--text)}
.collector-version-tools input{min-height:48px;width:100%;padding:10px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;font-size:16px}
.collector-version-status{color:var(--muted);font-size:13px;min-height:21px}
body .parallel-item{min-width:0;overflow-wrap:anywhere}
body .parallel-item[hidden]{display:none}
body .binder-thumb{min-height:0;aspect-ratio:5/7;background:var(--panel2)}
body .binder-placeholder{font-size:13px;color:var(--muted);padding:12px;text-align:center}
body .binder-card img{object-fit:contain}
@media(max-width:1024px){body .top{position:relative}.collector-intro{gap:20px}}
@media(max-width:760px){.collector-intro{grid-template-columns:1fr;padding-top:24px;gap:16px}.collector-path{display:none}.collector-actions .btn{flex:1 1 140px}body .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-block-size:148px;align-content:start}body .tabs .tab{min-width:0;text-align:left;padding:10px;font-size:14px}.collector-filters{align-items:stretch}.collector-filter-list{flex-basis:100%}body .binder-grid{gap:10px}body .binder-card{padding:8px}body .parallel-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
