{
  "name": "v01-save-load",
  "shapes": {
    "bg": {
      "type": "Rectangle",
      "left": 0, "top": 0, "width": 1140, "height": 760,
      "fillColor": "#0a0d12"
    },
    "panel": {
      "type": "Rectangle",
      "left": 120, "top": 60, "width": 900, "height": 640,
      "fillColor": "#0d1018",
      "strokeColor": "#333340",
      "corners": [4, 4, 4, 4]
    },
    "panel-header": {
      "type": "Rectangle",
      "left": 120, "top": 60, "width": 900, "height": 48,
      "fillColor": "#12161e",
      "strokeColor": "#333340",
      "corners": [4, 4, 0, 0]
    },
    "panel-title": {
      "type": "Text",
      "left": 140, "top": 76,
      "text": "SAVE / LOAD",
      "fontColor": "#c8d0e0",
      "fontSize": 18
    },
    "panel-close": {
      "type": "Text",
      "left": 984, "top": 76,
      "text": "[Esc]",
      "fontColor": "#556677",
      "fontSize": 14
    },
    "tab-save": {
      "type": "Rectangle",
      "left": 140, "top": 116, "width": 120, "height": 32,
      "fillColor": "#1a2030",
      "strokeColor": "#c8d0e0",
      "corners": [2, 2, 0, 0]
    },
    "tab-save-text": {
      "type": "Text",
      "left": 156, "top": 125,
      "text": "SAVE",
      "fontColor": "#c8d0e0",
      "fontSize": 13
    },
    "tab-load": {
      "type": "Rectangle",
      "left": 264, "top": 116, "width": 120, "height": 32,
      "fillColor": "#0d1018",
      "strokeColor": "#333340",
      "corners": [2, 2, 0, 0]
    },
    "tab-load-text": {
      "type": "Text",
      "left": 280, "top": 125,
      "text": "LOAD",
      "fontColor": "#556677",
      "fontSize": 13
    },
    "save-slot-1-active": {
      "type": "Rectangle",
      "left": 140, "top": 156, "width": 860, "height": 72,
      "fillColor": "#1a2030",
      "strokeColor": "#c8d8f0",
      "corners": [2, 2, 2, 2]
    },
    "save-slot-1-accent": {
      "type": "Rectangle",
      "left": 140, "top": 156, "width": 3, "height": 72,
      "fillColor": "#c8d8f0",
      "strokeColor": "#c8d8f0"
    },
    "slot-1-date": {
      "type": "Text",
      "left": 152, "top": 162,
      "text": "AUTOSAVE  //  Day 1, 07:42",
      "fontColor": "#c8d0e0",
      "fontSize": 13
    },
    "slot-1-location": {
      "type": "Text",
      "left": 152, "top": 180,
      "text": "The Terminal — morning shift  //  Detective",
      "fontColor": "#8899aa",
      "fontSize": 12
    },
    "slot-1-timestamp": {
      "type": "Text",
      "left": 152, "top": 198,
      "text": "saved: 2026-02-23  14:31",
      "fontColor": "#556677",
      "fontSize": 11
    },
    "slot-1-actions": {
      "type": "Text",
      "left": 860, "top": 175,
      "text": "[Enter] Overwrite / Load",
      "fontColor": "#c8d8f0",
      "fontSize": 12
    },
    "save-slot-2": {
      "type": "Rectangle",
      "left": 140, "top": 236, "width": 860, "height": 72,
      "fillColor": "#0e1118",
      "strokeColor": "#333340",
      "corners": [2, 2, 2, 2]
    },
    "slot-2-date": {
      "type": "Text",
      "left": 152, "top": 250,
      "text": "SLOT 2  //  Day 1, 06:15",
      "fontColor": "#8899aa",
      "fontSize": 13
    },
    "slot-2-location": {
      "type": "Text",
      "left": 152, "top": 268,
      "text": "Arrival — entering Sova Transit  //  Detective",
      "fontColor": "#556677",
      "fontSize": 12
    },
    "slot-2-timestamp": {
      "type": "Text",
      "left": 152, "top": 286,
      "text": "saved: 2026-02-23  13:10",
      "fontColor": "#3a4455",
      "fontSize": 11
    },
    "save-slot-3": {
      "type": "Rectangle",
      "left": 140, "top": 316, "width": 860, "height": 72,
      "fillColor": "#0e1118",
      "strokeColor": "#333340",
      "corners": [2, 2, 2, 2]
    },
    "slot-3-date": {
      "type": "Text",
      "left": 152, "top": 330,
      "text": "SLOT 3  //  Day 1, 07:30",
      "fontColor": "#8899aa",
      "fontSize": 13
    },
    "slot-3-location": {
      "type": "Text",
      "left": 152, "top": 348,
      "text": "Corridor B-7 — Kael spotted  //  Smuggler",
      "fontColor": "#556677",
      "fontSize": 12
    },
    "slot-3-timestamp": {
      "type": "Text",
      "left": 152, "top": 366,
      "text": "saved: 2026-02-23  12:48",
      "fontColor": "#3a4455",
      "fontSize": 11
    },
    "empty-slots-label": {
      "type": "Text",
      "left": 140, "top": 400,
      "text": "SLOTS 4-8  —  empty",
      "fontColor": "#2a3040",
      "fontSize": 12
    },
    "save-note": {
      "type": "Text",
      "left": 140, "top": 660,
      "text": "Autosave on: zone transitions, conversation ends, significant events",
      "fontColor": "#3a4455",
      "fontSize": 11
    },
    "annotation-title": {
      "type": "Text",
      "left": 16, "top": 720,
      "text": "v0.1 SAVE / LOAD SCREEN",
      "fontColor": "#556677",
      "fontSize": 11
    },
    "annotation-notes": {
      "type": "Text",
      "left": 16, "top": 734, "width": 1100,
      "text": "Tab UI: Save / Load. Slots show: timestamp, in-game time+location, character. Autosave shown separately. Active slot has accent bar. No screenshots in v0.1.",
      "fontColor": "#3a4455",
      "fontSize": 10,
      "wordWrap": true
    }
  }
}