:root{color:#17231d;font-synthesis:none;background:#f5f2e9;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}.mode{background:#e8dfc7;border:1px solid #7d7256;padding:.3rem .5rem;display:inline-block}header{border-bottom:1px solid #9aa79f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.context{flex-direction:column;flex:1;min-width:10rem;display:flex}h1,h2{color:#183c2c;overflow-wrap:anywhere}h1:focus,[role=alert][tabindex="-1"]:focus{outline-offset:.3rem;outline:3px solid #9a5f00}a,button,input,select,textarea{font:inherit}a{color:#075f46}button{color:#fff;cursor:pointer;background:#174d39;border:2px solid #174d39;border-radius:.35rem;padding:.55rem .8rem}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #b56f00}form{flex-direction:column;align-items:start;gap:.55rem;display:flex}input{width:24rem;max-width:100%;padding:.55rem}li{margin-block:.6rem}main[data-state=open-ready]{max-width:96rem}.graph-workbench{border-top:1px solid #9aa79f;margin-top:1.5rem;padding-top:1rem}.graph-workbench-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.draft-warning{background:#fff4d1;border-left:.35rem solid #b56f00;max-width:48rem;margin:0;padding:.7rem .9rem}.graph-summary{flex-wrap:wrap;gap:.5rem;display:flex}.graph-summary span{background:#e2ebe7;border-radius:999px;padding:.35rem .65rem}.graph-toolbar{flex-wrap:wrap;align-items:end;gap:.65rem;margin-block:1rem;display:flex}.graph-toolbar label{margin-left:auto}.graph-toolbar input{width:min(22rem,100%)}.graph-message{background:#e2ebe7;border-left:.35rem solid #386e74;padding:.7rem .9rem}.graph-message.error{background:#ffe8e0;border-color:#aa371f}.graph-primary{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);gap:1rem;display:grid}.graph-primary h3,.graph-editors h3{margin-top:0}.graph-visual,.graph-textual,.graph-form,.graph-inspector{background:#fffdf7;border:1px solid #c4cec8;border-radius:.5rem;padding:1rem}.graph-visual{min-width:0;position:relative}.graph-canvas{background:#f8faf8;border:1px solid #c4cec8;width:100%;height:34rem}.graph-empty{pointer-events:none;text-align:center;position:absolute;inset:50% 1rem auto;transform:translateY(-50%)}.graph-textual{max-height:38rem;overflow:auto}.graph-textual ul{margin:0;padding:0;list-style:none}.graph-textual button{color:#17231d;text-align:left;background:#f4f7f5;border-color:#9aa79f;flex-direction:column;width:100%;display:flex}.graph-textual button[aria-pressed=true]{background:#d7ebe7;border-color:#174d39}.graph-textual button span{color:#4e6259;font-size:.9rem}.graph-editors{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;margin-top:1rem;display:grid}.graph-form input,.graph-form select,.graph-form textarea{width:100%;max-width:100%;padding:.5rem}.graph-form label span{color:#52635c;font-size:.85rem}.graph-inspector dl{grid-template-columns:max-content 1fr;gap:.35rem .75rem;display:grid}.graph-inspector dt{font-weight:700}.graph-inspector dd{overflow-wrap:anywhere;margin:0}@media (width<=900px){.graph-primary,.graph-editors{grid-template-columns:1fr}.graph-toolbar label{width:100%;margin-left:0}.graph-canvas{height:26rem}}@media (width<=360px){main{padding:.8rem}header{flex-direction:column;align-items:stretch}.graph-canvas{height:20rem}}:root{color:#17231d;background:#f5f2e9;font-family:ui-sans-serif,system-ui,sans-serif}body{min-width:320px;margin:0}main{max-width:42rem;margin:10vh auto;padding:1.25rem}main[data-state=open-ready]{max-width:96rem;margin-block:2rem}