.panoramic-study{color:#42372e;background:#f8f4ed;border:1px solid #d8cab9;border-radius:16px;margin:2rem 0;padding:clamp(1rem,3vw,1.75rem)}.panoramic-study p{line-height:1.6}.panoramic-study h2{margin:.35rem 0 .7rem;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.25}.panoramic-study__eyebrow{text-transform:uppercase;letter-spacing:.07em;color:#74614e;font-size:.74rem}.panoramic-study__heading p{margin:0 0 1.2rem}.panoramic-study button{color:#42372e;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#fffdf9;border:1px solid #b9a895;border-radius:8px;padding:.7rem .9rem;font-size:.9rem}.panoramic-study button[aria-pressed=true]{color:#fff;background:#725640;border-color:#725640}.panoramic-study button:disabled{opacity:.52;cursor:default}.panoramic-study button:focus-visible{outline-offset:3px;outline:3px solid #387a74}.panoramic-study__controls{flex-wrap:wrap;gap:.5rem;margin:.6rem 0;display:flex}.panoramic-study__controls button{flex:180px}.panoramic-study__figure{margin:1rem 0}.panoramic-study__stage{background:#eee7dc;border:1px solid #e3d7c6;border-radius:12px;height:clamp(290px,48vw,460px);position:relative;overflow:hidden}.panoramic-study__canvas{position:absolute;inset:0}.panoramic-study__canvas canvas{width:100%;height:100%;display:block}.panoramic-study__poster{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.panoramic-study__stage--ready .panoramic-study__poster{display:none}.panoramic-study__legend{flex-wrap:wrap;gap:.6rem 1rem;padding-top:.8rem;font-size:.86rem;display:flex}.panoramic-study__key:before{content:"";background:#387a74;border-radius:2px;width:.8rem;height:.8rem;margin-right:.4rem;display:inline-block}.panoramic-study__key--length:before{background:#76588b}.panoramic-study__key--height:before{background:#996914}.panoramic-study__key--join:before{background:#c67b39}.panoramic-study__key--meeting:before{background:#3e596c}.panoramic-study__explanation{background:#eee5d8;border-left:3px solid #9a7554;margin:1rem 0;padding:.9rem 1rem}.panoramic-study__launch{margin:0 .8rem .6rem 0}.panoramic-study__status{color:#695646;font-size:.84rem}.panoramic-study__notes{color:#695646;border-top:1px solid #e0d4c3;margin-top:1rem;padding-top:.8rem;font-size:.9rem}.panoramic-study__notes p{margin:.6rem 0}@media (width<=420px){.panoramic-study__controls button{flex-basis:100%}.panoramic-study__stage{height:290px}.panoramic-study__status{display:block}}