@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap";:root{font-family:Barlow,Arial,sans-serif;color:#30372c;background:#eae4d5;font-synthesis:none;--ink:#30372c;--paper:#f0ebdf;--line:#363f302a;--rust:#a65337}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select{border:1px solid #868979;background:transparent;border-radius:0;min-height:40px}button:hover:not(:disabled){background:#dedacb}button:disabled,fieldset:disabled{opacity:.45}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,#model-stage:focus-visible{outline:3px solid #b5643a;outline-offset:3px}[hidden]{display:none!important}.viewer-header{height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);background:var(--paper);gap:20px}.wordmark{text-decoration:none;font:800 28px/.9 Barlow Condensed,sans-serif}.wordmark small{display:block;font:600 9px Barlow,sans-serif;letter-spacing:2px;margin-top:8px}.folio{font-size:11px;letter-spacing:2px}.back-link{font-size:13px;text-underline-offset:4px}main{height:calc(100dvh - 76px);display:grid;grid-template-columns:286px minmax(0,1fr)}.controls-panel{padding:24px;overflow:auto;border-right:1px solid var(--line);background:var(--paper)}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--rust);margin:0 0 8px}h1{font:800 58px/.95 Barlow Condensed,sans-serif;margin:0 0 12px}.intro>p:last-child{font-size:13px;line-height:1.5;color:#656b5d;margin:0 0 28px}fieldset{padding:0;border:0;margin:0;min-width:0}label,.control-label{display:block;text-transform:uppercase;font-size:10px;letter-spacing:1.2px;font-weight:700;margin:18px 0 7px}select{width:100%;padding:8px 10px;background:#f9f6ed;font-size:13px;min-width:0}.select-row{display:flex;gap:4px}.select-row select{flex:1;padding-left:7px}.select-row button{width:30px;flex-shrink:0}.two-up{display:flex;gap:8px}.two-up>div{min-width:0;flex:1}.rule{border-top:1px solid var(--line);margin:24px 0 3px}.playback{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.playback button{flex:1;font-size:12px}.playback select{flex-basis:100%;font-size:12px}#play{background:var(--ink);color:var(--paper);border-color:var(--ink)}.note{font-size:11px;color:#686e60;line-height:1.4;min-height:16px;margin:10px 0 0}.views{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.views button{font-size:11px;min-width:0}.wide{width:100%;margin-top:7px;font-size:12px}.instructions{font-size:11px;color:#6b7063;line-height:1.7;margin-top:24px;border-top:1px solid var(--line);padding-top:12px}.instructions p:last-child{font-size:10px}.showcase{min-width:0;position:relative;display:grid;grid-template-rows:auto minmax(200px,1fr) auto auto;overflow:hidden;background:#b5b29e}.stage-heading{padding:26px 30px 16px;display:flex;align-items:end;justify-content:space-between;gap:16px;pointer-events:none}.stage-heading h2{font:700 34px/1 Barlow Condensed,sans-serif;text-transform:uppercase;margin:0}.stage-heading .eyebrow{color:#56604c}.stage-heading>span{font-size:11px;color:#5c6553;white-space:nowrap}#model-stage{position:relative;min-height:0;overflow:hidden;touch-action:none}#model-stage canvas{display:block;width:100%;height:100%;touch-action:none}#roster{display:flex;padding:14px 24px 10px;gap:5px;overflow-x:auto;border-top:1px solid #56604c2d;min-height:76px}#roster button{flex:1;min-width:105px;text-align:left;border:0;border-left:2px solid #737c6244;padding:7px 10px;background:transparent;min-height:45px}#roster button[aria-pressed=true]{border-left-color:var(--rust);background:#eee8d77a}#roster small{display:block;font-size:8px;font-weight:700;letter-spacing:1px;color:#5b6351;margin-bottom:5px;text-transform:uppercase}#roster strong{font:600 17px Barlow Condensed,sans-serif}.stage-caption{padding:10px 28px 15px;display:flex;justify-content:space-between;font-size:10px;gap:15px;color:#5e6654}.stage-caption a{white-space:nowrap}#loading{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);padding:15px 22px;background:var(--paper);box-shadow:0 5px 30px #0002;font-size:13px;max-width:85%;z-index:5}#loading button{margin-left:12px;padding:0 12px}@media(max-height:850px)and (min-width:761px){.controls-panel{padding:18px 22px}.intro{display:none}label{margin-top:12px}.rule,.instructions{margin-top:18px}.playback select{flex-basis:74px}.views button{font-size:10px}.stage-heading{padding-top:20px}}@media(max-width:760px){.viewer-header{height:64px;padding:0 16px}.wordmark{font-size:23px}.folio{display:none}main{height:auto;min-height:calc(100dvh - 64px);display:flex;flex-direction:column}.controls-panel{order:2;border-right:0;padding:16px;overflow:visible}.intro,.instructions{display:none}fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}fieldset>label,fieldset>.control-label{margin:0;align-self:end}fieldset>label[for=age]{grid-column:1;grid-row:1}fieldset>.select-row{grid-column:1;grid-row:2}fieldset>label[for=unit]{grid-column:2;grid-row:1}#unit{grid-column:2;grid-row:2}.two-up{grid-column:1/-1}.two-up label{margin-top:4px}fieldset>.rule{display:none}label[for=animation]{grid-column:1/-1}#animation{grid-column:1}.playback{grid-column:2;margin:0;gap:4px}.playback select{flex-basis:100%}.note{grid-column:1/-1;margin:0;min-height:0}.control-label,.views{grid-column:1/-1}.wide{grid-column:1/-1;margin-top:0}.showcase{order:1;height:58dvh;min-height:390px;grid-template-rows:auto minmax(140px,1fr) auto auto}.stage-heading{padding:17px 18px 5px}.stage-heading h2{font-size:27px}.stage-heading>span{font-size:10px}.stage-heading .eyebrow{font-size:9px}#roster{padding:7px 10px;min-height:63px}#roster button{min-width:108px;padding:4px 8px}.stage-caption{padding:6px 16px 9px;font-size:9px}}