/* Palco do Blocaê (usado no editor e nas páginas exportadas) */
.bl-stage { position: relative; width: 100%; aspect-ratio: 4 / 3; background: #fff; overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none; container-type: inline-size; }
.bl-stage .bl-canvas { display: block; width: 100%; height: 100%; }
.bl-monitors { position: absolute; inset: 0; pointer-events: none; }
.bl-mon { position: absolute; display: flex; gap: .45em; align-items: baseline; background: #e6f0ff; border: 1px solid #b6c8e8; border-radius: .35em; padding: .2em .5em; font: 600 calc(11px * var(--k, 1)) "Helvetica Neue", Helvetica, Arial, sans-serif; color: #575e75; max-width: 70%; }
.bl-mon-v { background: #ff8c1a; color: #fff; border-radius: .3em; min-width: 2.4em; padding: 0 .4em; text-align: center; }
.bl-mon-list { flex-direction: column; align-items: stretch; background: #ffe5d0; border-color: #f0b98a; gap: 0; padding: 0; overflow: hidden; }
.bl-mon-list .bl-mon-l { text-align: center; padding: .2em .5em; border-bottom: 1px solid #f0b98a; }
.bl-mon-list .bl-mon-v { background: transparent; color: #575e75; text-align: left; padding: 0; max-height: calc(120px * var(--k, 1)); overflow: auto; }
.bl-mon-list ol { margin: 0; padding: .2em .4em .2em 2em; background: #fff; }
.bl-mon-list li { margin: 0; padding: .1em 0; font-weight: 500; }
.bl-mon-f { background: #fff3ea; font-size: .85em; text-align: center; padding: .15em; border-top: 1px solid #f0b98a; }
.bl-ask { position: absolute; left: 3%; right: 3%; bottom: 3%; background: #fff; border: 2px solid #4c97ff; border-radius: 10px; padding: 8px 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .2); display: flex; flex-direction: column; gap: 6px; }
.bl-ask[hidden] { display: none; }
.bl-ask label { font: 600 13px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #575e75; }
.bl-ask div { display: flex; gap: 6px; }
.bl-ask input { flex: 1; min-width: 0; border: 2px solid #c9d3e6; border-radius: 18px; padding: 6px 12px; font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; outline: none; }
.bl-ask input:focus { border-color: #4c97ff; }
.bl-ask button { border: 0; background: #4c97ff; color: #fff; border-radius: 50%; width: 34px; height: 34px; font-size: 16px; cursor: pointer; }
.bl-stage:fullscreen { aspect-ratio: auto; width: min(100vw, 133.33vh); height: min(75vw, 100vh); margin: auto; }