.editor label{display:flex;justify-content:space-between;gap:12px}.editor output{font-weight:400;font-variant-numeric:tabular-nums}.editor .hint{margin:4px 0 0}.editor>button{margin-top:4px}.editor>p:last-child{margin-top:10px}.system-work{min-width:0}.system-diagram{padding:12px 8px 0;overflow-x:auto;scrollbar-color:var(--muted) var(--paper)}.system-diagram svg{width:100%;min-width:620px;max-width:none;display:block;overflow:visible}.pipes path{stroke:var(--muted);stroke-width:2;fill:none;marker-end:url(#arrow)}.cloud-node circle{fill:var(--pear);stroke:var(--ink);stroke-width:1.5}.cloud-node path{stroke:var(--ink);stroke-width:1.5;fill:none}.queue-node rect{fill:var(--mint);stroke:var(--ink);stroke-width:1.5}.queue-node path,.worker-node path{stroke:var(--ink);stroke-width:1.5;fill:none}.worker-node rect{fill:var(--blue);stroke:var(--ink);stroke-width:1.5}.worker-node circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.5}.database-node>path,.database-node ellipse{fill:var(--coral);stroke:var(--ink);stroke-width:1.5}.database-node>path:last-of-type{fill:none}.system-diagram text{text-anchor:middle;font:600 17px Chillax,sans-serif;fill:var(--ink)}.system-diagram .node-detail{font-size:14px;font-weight:400}.cache-node rect{fill:var(--paper);stroke:var(--ink);stroke-width:1.5}.cache-node text{font-size:15px;font-weight:400}.transport{padding:4px 24px 16px}.transport .hint{margin:10px 0 0}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:20px 24px;border-top:1px solid var(--rule)}.metrics dt{font-size:12px;color:var(--muted)}.metrics dd{margin:5px 0 0;font-size:25px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums}.metrics small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.scenario-section{margin-top:26px}.scenario-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scenario-buttons button{display:block;text-align:left;padding:14px}.scenario-buttons strong{display:block;font-size:14px}.scenario-buttons span{display:block;font-size:12px;margin-top:4px}.recovery-row{display:flex;align-items:center;gap:16px;margin-top:12px}.recovery-row button{flex-shrink:0}.recovery-row p{margin:0}.diagnosis{display:grid;grid-template-columns:1fr auto;gap:24px;margin-top:26px;padding-top:24px;border-top:1px solid var(--rule)}.diagnosis h2{font-size:20px}.diagnosis p{font-size:14px;max-width:58ch;margin-bottom:0}.capacity{text-align:right;display:flex;flex-direction:column;justify-content:center;min-width:145px}.capacity>span{font-size:13px}.capacity>strong{font-size:24px}.capacity>small{font-size:12px;color:var(--muted)}.model-notes summary{cursor:pointer;font-weight:600;min-height:44px}.model-notes p{font-size:14px;max-width:90ch}.model-notes p:last-child{margin-bottom:0}@media(max-width:1050px){.workspace{grid-template-columns:250px minmax(0,1fr);gap:24px}.metrics{padding:18px 16px}.metrics dd{font-size:21px}.scenario-buttons{grid-template-columns:1fr}.scenario-buttons button{display:flex;align-items:center;justify-content:space-between;gap:12px}.scenario-buttons span{margin:0}.diagnosis{grid-template-columns:1fr}.capacity{text-align:left}.recovery-row{align-items:start;flex-direction:column;gap:8px}}@media(max-width:650px){.workspace{grid-template-columns:1fr}.editor{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.editor h2,.editor>p:first-of-type{grid-column:1/-1}.editor>p:first-of-type{margin-bottom:16px}.editor .field{margin-bottom:16px}.editor label{display:block}.editor output{display:block;font-size:13px}.editor>button{justify-self:start;align-self:start}.editor>p:last-child{margin-top:10px}.system-diagram{padding:12px 0 4px}.system-diagram .node-detail{font-size:17px}.system-diagram text{font-size:20px}.cache-node text{font-size:17px}.metrics{grid-template-columns:repeat(3,1fr);gap:20px 12px}.metrics dd{font-size:25px}.metrics dt{font-size:12px}.transport{padding:8px 16px 16px}.scenario-buttons strong{font-size:14px}.diagnosis{grid-template-columns:1fr auto;gap:12px}.capacity{min-width:110px}.capacity>strong{font-size:20px}.diagnosis h2{font-size:18px}}@media(max-width:380px){.editor{grid-template-columns:1fr}.editor label{display:flex}.diagnosis{grid-template-columns:1fr}.scenario-buttons button{display:block}.scenario-buttons span{margin-top:4px}}