:root{font-family:system-ui,sans-serif;color:#223b31;background:#f4f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #bdccc3;border-radius:6px;padding:8px 12px;color:#24463c}button:hover{background:#e9f0eb}:focus-visible{outline:3px solid #bd571c;outline-offset:3px}.app{height:100dvh;display:grid;grid-template-rows:64px minmax(240px,1fr) minmax(190px,30vh)}header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fbfcfa;border-bottom:1px solid #cdd8ce}header small{display:block;color:#62796c;font-size:12px;margin-top:3px}.status{font-size:12px;color:#8d541f}.workspace{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:0}.references{padding:18px;background:#fbfcfa;border-right:1px solid #cdd8ce;overflow:auto}h2{font:600 11px monospace;letter-spacing:.08em}.references p,.analysis p{font-size:12px;line-height:1.55;color:#536c5e}label{display:grid;gap:7px;font-size:12px}select,input{width:100%;min-width:0;background:#fff;border:1px solid #bdccc3;border-radius:5px;padding:8px;color:#24463c}details{font-size:12px;margin-top:20px}summary{cursor:pointer}.canvas-wrap{position:relative;min-width:0;min-height:0;background:#f4f6f2}.canvas-label{position:absolute;top:18px;left:20px;font:12px monospace}.toolbar{position:absolute;top:12px;right:16px;display:flex;align-items:center;gap:5px;background:#fbfcfa;border:1px solid #cdd8ce;border-radius:8px;padding:4px;z-index:2}.toolbar span{font:11px monospace;min-width:35px}.canvas{width:100%;height:100%;touch-action:none}.canvas [data-part]{cursor:grab}.canvas [data-part]:focus{outline:none;filter:drop-shadow(0 0 3px #bd571c)}.analysis{min-height:0;border-top:1px solid #bdccc3;background:#fbfcfa;display:grid;grid-template-rows:auto minmax(0,1fr)}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 24px}.analysis-body{overflow:auto;padding:0 24px 16px}.controls{display:flex;gap:16px;align-items:end}.controls label{width:200px}.run{background:#193f36;color:white}.run:hover{background:#285c4c}.summary{display:flex;gap:24px;flex-wrap:wrap;padding:12px 0;font-size:13px}.summary strong{color:#87521e}.error{color:#a12e1d!important;margin:4px 0}.app.expanded{grid-template-rows:64px 0 minmax(0,1fr)}.expanded .workspace{visibility:hidden}.expanded .analysis-body{max-width:1100px}.expanded .summary{display:grid;gap:20px;font-size:18px}@media(max-width:800px){.workspace{grid-template-columns:175px minmax(0,1fr)}.references{padding:12px}.canvas-label{top:62px;font-size:10px}.toolbar{right:8px}.app{grid-template-rows:64px minmax(250px,1fr) minmax(210px,35vh)}header{padding:10px 14px}header small{font-size:10px}.summary{gap:10px}.drawer-heading,.analysis-body{padding-left:14px;padding-right:14px}}@media(max-height:650px){.app{height:auto;min-height:100dvh;grid-template-rows:64px 360px 250px}.app.expanded{grid-template-rows:64px 0 85vh}}