.balcony-study{color:#42372e;background:#f8f4ed;border:1px solid #d8cab9;border-radius:16px;margin:2rem 0;padding:clamp(1rem,3vw,1.8rem)}.balcony-study h2{margin:0 0 .75rem}.balcony-study p{line-height:1.6}.balcony-study button{color:#42372e;min-height:44px;font:inherit;cursor:pointer;background:#fffdf9;border:1px solid #b9a895;border-radius:8px;padding:.65rem .85rem}.balcony-study button[aria-pressed=true]{color:#fff;background:#725640;border-color:#725640}.balcony-study button:disabled{opacity:.52;cursor:default}.balcony-study button:focus-visible{outline-offset:3px;outline:3px solid #4d7877}.balcony-study__choices,.balcony-study__actions{flex-wrap:wrap;gap:.5rem;display:flex}.balcony-study__choices button{flex:1}.balcony-study__actions button{flex:150px}.balcony-study__small,.balcony-study__boundary{color:#685747;font-size:.875rem}.balcony-study__figure{margin:1rem 0}.balcony-study__stage{background:#eee7dc;border-radius:12px;height:clamp(260px,44vw,340px);position:relative;overflow:hidden}.balcony-study__canvas{position:absolute;inset:0}.balcony-study__canvas canvas{width:100%;height:100%;display:block}.balcony-study__diagram{grid-template-columns:58% 36%;gap:6%;display:grid;position:absolute;inset:15% 12% 10%}.balcony-study__stage--ready .balcony-study__diagram{display:none}.balcony-study__window,.balcony-study__door{text-align:center;color:#42372e;background:#c5d7d8;border:6px solid #d5c8b6;flex-direction:column;justify-content:center;align-self:start;height:65%;font-size:.8rem;display:flex}.balcony-study__door{transform-origin:100%;height:100%}.balcony-study__door small{font-size:.65rem}.balcony-study__door--open{transform:perspective(500px)rotateY(58deg)}.balcony-study__layer{pointer-events:none;border-top:3px solid #716558;justify-content:space-between;display:flex;position:absolute;inset:-7% -5% 0}.balcony-study__layer span{background:repeating-linear-gradient(90deg,#77a5a589 0 4%,#95bdbd77 4% 8%);border:1px solid #668e8e;width:50%;height:100%}.balcony-study__layer--drape{inset:-11% -8% 0}.balcony-study__layer--drape span{background:repeating-linear-gradient(90deg,#ad745bc7 0 4%,#c4937ad4 4% 8%);border-color:#8c5e49}.balcony-study__layer--gathered span{width:11%}.balcony-study__diagram--left .balcony-study__layer--gathered{justify-content:flex-start;gap:2%}.balcony-study__legend{flex-wrap:wrap;gap:.3rem 1rem;padding-top:.6rem;font-size:.8rem;display:flex}.balcony-study__legend span:first-child{color:#426e6e}.balcony-study__legend span:nth-child(2){color:#87523b}.balcony-study__status{background:#eee5d8;border-left:3px solid #ad745b;padding:.8rem 1rem}.balcony-study__launch{margin:0 .8rem .4rem 0}.balcony-study__boundary{margin-bottom:0}@media (width<=420px){.balcony-study__diagram{inset:19% 13% 16%}.balcony-study__window,.balcony-study__door{border-width:4px;font-size:.65rem}.balcony-study__door small{font-size:.55rem}}