.subtitle { font-size: 12px; color: var(--ink-light); font-weight: 300; letter-spacing: 0.1em; border-left: 2px solid var(--accent); padding-left: 10px; }
.panel-header { padding: 10px 16px; border-bottom: 1px solid var(--border); background: var(--bg); display: flex; justify-content: space-between; align-items: center; gap: 12px; }
    .panel-label { font-size: 10px; letter-spacing: 0.2em; color: var(--ink-light); text-transform: uppercase; }
.canvas-wrap { position: relative; display: inline-block; max-width: 100%; }
    .canvas-wrap canvas {
      max-width: 100%;
      max-height: 520px;
      display: block;
      cursor: crosshair;
      touch-action: none;
      user-select: none;
    }
    .selection-box {
      position: absolute;
      border: 2px solid var(--blue);
      background: rgba(37, 99, 235, 0.16);
      box-shadow: 0 0 0 1px rgba(255,255,255,.8) inset;
      pointer-events: none;
      display: none;
      z-index: 3;
    }
.hidden { display: none !important; }
    @media (max-width: 900px) {
}