.ms-observe-dialog { box-sizing: border-box; width: min(880px, calc(100% - 24px)); max-height: 90dvh; overflow: auto; border: 1px solid #64716d; border-radius: 8px; padding: 20px; background: #121817; color: #edf2ee; }
.ms-observe-dialog::backdrop { background: rgba(0, 0, 0, .65); }
.ms-observe-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ms-observe-dialog h2 { font-size: 22px; margin: 0 0 12px; }
.ms-observe-dialog h3 { font-size: 20px; margin: 0 0 12px; }
.ms-observe-dialog button, .ms-observe-dialog select, .ms-observe-dialog input[type=number] { color: #edf2ee; background: #26332e; border: 1px solid #64716d; border-radius: 4px; padding: 8px; font-size: 14px; }
.ms-observe-dialog header button { width: 36px; height: 36px; padding: 0; font-size: 24px; }
.ms-observe-dialog input[type=number] { width: 110px; }
.ms-observe-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0; }
.ms-observe-controls label { display: flex; align-items: center; gap: 5px; }
.ms-observe-body { display: grid; grid-template-columns: minmax(0, 280px) minmax(0, 1fr); gap: 24px; margin-top: 16px; }
.ms-observe-body figure { margin: 0; }
.ms-observe-body img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #080d0b; }
.ms-observe-body img[hidden] { display: none; }
.ms-observe-dialog p, .ms-observe-dialog li { font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.ms-observe-dialog li { margin-bottom: 8px; }
.ms-observe-dialog ol, .ms-observe-dialog ul { padding-left: 22px; }
.ms-observe-note, .ms-observe-body figcaption { font-size: 12px; color: #bac9c0; line-height: 1.6; }
.ms-observe-dialog a { color: #92d2b3; }
.ms-observe-bearing { color: #eed590; }
@media (max-width: 600px) { .ms-observe-body { grid-template-columns: minmax(0, 1fr); } .ms-observe-body figure { max-width: 220px; margin: auto; } .ms-observe-dialog { padding: 14px; } }