.role-demographics{font-size:13px;line-height:1.8;color:var(--accent);margin:16px 0}
.selection-toolbar,.comparison-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}
.view-switch{display:flex;gap:5px}.selection-toolbar button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.comparison-toolbar{justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:18px}
.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
main[data-view=grid] .gallery{display:grid}main[data-view=grid] .focus-view{display:none}
main[data-view=focus] .gallery{display:none}main[data-view=focus] .focus-view{display:block;max-width:720px;margin:0 auto;scroll-margin-top:100px}
main[data-view=focus]{padding-bottom:150px}
.focus-card{background:var(--card);border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:var(--shadow)}
.focus-card.chosen{border-color:var(--accent);box-shadow:0 0 0 2px #62826a55}.focus-card.rejected .image-button img{opacity:.65}
.focus-card .image-button{height:min(56dvh,520px);aspect-ratio:auto}.focus-card .portrait{object-fit:contain}
.focus-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;min-height:45px}
.focus-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;font-size:13px}
.candidate-rail{display:flex;gap:8px;overflow-x:auto;position:relative;padding:4px 2px 8px;scrollbar-width:thin;overscroll-behavior-x:contain}
.candidate-thumb{width:66px;min-width:66px;padding:3px;position:relative}.candidate-thumb img{width:58px;height:58px;border-radius:5px}.candidate-thumb>span{display:block;font-size:10px;padding-top:5px}.candidate-thumb[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px #62826a55}
.thumb-mark{position:absolute;right:4px;top:4px;width:18px;height:18px;background:var(--ink);color:#fff;border-radius:50%;font-size:11px;font-style:normal;display:grid;place-items:center}
.focus-tools{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.focus-tools button{flex:1;min-width:120px}
.subtle-action{font-size:12px;color:var(--muted);border-color:transparent;padding:8px 4px;min-height:44px}
.card .subtle-action{width:100%}.card.rejected{opacity:.75}.card-title strong{font-size:13px}.candidate-description{min-height:36px}
.library-invitation{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#e7ecdf;border:1px solid var(--line);border-radius:12px;margin:28px 0;padding:20px}
.library-invitation strong{font-size:16px}.library-invitation p{font-size:13px;line-height:1.7;color:var(--muted);margin:7px 0 0}.library-invitation button{flex-shrink:0}
.library-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.library-filters label{display:grid;gap:7px;font-size:12px}.library-count{font-size:13px;color:var(--accent);line-height:1.8}
.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.library-card{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card);padding-bottom:10px}
.library-card strong,.library-card small,.library-card p{display:block;margin:8px 10px;line-height:1.6}.library-card strong{font-size:14px}.library-card small{font-size:12px;color:var(--muted)}.library-card p{font-size:12px}.library-card .compatibility-label{color:var(--accent)}
.library-card button:not(.image-button){display:block;width:calc(100% - 20px);margin:6px 10px;font-size:13px;min-height:44px;padding-inline:6px}.library-card button[aria-pressed=true]{background:#dce8d2;border-color:var(--accent)}
.usage-label{background:#f2e2ce;border-radius:4px;padding:5px;color:#694725}.empty-library{grid-column:1/-1;padding:24px;font-size:14px;line-height:1.9}
.reference-looks:not(:empty){margin-top:24px}.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reference-card{display:grid;gap:8px;font-size:13px;min-width:0}.reference-card .portrait{aspect-ratio:1;height:auto}.reference-card small{font-size:12px;line-height:1.7}.reuse-choice .portrait{height:auto;max-height:45dvh;max-width:100%;width:auto;margin:12px auto}
body[data-view=grid] .decision-dock{display:none}body[data-view=focus] .decision-dock{display:block;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(800px,100%);background:#f9f6eef5;border:1px solid var(--line);border-radius:12px 12px 0 0;padding:10px 16px calc(12px + env(safe-area-inset-bottom));z-index:15}
.decision-dock p{text-align:center;font-size:12px;color:var(--muted);margin:0 0 8px}.decision-dock>div{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px}.decision-dock button{min-height:48px}
body.modal-open .decision-dock,body:has(textarea:focus) .decision-dock{display:none}
@media(max-width:1150px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:800px){
  .topbar{padding-inline:10px}.brand{gap:6px;font-size:12px}.brand-mark{width:27px;height:27px;font-size:18px}.brand small{display:none}.top-actions{gap:3px}.top-actions button{font-size:11px;padding-inline:6px;min-height:44px;min-width:44px}#overview{font-size:0;width:44px}#overview::before{content:'整組';font-size:11px}#progress{display:none}
  main{padding:12px 14px 50px}.role-demographics{font-size:12px;margin:10px 0 12px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .selection-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;top:62px;z-index:4;background:var(--paper);padding:8px 0;margin:0}
  .view-switch{grid-column:1/-1}.view-switch button{flex:1}.selection-toolbar button{font-size:12px;min-height:44px;padding-inline:7px}
  .comparison-toolbar{font-size:11px;margin:9px 0 14px}.comparison-toolbar button{font-size:12px;min-height:44px}
  .card-meta{padding:9px}.card-title strong{font-size:12px}.candidate-description{font-size:11px;min-height:36px}.card-actions button{font-size:11px;min-height:44px}.compare-check{min-height:44px;font-size:11px}.card .subtle-action{font-size:11px}
  .focus-card .image-button{height:clamp(270px,52dvh,440px)}.focus-tools{display:grid;grid-template-columns:1fr 1fr}.focus-tools button{min-width:0;font-size:12px;min-height:44px}
  main[data-view=focus] .focus-view{scroll-margin-top:70px}.library-invitation{display:block;padding:16px;margin:24px 0}.library-invitation strong{font-size:15px}.library-invitation p{font-size:12px}.library-invitation button{width:100%;margin-top:14px;min-height:48px}
  .library-filters{grid-template-columns:1fr 1fr;gap:10px}.library-filters label:last-child{grid-column:1/-1}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-card small{font-size:11px}.library-card button:not(.image-button){font-size:12px}
  .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-card{font-size:12px}.reference-card small{font-size:11px}
  .comparison{grid-template-columns:1fr}.comparison .image-button{aspect-ratio:auto;height:min(43dvh,350px)}.comparison .portrait{height:100%;object-fit:contain}
  body[data-view=focus] .decision-dock{left:0;transform:none;width:100%;border-radius:0;padding-inline:12px}.decision-dock button{font-size:13px;min-height:50px}.decision-dock p{font-size:11px}
}
.roster-entry{padding:18px 0;border-bottom:1px solid var(--line,#ddd);overflow-wrap:anywhere}.roster-entry-heading{display:flex;align-items:start;gap:12px;justify-content:space-between}.roster-entry h3{margin:0;font-size:1.1rem}.roster-entry p{line-height:1.7}.roster-entry .pill{flex-shrink:0}.roster-evidence{margin-top:12px}.roster-evidence summary{cursor:pointer;padding:10px 0}.roster-evidence small{display:block;overflow-wrap:anywhere}.roster-evidence blockquote{white-space:pre-wrap;margin:12px 0;padding:12px 16px;border-left:3px solid #9d8976;background:#eee9e0}.empty-casting{grid-column:1/-1;padding:26px;border:1px dashed #b7a892;border-radius:16px;background:#faf7f0}.empty-casting h2{font-size:1.25rem}.empty-casting p{line-height:1.7}.roster-invitation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 22px}.roster-invitation p{margin:0;color:#6c6258;font-size:.9rem}@media(max-width:480px){.roster-entry-heading{flex-direction:column;gap:8px}.roster-invitation{align-items:start;flex-direction:column}.roster-invitation button{width:100%;min-height:48px}.roster-entry>.ink{width:100%;min-height:48px}}