{
  "name": "v01-modal-confirm",
  "shapes": {
    "overlay": {
      "type": "Rectangle",
      "left": 0, "top": 0, "width": 1140, "height": 760,
      "fillColor": "#08090c"
    },
    "modal": {
      "type": "Rectangle",
      "left": 370, "top": 280, "width": 400, "height": 200,
      "fillColor": "#1a1e24",
      "strokeColor": "#333340",
      "corners": [4, 4, 4, 4]
    },
    "modal-accent": {
      "type": "Rectangle",
      "left": 370, "top": 280, "width": 400, "height": 2,
      "fillColor": "#c8d0e0",
      "strokeColor": "#c8d0e0"
    },
    "title": {
      "type": "Text",
      "left": 386, "top": 294,
      "text": "QUIT TO MAIN MENU?",
      "fontColor": "#c8d0e0",
      "fontSize": 16
    },
    "divider": {
      "type": "Line",
      "left": 386, "top": 320, "width": 368, "height": 0,
      "strokeColor": "#333340"
    },
    "body": {
      "type": "Text",
      "left": 386, "top": 332, "width": 368,
      "text": "Unsaved progress will be lost.",
      "fontColor": "#8899aa",
      "fontSize": 14,
      "wordWrap": true
    },
    "btn-cancel": {
      "type": "Rectangle",
      "left": 386, "top": 424, "width": 168, "height": 36,
      "fillColor": "#2a3040",
      "strokeColor": "#c8d0e0",
      "corners": [2, 2, 2, 2]
    },
    "btn-cancel-label": {
      "type": "Text",
      "left": 430, "top": 434,
      "text": "CANCEL",
      "fontColor": "#c8d0e0",
      "fontSize": 14
    },
    "btn-confirm": {
      "type": "Rectangle",
      "left": 566, "top": 424, "width": 168, "height": 36,
      "fillColor": "#1e2430",
      "strokeColor": "#c8d8f0",
      "corners": [2, 2, 2, 2]
    },
    "btn-confirm-label": {
      "type": "Text",
      "left": 610, "top": 434,
      "text": "CONFIRM",
      "fontColor": "#c8d8f0",
      "fontSize": 14
    },
    "key-hint": {
      "type": "Text",
      "left": 386, "top": 476,
      "text": "[Enter] Confirm  [Esc] Cancel",
      "fontColor": "#3a4455",
      "fontSize": 10
    },
    "annotation-title": {
      "type": "Text",
      "left": 16, "top": 16,
      "text": "v0.1 MODAL CONFIRM DIALOG",
      "fontColor": "#556677",
      "fontSize": 11
    },
    "annotation-notes": {
      "type": "Text",
      "left": 16, "top": 30, "width": 840,
      "text": "Insert-styled chrome. Top accent bar. Dark overlay. Keyboard shortcuts. No icon — text-primary. Cancel default-focused.",
      "fontColor": "#3a4455",
      "fontSize": 10,
      "wordWrap": true
    }
  }
}