.lab-intro{text-align:center;margin:40px auto 30px}.lab-intro h1{margin:12px 0 15px}.lab-intro>p:last-child{font-size:13px;line-height:1.8;color:#74816c}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:40px;max-width:1250px;margin:auto}.animation-card{border:1px solid #d6dfcb;border-radius:23px;overflow:hidden;background:#faf8ef}.animation-stage{position:relative;height:480px;background:radial-gradient(ellipse at 50% 55%,#edf0df,#bccd9f);overflow:hidden}#elephant-canvas{display:block;width:100%;height:100%}.stage-label,#pose-info{position:absolute;font-size:9px;letter-spacing:1px;bottom:17px;color:#496343;background:#f8f5e5b8;padding:9px 12px;border-radius:20px}.stage-label{left:17px}#pose-info{right:17px;letter-spacing:0}.lab-toolbar,.scrubber{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px}.lab-toolbar{border-bottom:1px solid #dfe5d4}.lab-toolbar>div{display:flex;gap:6px}.animation-card button{font:inherit;font-size:11px;border:1px solid #ccd7be;border-radius:22px;background:#f6f6e9;color:#385c41;padding:10px 16px;cursor:pointer;min-height:40px}.animation-card button[aria-pressed=true]{background:#28513e;color:#fff0c4;border-color:#28513e}.scrubber{padding-top:10px;padding-bottom:10px}.scrubber input{min-width:0;flex:1;accent-color:#466b42}.scrubber button{font-size:10px;min-height:34px;padding:7px 12px}.view-controls{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:4px 15px 17px}.view-controls button{font-size:10px;padding:8px 12px;min-height:34px}aside{padding-top:15px}aside h2{font-family:Georgia,serif;font-size:35px;line-height:1.2;font-weight:400;margin:14px 0 24px}aside>p{font-size:12px;color:#748069;line-height:1.9}dl{margin:0 0 25px}dl>div{display:flex;align-items:center;gap:15px;border-bottom:1px solid #d9dfcf;padding:11px 0}dt{font-family:Georgia,serif;font-size:26px;min-width:45px}dd{margin:0;font-size:11px;color:#7c8970}.art-note{background:#e8eddb;border-radius:14px;padding:18px;margin:24px 0}.art-note strong{font-size:11px}.art-note p{font-size:11px;line-height:1.8;color:#6e7d60;margin-bottom:0}aside .small{font-size:10px}.map-link{display:inline-block;background:#28513e;color:#f7edca;border-radius:25px;font-size:12px;padding:13px 20px;margin-top:10px}#elephant-error{text-align:center;color:#895e42;font-size:12px}@media(max-width:1000px){.lab-grid{grid-template-columns:minmax(0,1fr) 230px;gap:25px}.animation-stage{height:420px}}@media(max-width:700px){.lab-grid{display:block}.animation-stage{height:360px}.lab-intro{margin:30px 0 25px}aside{max-width:480px;margin:30px auto 0}aside h2 br{display:none}dl{display:flex;justify-content:space-between;gap:12px}dl>div{display:block;flex:1}dd{margin-top:5px;font-size:9px}.lab-toolbar{padding:12px}.lab-toolbar>div{gap:4px}.animation-card button{font-size:10px;padding:9px 12px}.stage-label,#pose-info{font-size:7px}.stage-label{left:10px}#pose-info{right:10px}.lab-intro>p:last-child{font-size:11px}}
.zoom-label{display:flex;align-items:center;gap:12px;font-size:11px;color:#728269;margin:15px 0}.zoom-label input{min-width:0;flex:1;accent-color:#466b42}