{
  "id": "radiograph-hanging",
  "name": "Hanging Protocol",
  "theme": "radiograph",
  "category": "Settings & Forms",
  "description": "Configuring how studies open, where the pane-count control offers 1, 2 and 4 and there is deliberately no option for 3.",
  "layout": "A settings column with the rail-style icon-and-value rows reused as the form controls, so configuration looks like the tool it configures.",
  "modules": [
    {
      "key": "head",
      "name": "Protocol header",
      "html": "\n<header class=\"ph\"><span class=\"k\">Hanging protocol</span><h1>CT chest, with prior</h1><p>Applies when a chest CT is opened and a comparable prior exists within 24 months. Everything below is what the reader sees before touching anything.</p></header>"
    },
    {
      "key": "layout",
      "name": "Layout section",
      "html": "\n<section class=\"sc\"><span class=\"k\">Layout</span><div class=\"lay\"><span class=\"ly\">1</span><span class=\"ly\">2</span><span class=\"ly on\">4</span></div><p class=\"nt\">There is no three-pane option. A three-up layout leaves one quadrant empty on every display we support, and an empty quadrant on a diagnostic screen is a place for the eye to go that has no information in it.</p></section>"
    },
    {
      "key": "defaults",
      "name": "Default tools",
      "html": "\n<section class=\"sc\"><span class=\"k\">Opens with</span><div class=\"tool on\"><i></i><span>Window</span><b>Lung 1500 / −600</b></div><div class=\"tool on\"><i></i><span>Slice thickness</span><b>10 mm</b></div><div class=\"tool on\"><i></i><span>Linked scroll</span><b>on</b></div><div class=\"tool\"><i></i><span>Linked zoom</span><b>off</b></div><div class=\"tool on\"><i></i><span>Corner overlay</span><b>full</b></div></section>"
    },
    {
      "key": "series",
      "name": "Series order",
      "html": "\n<section class=\"sc\"><span class=\"k\">Series order</span><div class=\"sr\"><span class=\"or mn\">1</span><span>Axial lung, current</span><b class=\"mn\">SER 3</b></div><div class=\"sr\"><span class=\"or mn\">2</span><span>Axial lung, prior</span><b class=\"mn\">SER 3</b></div><div class=\"sr\"><span class=\"or mn\">3</span><span>Axial soft tissue, current</span><b class=\"mn\">SER 7</b></div><div class=\"sr\"><span class=\"or mn\">4</span><span>Axial soft tissue, prior</span><b class=\"mn\">SER 7</b></div><button class=\"pri\">Save protocol</button></section>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "radiograph-hanging",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:28:02+09:00",
    "updatedAt": "2026-09-02T01:28:02+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/radiograph-hanging.json",
  "structure": "A settings column with the rail-style icon-and-value rows reused as the form controls, so configuration looks like the tool it configures.",
  "html": "<div class=\"dz dz-radiograph-hanging\" data-design=\"radiograph-hanging\" data-theme=\"radiograph\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Protocol header\">\n<header class=\"ph\"><span class=\"k\">Hanging protocol</span><h1>CT chest, with prior</h1><p>Applies when a chest CT is opened and a comparable prior exists within 24 months. Everything below is what the reader sees before touching anything.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"layout\" aria-label=\"Layout section\">\n<section class=\"sc\"><span class=\"k\">Layout</span><div class=\"lay\"><span class=\"ly\">1</span><span class=\"ly\">2</span><span class=\"ly on\">4</span></div><p class=\"nt\">There is no three-pane option. A three-up layout leaves one quadrant empty on every display we support, and an empty quadrant on a diagnostic screen is a place for the eye to go that has no information in it.</p></section></section>\n<section class=\"dz-mod\" data-mod=\"defaults\" aria-label=\"Default tools\">\n<section class=\"sc\"><span class=\"k\">Opens with</span><div class=\"tool on\"><i></i><span>Window</span><b>Lung 1500 / −600</b></div><div class=\"tool on\"><i></i><span>Slice thickness</span><b>10 mm</b></div><div class=\"tool on\"><i></i><span>Linked scroll</span><b>on</b></div><div class=\"tool\"><i></i><span>Linked zoom</span><b>off</b></div><div class=\"tool on\"><i></i><span>Corner overlay</span><b>full</b></div></section></section>\n<section class=\"dz-mod\" data-mod=\"series\" aria-label=\"Series order\">\n<section class=\"sc\"><span class=\"k\">Series order</span><div class=\"sr\"><span class=\"or mn\">1</span><span>Axial lung, current</span><b class=\"mn\">SER 3</b></div><div class=\"sr\"><span class=\"or mn\">2</span><span>Axial lung, prior</span><b class=\"mn\">SER 3</b></div><div class=\"sr\"><span class=\"or mn\">3</span><span>Axial soft tissue, current</span><b class=\"mn\">SER 7</b></div><div class=\"sr\"><span class=\"or mn\">4</span><span>Axial soft tissue, prior</span><b class=\"mn\">SER 7</b></div><button class=\"pri\">Save protocol</button></section></section>\n</div>",
  "css": "\n.dz-radiograph-hanging { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 16px; max-width: 720px; }\n.dz-radiograph-hanging .k { text-transform: uppercase; letter-spacing: .14em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); display: block; margin-bottom: 10px; }\n.dz-radiograph-hanging .mn { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .01em; }\n.dz-radiograph-hanging h1 { font-size: 26px; font-weight: 600; letter-spacing: -.01em; margin: 4px 0 8px; }\n.dz-radiograph-hanging .ph p { margin: 0 0 20px; font-size: 13.5px; line-height: 1.6; color: var(--muted-foreground); max-width: 60ch; }\n.dz-radiograph-hanging .sc { margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--border); }\n.dz-radiograph-hanging .lay { display: flex; gap: 8px; max-width: 240px; }\n.dz-radiograph-hanging .ly { flex: 1; text-align: center; font-family: var(--pv-mono); font-size: 12px; letter-spacing: .01em; border: 1px solid var(--border); border-radius: 3px; padding: 11px 0; color: var(--muted-foreground); }\n.dz-radiograph-hanging .ly.on { border-color: var(--primary); background: var(--primary); color: var(--primary-foreground); }\n.dz-radiograph-hanging .nt { font-size: 13.5px; line-height: 1.6; color: var(--muted-foreground); margin: 14px 0 0; max-width: 60ch; }\n.dz-radiograph-hanging .tool { display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 10px; border-radius: 3px; font-size: 13.5px; border-bottom: 1px solid var(--border); }\n.dz-radiograph-hanging .tool.on { background: color-mix(in oklab, var(--primary) 22%, transparent); }\n.dz-radiograph-hanging .tool i { width: 20px; height: 20px; border: 2px solid currentColor; border-radius: 3px; display: block; flex: none; }\n.dz-radiograph-hanging .tool b { font-family: var(--pv-mono); font-size: 12px; letter-spacing: .01em; margin-left: auto; font-weight: 400; }\n.dz-radiograph-hanging .sr { display: flex; align-items: center; gap: 14px; height: 40px; border-bottom: 1px solid var(--border); font-size: 13.5px; }\n.dz-radiograph-hanging .or { width: 22px; height: 22px; border: 1px solid var(--border); border-radius: 3px; display: grid; place-items: center; color: var(--muted-foreground); }\n.dz-radiograph-hanging .sr b { margin-left: auto; color: var(--muted-foreground); }\n.dz-radiograph-hanging .pri { margin-top: 20px; background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: 3px; padding: 10px 18px; font: inherit; font-size: 13.5px; cursor: pointer; }\n@media (prefers-reduced-motion: reduce) { .dz-radiograph-hanging *, .dz-radiograph-hanging *::before, .dz-radiograph-hanging *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/radiograph.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Geologica:wght@400;500;600;700&family=B612+Mono:wght@400;500;600;700&display=swap"
}