/* Object selection belongs to the whole project lifecycle, above its two columns. */
.model-switcher{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border:1px solid #a4b7a130;background:#a4b7a130;margin:0 0 28px}
.model-choice{display:flex;align-items:center;gap:20px;padding:22px 24px;border:0;position:relative;text-align:left;background:#1b2320;color:#b1c0b6;transition:background .25s,color .25s}
.model-choice::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.model-choice>svg{width:42px;height:42px;flex:none;color:#788d80;stroke-width:1.2;transition:color .25s}
.model-choice>span{display:block;font-size:1.05rem;line-height:1.45;letter-spacing:-.025em}
.model-choice small{display:block;color:#879b8d;font-size:.75rem;letter-spacing:.04em;margin-top:5px}
.model-choice>i{font-size:.75rem;align-self:flex-start;font-style:normal;margin-left:auto;color:#63786a}
.model-choice:hover{background:#27352d;color:#f0f3ed}
.model-choice[aria-pressed=true]{background:#2d382f;color:#f0f3ed}
.model-choice[aria-pressed=true]::after{transform:scaleX(1)}
.model-choice[aria-pressed=true]>svg,.model-choice[aria-pressed=true]>i{color:var(--accent)}
.model-view{isolation:isolate}
.model-annotation{position:relative;top:auto;left:auto;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 25px 5px;flex:none}
.model-annotation p{max-width:185px;margin:0;font-size:.8125rem;line-height:1.5}
.model-chip{font-size:.75rem;letter-spacing:.07em}
.model-legend{display:flex;flex-wrap:wrap;gap:10px 20px;padding:12px 25px;color:#91a498;border-top:1px solid #ffffff0b;font-size:.75rem;line-height:1.5;background:#171f1c88}
.model-legend span::before{content:'';display:inline-block;width:4px;height:4px;background:#d38159;margin:0 7px 2px 0}
.model-bottomline{padding:17px 25px;letter-spacing:.03em;gap:16px}
.model-bottomline>span{max-width:none;flex:1;min-width:0}
#model-reference{display:block;font-size:.75rem;line-height:1.55;color:#b7c5ba;max-width:330px}
.model-bottomline small{margin-top:5px;font-size:.75rem;line-height:1.5}
.model-controls{flex:none}
.model-controls button{width:42px;height:42px}
@media(max-width:1100px){.model-choice{padding:20px 18px;gap:13px}.model-choice>svg{width:32px;height:32px}.model-choice>span{font-size:.95rem}.model-choice>i{display:none}.model-choice small{letter-spacing:0}.model-bottomline{padding:16px}.model-legend{padding:12px 16px;gap:8px 15px}.model-controls{gap:5px}.model-controls button{width:38px;height:42px}.model-annotation{left:18px;top:110px}}
@media(max-width:760px){.model-switcher{gap:0;margin-bottom:20px}.model-choice{flex-direction:column;align-items:flex-start;gap:11px;padding:16px 11px;min-height:138px;border-right:1px solid #a4b7a120}.model-choice:last-child{border:0}.model-choice>svg{width:29px;height:29px}.model-choice>span{font-size:.875rem;line-height:1.4;letter-spacing:-.025em}.model-choice small{font-size:.75rem;line-height:1.4;margin-top:4px}.model-view{height:570px}.model-annotation{top:105px;left:18px;max-width:240px}.model-chip{font-size:.75rem}.model-annotation p{font-size:.8125rem;max-width:195px;margin-top:11px}.model-legend{padding:11px 16px;gap:6px 15px;font-size:.75rem}.model-bottomline{padding:15px 16px;gap:12px}.model-bottomline small{display:none}.model-controls button{width:36px;height:44px}.model-controls{gap:4px}#model-reference{font-size:.75rem}}
@media(max-width:370px){.model-choice{padding:14px 8px}.model-choice>span{font-size:.8125rem}.model-choice small{font-size:.75rem}.model-view{height:555px}.model-bottomline{padding:12px;gap:8px}.model-controls button{width:33px}.model-legend{gap:6px 10px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.model-choice,.model-choice::after{transition:none}}
.model-view .model-annotation{top:auto;left:auto;max-width:none}
@media(max-width:1100px){.model-annotation{padding:16px 18px 4px;gap:14px}.model-annotation p{max-width:165px}}
@media(max-width:760px){.model-annotation{display:block;padding:14px 18px 0}.model-annotation p{display:none}.model-chip{font-size:.75rem;line-height:1.5}.model-view{height:570px}}
@media(max-width:440px){.model-switcher{grid-template-columns:1fr}.model-choice{flex-direction:row;align-items:center;gap:15px;padding:14px 17px;min-height:0;border-right:0;border-bottom:1px solid #a4b7a120}.model-choice>span{font-size:.875rem}.model-choice small{font-size:.75rem}.model-choice>i{display:block;align-self:center}.model-choice>svg{width:29px;height:29px}}

@media(min-width:761px){.model-choice{gap:10px;padding:18px 14px}.model-choice>svg{width:28px;height:28px}.model-choice>span{font-size:.875rem}.model-choice>i{display:none}}
@media(min-width:441px) and (max-width:900px){.model-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}}