.objects-viewer { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); gap:22px; margin-top:38px; margin-bottom:45px; }
.objects-stage { min-height:500px; border:1px solid #ddd2c4; background:#f5f0e8; position:relative; overflow:hidden; }
.objects-stage-top { position:absolute; z-index:2; inset:16px 18px auto; display:flex; justify-content:space-between; font-size:10px; letter-spacing:.15em; color:#8a7767; }
.objects-canvas { position:absolute; inset:34px 0 32px; cursor:grab; }
.objects-canvas:active { cursor:grabbing; }
.objects-canvas canvas { display:block; width:100%; height:100%; outline:none; }
.objects-help { position:absolute; z-index:2; bottom:14px; inset-inline:18px; margin:0; font-size:11px; color:#8a7767; }
.objects-control-panel { padding:34px 28px; border:1px solid #ddd2c4; background:#fbf8f2; display:flex; flex-direction:column; align-items:flex-start; }
.objects-eyebrow { margin:0 0 17px; color:#b86f5d; font-size:10px; letter-spacing:.17em; }
.objects-control-panel h2 { margin:0; font:500 clamp(28px,3vw,42px)/1.2 Georgia,serif; color:#283647; white-space:pre-line; }
.objects-note { margin:16px 0 0; color:#76685d; line-height:1.8; font-size:13px; }
.objects-controls { display:flex; gap:8px; margin-top:auto; padding-top:35px; }
.objects-controls button { border:1px solid #cdbfae; background:#fffdf8; color:#384456; min-width:40px; min-height:35px; padding:0 14px; cursor:pointer; }
.objects-controls button:first-child { font-size:12px; }
.objects-controls button:hover { background:#eee3d5; }
.objects-status { margin:18px 0 0; color:#b86f5d; font-size:11px; }
.objects-model-note { margin:15px 0 0; color:#8a7767; font-size:11px; line-height:1.8; }
.objects-fallback { padding:45px; color:#806e5d; }
@media (max-width:760px) { .objects-viewer { grid-template-columns:1fr; margin-top:25px; } .objects-stage { min-height:390px; } .objects-control-panel { min-height:250px; padding:25px 21px; } .objects-controls { margin-top:25px; } }