/* 開発環境だけの実験コーナー */
.dev-lab { width: 100%; max-width: 860px; margin: 0 auto; padding: 24px 16px 48px; }
.dev-lab__lead { margin: 0 0 20px; color: #666; }
.dev-lab__section { display: grid; gap: 12px; margin-bottom: 24px; padding: 20px; border-radius: 12px; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .08); }
.dev-lab__heading { margin: 0; font-size: 18px; color: #4b4f76; }
.dev-lab__note { margin: 0; color: #555; }
.dev-lab__form { display: grid; gap: 14px; }
.dev-lab__field { display: grid; gap: 6px; margin: 0; padding: 0; border: none; }
.dev-lab__field label, .dev-lab__field legend { font-weight: 600; }
.dev-lab__input { max-width: 100%; padding: 8px 10px; border: 1px solid #cdd3e0; border-radius: 8px; font-size: 15px; }
.dev-lab__choice { display: inline-flex; align-items: center; gap: 6px; margin-right: 16px; font-weight: 400 !important; }
.dev-lab__button { justify-self: start; padding: 10px 18px; border: 1px solid #cdd3e0; border-radius: 8px; background: #fff; font-size: 15px; cursor: pointer; }
.dev-lab__button--primary { border-color: #4b4f76; background: #4b4f76; color: #fff; }
.dev-lab__sounds { display: flex; flex-wrap: wrap; gap: 10px; }
.dev-lab__hints, .dev-lab__links { margin: 0; padding-left: 1.2em; color: #555; font-size: 14px; line-height: 1.8; }
.dev-lab__button.overtime-alert--caution { border-color: #e5b84a; background: #fff3c4; }
.dev-lab__button.overtime-alert--danger { border-color: #f0a29b; background: #fde2df; }
.dev-lab__status { margin: 0; padding: 8px 12px; border-radius: 8px; background: #eef1f6; font-weight: 600; }
.dev-lab__status--on { background: #fde2df; color: #b42318; }