/* Lane Y3: the Site builder panel (site/viewer/outdoor/outdoor.js). */
.o-panel { position: fixed; inset: 0; z-index: 60; display: flex; background: #fafafa; color: #212121; font: 12px/1.35 system-ui, sans-serif; }
.o-side { width: 290px; min-width: 240px; overflow-y: auto; padding: 10px 12px; border-right: 1px solid #cfd8dc; background: #fff; box-sizing: border-box; }
.o-canvas { flex: 1; min-width: 0; height: 100%; touch-action: none; }
.o-title { font-weight: 600; font-size: 14px; margin-bottom: 8px; }
.o-field { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 4px 0; }
.o-field select, .o-field input { width: 160px; font: inherit; }
.o-btn { font: inherit; padding: 4px 8px; margin: 6px 4px 0 0; cursor: pointer; }
.o-palette { display: flex; flex-wrap: wrap; margin-top: 4px; }
.o-hint { color: #546e7a; margin-top: 8px; }
.o-status { margin-top: 10px; }
.o-verdict { font-weight: 600; padding: 4px 6px; border-radius: 3px; }
.o-pass { background: #e8f5e9; color: #1b5e20; }
.o-fail { background: #ffebee; color: #b71c1c; }
.o-line { margin-top: 3px; word-break: break-word; }
.o-bad { color: #b71c1c; }
.o-warn { color: #e65100; }
.o-close { font: inherit; margin-top: 12px; }
@media (max-width: 700px) {
  .o-panel { flex-direction: column; }
  .o-side { width: 100%; max-height: 45%; border-right: 0; border-bottom: 1px solid #cfd8dc; }
}