.o-overlay-obs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin-block: 18px; }
.o-overlay-obs .oo__apercu { min-inline-size: 0; }
.o-overlay-obs .oo__scene { display: flex; justify-content: center; align-items: center; min-inline-size: 0; min-block-size: 150px; padding: 10px; overflow: hidden; border-radius: var(--rayon); background: repeating-conic-gradient(#3a3a46 0 25%, #55556a 0 50%) 0 0 / 26px 26px; }
.o-overlay-obs .oo__cadre { display: block; flex: none; inline-size: var(--l, 560px); block-size: var(--h, 280px); transform: scale(var(--echelle, 1)); transform-origin: center; margin-block: var(--marge, 0); }
.o-overlay-obs .oo__titre { font-size: 1.7rem; }
.o-overlay-obs .oo__adresse textarea { inline-size: 100%; margin-block-end: 8px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .86rem; line-height: 1.4; resize: vertical; text-align: start; }
.o-overlay-obs output { color: var(--orange); font-weight: 800; }
.o-overlay-obs .oo__adresse .boutons { margin-block-start: 10px; }