.control-box-page .control-panel{max-height:calc(clamp(480px,66vh,760px) + 130px);overflow-y:auto;scrollbar-width:thin}
.control-box-page .control-section{padding-bottom:18px;margin-bottom:18px}
.control-box-page .control-section:last-of-type{border:0}
.control-box-page .focus-buttons{display:grid;gap:8px}
.control-box-page .focus-buttons button{text-align:start}
.control-box-page #caption{margin:0;padding:13px 18px;color:var(--ink);background:#f5f7fa;min-height:66px;font-size:14px;line-height:1.7;border-top:1px solid var(--line)}
.control-box-page .demo-note{margin:0;font-size:12px;line-height:1.8;color:var(--muted)}
.control-box-page .anchor{position:absolute;transform:translate(-50%,-100%);pointer-events:none;min-height:0;max-width:230px;padding:7px 11px;border:1px solid #cedbe5;border-radius:5px;background:#fffffff0;color:#24465a;font-size:12px;line-height:1.4;text-align:center;box-shadow:0 3px 12px #3143540c}
.control-box-page button.anchor{pointer-events:auto}
.control-box-page .anchor::after{content:"";position:absolute;top:100%;left:50%;width:1px;height:13px;background:#90a0ae}
.control-box-page #detail{position:absolute;inset-inline:18px;top:18px;z-index:3;max-width:360px;padding:14px 42px 14px 15px;border-inline-start:3px solid var(--navy);border-radius:4px;background:#fffffff0;box-shadow:0 4px 20px #3143540d}
.control-box-page #detail-title{display:block;font-size:16px;font-weight:700;margin-bottom:5px}
.control-box-page #detail-text{display:block;font-size:12px;line-height:1.7;color:var(--muted)}
.control-box-page #close-detail{position:absolute;right:3px;top:3px;border:0;background:transparent;font-size:24px;padding:0 8px}
.control-box-page #safety-status{display:block;padding:10px 12px;margin-bottom:10px;background:#edf6f0;border-radius:5px;font-size:13px;color:#356247;line-height:1.6}
.control-box-page #safety-status.tripped{color:#9c353c;background:#faedef}
.control-box-page .safety-buttons{display:grid;gap:8px}
.control-box-page #monitor-note{color:#35749b;font-size:14px;line-height:1.7}
.control-box-page #monitor-note p{margin:8px 0 0;font-size:12px;color:var(--muted);line-height:1.7}
.control-box-page .viewer-layout:fullscreen .control-panel{max-height:none}
@media(max-width:720px){
  .control-box-page .control-panel{max-height:none;overflow:visible;align-items:start}
  .control-box-page .control-section{margin:0}
  .control-box-page .control-section:nth-child(3){grid-column:auto}
  .control-box-page .demo-note-section,.control-box-page #safety-controls,.control-box-page #monitor-note{grid-column:1/-1}
  .control-box-page .safety-buttons{grid-template-columns:1fr 1fr}
  .control-box-page .anchor{max-width:150px;font-size:10px;padding:5px 7px}
  .control-box-page #caption{font-size:12px;min-height:0}
  .control-box-page #detail{inset-inline:12px;top:12px}
}