*{box-sizing:border-box}body{margin:0;background:#eaece5;color:#293f43;font:16px/1.5 system-ui,sans-serif}main{max-width:1150px;margin:auto;padding:28px}header{padding-bottom:16px;border-bottom:1px solid #a5b5ad}h1{font:68px Georgia,serif;margin:0}h2{font:26px Georgia,serif;margin:0 0 12px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700}p{margin:8px 0 16px}.brief,.panel{padding:22px;background:#fffbed;border:1px solid #b3bdaf;border-radius:14px;margin:22px 0}.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}label{display:grid;gap:6px}button,select,input{font:inherit;color:inherit;background:#fffdf1;border:1px solid #92a9a3;border-radius:8px;padding:10px;min-height:46px}button,select{cursor:pointer}button:hover{background:#dce8dc}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b58432;outline-offset:3px}.layout{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;align-items:start}.panel{margin:0}.panel label{margin:12px 0}.panel>button{width:100%;margin:6px 0}.microscope{background:#17272d url('microscope.webp') center/cover;border-radius:18px;overflow:hidden;aspect-ratio:1}canvas{width:100%;height:100%;display:block;touch-action:manipulation}.legend{font-size:13px;padding:10px}.metrics{display:flex;gap:12px;margin:18px 0}.metrics>div{flex:1;padding:12px;background:#dfe7d9;border-radius:8px}small{font-size:10px;font-weight:700;letter-spacing:.08em}strong{display:block;font-size:26px}.brief strong,.brief b{display:inline;font-size:inherit}.primary{background:#315b60;color:white}.primary:hover{background:#244449}#status{padding:14px;background:#f2e7c9;border-left:4px solid #b38734}details{padding:20px 0;margin-top:20px}summary{font-weight:700;cursor:pointer}a{color:#315b60}@media(max-width:800px){.layout{grid-template-columns:1fr}h1{font-size:52px}}@media(max-width:480px){main{padding:14px}.brief,.panel{padding:16px}.toolbar button{flex:1}}