.state-bar svg{width:100%;height:12px;display:block}.state-bar rect.done{fill:#676767}.state-bar rect.active{fill:#e88145}.state-bar rect.waiting{fill:#d0d0d0}.state-bar rect.reopened,.key.reopened{fill:#c74b42}.work-open{color:#333;margin-top:14px;font-size:12px}.project-card[hidden]{display:none}.viewer{width:min(1180px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}.viewer-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr)}.viewer-layout .viewer-stage{height:560px;min-height:0;padding:16px;background:#151515}.viewer-stage .viewer-photo{width:100%;height:100%;object-fit:contain}.viewer-story{padding:28px 30px;background:#f7f7f7;color:#262626;min-width:0}.viewer-category{font-size:10px;text-transform:uppercase;color:#6b6b6b;margin-bottom:16px}.viewer-description{font-size:15px;line-height:1.7}.viewer-facts{margin:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid #ddd;padding-block:20px}.viewer-facts dt{font-size:10px;color:#767676;margin-bottom:7px}.viewer-facts dd{margin:0;font-size:14px;line-height:1.4}.viewer-highlights{padding-left:18px;font-size:12px;line-height:1.7}.viewer-highlights li+li{margin-top:10px}.viewer-share{margin-top:22px;color:#333;font-size:12px}.viewer-notice{font-size:10px;line-height:1.6;color:#767676;margin-top:16px}.viewer-feedback{min-height:18px;color:#646464;font-size:11px;margin-top:8px}.viewer-head h2{max-width:900px;overflow-wrap:anywhere}.viewer-controls{flex-shrink:0}.viewer-foot{gap:16px;flex-wrap:wrap}.data-unavailable{color:#8a5c2c}.gallery-empty{color:#6d6d6d;padding-block:30px}.gallery-selection{line-height:1.5}.card-caption h3{overflow-wrap:anywhere}.viewer-foot .viewer-date{max-width:540px}.viewer-story [hidden]{display:none}
@media(max-width:760px){.viewer{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:0}.viewer-layout{grid-template-columns:1fr}.viewer-layout .viewer-stage{height:320px}.viewer-story{padding:23px 20px}.viewer-description{font-size:14px}.viewer-head{padding:18px 20px}.viewer-head h2{font-size:17px}.viewer-facts{gap:16px}.viewer-foot{padding:16px 20px}.gallery-tools>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px;gap:10px;width:100%;max-width:100%;margin-left:0}.gallery-tools label{flex-direction:column;align-items:stretch;gap:4px;min-width:0}.gallery-tools select{width:100%;min-width:0;max-width:none;padding-inline:0}.gallery-tools .shuffle{align-self:end}.hero-proof strong{overflow-wrap:anywhere}}