*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial,Helvetica,sans-serif;color:#12304e;background:#f4f3ef}button,select{font:inherit}.viewer{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.9fr);min-height:680px;height:100vh;max-height:820px;overflow:hidden;border:1px solid #d5dce1}.scene-side{position:relative;min-height:0;background:#e8eaeb}.scene{position:absolute;inset:0}.scene-tools{position:absolute;z-index:5;top:14px;left:14px;display:flex;gap:6px}.scene-tools button{border:1px solid #cbd5dc;background:#fff;color:#12304e;border-radius:5px;min-height:39px;padding:0 12px;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 1px 8px #102b4420}.scene-tools button[aria-pressed=true]{background:#123b61;color:white}.scene-tools button:focus-visible,.choices button:focus-visible,.blocks button:focus-visible,select:focus-visible{outline:3px solid #de8d56;outline-offset:2px}.model-note{position:absolute;z-index:5;bottom:12px;left:12px;background:#173c58e8;color:white;padding:7px 10px;font-size:11px;border-radius:3px}.panel{overflow-y:auto;padding:24px 25px 22px;background:#f8f6f1}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#21558c}.panel h1{font-family:Georgia,serif;font-size:38px;font-weight:500;margin:8px 0 8px;line-height:1.1}.intro{font-size:14px;line-height:1.55;color:#536579;margin:0 0 17px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c6ccd0;margin-bottom:24px}.stats span{padding:10px 8px;font-size:10px;color:#657489;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid #c6ccd0}.stats span:last-child{border-right:0}.stats b{display:block;font-size:20px;color:#12304e;letter-spacing:0;margin-bottom:4px}.panel h2,.stack-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#21558c;font-weight:800;margin:20px 0 9px}.choices{display:flex;gap:6px;flex-wrap:wrap}.choices button,.blocks button{border:1px solid #bccbd3;background:white;color:#143452;padding:9px 11px;cursor:pointer;border-radius:2px;font-size:12px;font-weight:700}.choices button[aria-pressed=true],.blocks button[aria-pressed=true]{background:#123b61;color:white;border-color:#123b61}.legend,.subtle{color:#657489;font-size:11px;line-height:1.45;margin:10px 0 0}.blocks{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.blocks button{padding:9px 3px;font-size:16px}.blocks button small{display:block;font-size:9px;font-weight:400;margin-top:4px}.stack-label{margin-top:18px}select{width:100%;padding:9px 10px;border:1px solid #bccbd3;color:#143452;background:white;border-radius:2px}.selection{margin-top:16px;background:white;border:1px solid #cbd5dc;border-left:4px solid #d18b5b;padding:14px;font-size:13px;line-height:1.5;min-height:95px}.selection strong{display:block;font-size:17px;color:#143452}.selection .meta{font-size:12px;color:#557185}.selection p{margin:7px 0 0}.caveat{font-size:11px;line-height:1.5;color:#69798b;margin:18px 0 0}@media(max-width:760px){.viewer{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column}.scene-side{height:430px;flex:none}.panel{overflow:visible;padding:22px}.blocks{grid-template-columns:repeat(6,1fr)}}
