:root{color:#223f4a;font-synthesis:none;background:#f0f3f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:#294955;cursor:pointer;background:#fff;border:1px solid #d2dddf;border-radius:7px;padding:8px 12px;transition:background .15s}button:hover:not(:disabled){background:#eaf4ee;border-color:#aac6bf}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #87bfb9}header{color:#fff;background:#122b3b;justify-content:space-between;align-items:center;gap:20px;padding:19px 4%;display:flex}header nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}header button{color:#e3efef;background:0 0;border-color:#3d5362}.brand{color:inherit;letter-spacing:-.5px;align-items:center;gap:12px;font-size:21px;font-weight:600;text-decoration:none;display:flex}.brand small{letter-spacing:2.5px;color:#8dabba;margin-top:3px;font-size:9px;display:block}.brandmark{color:#d7e9df;border:1px solid #688f96;border-radius:8px;padding:7px;font-family:monospace;font-size:25px}.brandmark span{color:#82cbb0}.pill{letter-spacing:1.5px;color:#a8c3cb;margin-right:15px;font-size:9px}main{max-width:1660px;margin:auto;padding:34px 4% 20px}.intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:2px;color:#5c8584;margin:0 0 8px;font-size:10px;font-weight:700}h1{letter-spacing:-1.2px;color:#183642;margin:0 0 8px;font-size:32px;font-weight:550}.intro p:not(.eyebrow){color:#637b82;margin:0;font-size:13px}.engine{white-space:nowrap;background:#e7f0eb;border:1px solid #d4e0dc;border-radius:10px;padding:13px 20px;font-size:12px;font-weight:600}.engine small{color:#6a817e;margin-top:5px;font-size:10px;font-weight:400;display:block}.dot{background:#438e76;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.workbench{background:#fff;border:1px solid #d3dfe0;border-radius:12px;grid-template-columns:185px minmax(0,1fr) 220px;display:grid;overflow:hidden;box-shadow:0 8px 30px #213e4809}.palette,.inspector{background:#f9fbfa;padding:19px 15px}.palette{border-right:1px solid #dce4e4;flex-direction:column;gap:8px;display:flex}.palette h2:not(:first-child){margin-top:15px}h2{margin:0 0 13px;font-size:14px;font-weight:650}h3{font-size:13px}label{color:#668088;margin-bottom:12px;font-size:11px;display:block}input,select{color:#294955;background:#fff;border:1px solid #d4dfdf;border-radius:6px;width:100%;margin-top:6px;padding:8px;font-size:12px;display:block}label small{color:#899da1;margin-left:6px}textarea{resize:vertical;color:#265c60;background:#fafcfa;border:1px solid #d4dfdf;border-radius:7px;width:100%;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6}.palette button{text-align:left;padding:11px 9px;font-size:12px}.palette b{color:#427b7a;width:23px;font-size:17px;display:inline-block}.palette small{color:#8b9d9e;margin-top:3px;padding-left:23px;font-size:9px;display:block}.palette .active{color:#235f5d;background:#e0efea;border-color:#8abeb4}.hint{color:#7d9298;margin:10px 0;font-size:11px;line-height:1.65}.palette-bottom{gap:8px;margin-top:auto;display:grid}.editor{min-width:0}.editorbar{border-bottom:1px solid #e0e7e7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;display:flex}.editorbar button{border-color:#0000;padding:6px 8px;font-size:10px}.rule-picker{align-items:center;gap:8px;display:flex}.rule-picker select{border:0;max-width:155px;margin:0;font-weight:600}.rule-picker .eyebrow{margin:0}.canvas-wrap{max-height:520px;overflow:auto}.canvas{touch-action:none;width:100%;display:block}.canvas-footer{color:#8a9a9f;border-top:1px solid #e6ebeb;justify-content:space-between;gap:12px;padding:10px 17px;font-size:10px;display:flex}.text-editor{border-top:1px solid #e1e8e8;padding:18px 20px}.text-editor textarea{min-height:95px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.section-heading h2{margin:0}.valid,.bad{color:#438c75;font-size:10px}.bad{color:#b96940}.inspector{border-left:1px solid #dce4e4}.inspector button{width:100%;margin:4px 0;font-size:10px}.inspector hr{border:0;border-top:1px solid #e0e8e7;margin:19px 0}.notice{background:#fcf0d8;border:1px solid #e8d6af;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:12px 15px;font-size:12px;display:flex}.error{color:#a44932;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.simulation{background:#fff;border:1px solid #d3dfe0;border-radius:12px;margin-top:22px;padding:23px 25px}.simulation h2{font-size:18px}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions button{font-size:11px}.primary{color:#fff;background:#216e6d;border-color:#216e6d}.primary:hover:not(:disabled){color:#fff;background:#185d5c}details{border:1px solid #e1e8e7;border-radius:7px;margin-top:16px;padding:12px}summary{cursor:pointer;color:#647f85;font-size:11px}pre{color:#315e62;background:#f6f9f7;border-radius:5px;max-height:340px;padding:15px;font-size:12px;line-height:1.6;overflow:auto}.settings{grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0;display:grid}.settings textarea{min-height:100px;margin-top:8px;font-size:11px;display:block}.settings button{align-self:center}.results{border-top:1px solid #e0e8e7;margin-top:22px;padding-top:12px}.trace{max-width:820px}.trace svg{width:100%}.legend{justify-content:center;gap:20px;margin-bottom:20px;font-size:11px;display:flex}footer{color:#8a9b9f;padding:22px 0;font-size:10px;line-height:1.8}footer span{float:right}.desktop-workspace{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 285px;grid-template-areas:"tools tools""board library""properties library""rules rules";gap:12px;overflow:visible}.desktop-workspace>.palette{background:#fff;border:1px solid #cfdddd;border-radius:7px;flex-flow:wrap;grid-area:tools;align-items:center;gap:6px;padding:10px;display:flex}.desktop-workspace>.palette h2,.desktop-workspace>.palette small,.desktop-workspace>.palette .hint{display:none}.desktop-workspace>.palette label{align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.desktop-workspace>.palette select{width:auto}.desktop-workspace>.palette button{width:auto;min-height:32px;margin:0;padding:7px 10px}.desktop-workspace>.palette .palette-bottom{gap:6px;width:auto;margin:0;display:flex}.desktop-workspace>.editor{background:#fff;border:1px solid #c9d9db;border-radius:7px;grid-area:board;align-self:start;min-width:0;overflow:hidden}.desktop-workspace>.inspector{background:#fff;border:1px solid #c9d9db;border-radius:7px;flex-wrap:wrap;grid-area:properties;align-content:flex-start;gap:10px;padding:14px;display:flex}.desktop-workspace>.inspector label{flex:1;min-width:130px;max-width:220px;margin:0}.desktop-workspace>.inspector h2{width:100%;margin:0}.desktop-workspace>.inspector button{align-self:center;width:auto}.desktop-workspace>.inspector hr{width:100%}.desktop-workspace>.inspector .hint{max-width:100%;font-size:11px}.library-stack{flex-direction:column;grid-area:library;gap:12px;min-width:0;display:flex}.window-title{color:#fff;background:#183b4a;border-radius:6px 6px 0 0;align-items:center;gap:10px;padding:9px 12px;display:flex}.window-title h2{color:inherit;flex:1;margin:0;font-size:13px}.window-title span{color:#cadbdc;font-size:10px}.window-title button{color:#fff;background:#285365;border-color:#63848e;min-height:25px;padding:3px 8px}.object-palette{background:#fff;border:1px solid #a9c1c6;border-radius:7px;min-width:0;overflow:hidden}.object-palette:hover{border-color:#277f7a}.rules-palette{grid-area:rules}.palette-objects{align-content:start;gap:8px;min-height:90px;max-height:310px;padding:8px;display:grid;overflow:auto}.rules-palette .palette-objects{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-height:360px}.palette-object{cursor:grab;background:#fff;border:1px solid #d3e0de;border-radius:5px;min-width:0;padding:7px}.palette-object:active{cursor:grabbing}.object-caption{color:#34535b;justify-content:space-between;gap:6px;font-size:11px;display:flex}.object-caption span{font-size:19px}.object-preview{width:100%;height:72px;display:block}.palette-object code{overflow-wrap:anywhere;white-space:normal;color:#536a73;font-size:10px;display:block}.palette-object label{align-items:center;gap:6px;margin:7px 0;font-size:11px;display:flex}.palette-object input{width:95px;padding:5px}.object-actions{gap:6px;margin-top:7px;display:flex}.object-actions button{min-height:25px;padding:3px 7px;font-size:10px}.object-actions button:last-child{margin-left:auto}.drop-hint{color:#607780;background:#f3f8f7;border-bottom:1px dashed #c6d8d4;margin:0;padding:8px 12px;font-size:11px;line-height:1.5}.transfer-tools{border-top:1px solid #e2ebeb;flex-wrap:wrap;align-items:center;gap:5px;padding:8px;display:flex}.transfer-tools button{padding:5px 8px;font-size:10px}.transfer-tools label{align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.transfer-tools select{width:auto;padding:5px}.board-row-title{align-items:center;gap:10px;display:flex}.board-row-title button{cursor:grab;border-color:#9ebfba;padding:3px 10px;font-size:12px}.board-row-title span{color:#788e96;font-size:11px}.desktop-workspace .canvas-wrap{resize:vertical;height:460px;min-height:220px;max-height:900px;overflow:auto}.desktop-workspace .canvas{touch-action:none;max-width:none;display:block}.desktop-workspace .editorbar{gap:5px;padding:7px}.desktop-workspace .editorbar button{font-size:10px}.desktop-workspace .text-editor{padding:12px}.desktop-workspace .text-editor textarea{height:70px;min-height:70px}.workspace-notice{z-index:20;background:#e4f3ed;border:1px solid #8fbaaa;position:sticky;top:5px}.desktop-workspace>.inspector{align-self:start;padding:10px 14px;display:block}.inspector-fields{flex-wrap:wrap;gap:12px;padding-top:15px;display:flex}.desktop-workspace .inspector-fields label{flex:1;min-width:135px;max-width:210px}.desktop-workspace .inspector-fields hr,.desktop-workspace .inspector-fields h2{width:100%}.desktop-workspace .palette-objects{max-height:170px}.desktop-workspace .rules-palette .palette-objects{max-height:260px}.desktop-workspace .canvas-wrap{height:360px}.intro{margin-bottom:14px;padding:12px 0}.intro h1{font-size:26px}.intro .eyebrow{display:none}header{padding:16px 28px}main{padding-top:14px}@media (width<=850px){.desktop-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"tools""board""properties""library""rules"}.library-stack{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.window-title span{display:none}.desktop-workspace>.palette label{width:auto}.desktop-workspace .editorbar{flex-wrap:wrap}.rules-palette .palette-objects{grid-template-columns:minmax(0,1fr)}}@media (width<=1050px){.workbench:not(.desktop-workspace){grid-template-columns:160px minmax(0,1fr)}.inspector{border-top:1px solid #dce4e4;border-left:0;flex-wrap:wrap;grid-column:1/-1;gap:15px;display:flex}.inspector label{min-width:130px}.inspector .hint{max-width:260px}.inspector button{width:auto}.engine{display:none}.settings{grid-template-columns:1fr 1fr}}@media (width<=650px){header{flex-direction:column;align-items:flex-start}.pill{display:none}main{padding:23px 12px}.intro h1{font-size:26px}.workbench:not(.desktop-workspace){grid-template-columns:1fr}.palette{border:0;border-bottom:1px solid #dce4e4;flex-flow:wrap}.palette h2,.palette small,.palette .hint{display:none}.palette-bottom{flex-wrap:wrap;gap:8px;width:100%;display:flex}.palette label{width:100%;margin-bottom:0}.palette button{padding:7px}.palette select{width:auto;margin-left:10px;display:inline-block}.canvas-footer span:last-child{display:none}.settings{grid-template-columns:1fr}footer span{float:none;display:block}}@media (width>=851px){.desktop-workspace{grid-template-rows:auto minmax(0,1fr) auto minmax(140px,.34fr);height:calc(100dvh - 200px);min-height:620px}.desktop-workspace>.editor{flex-direction:column;height:100%;min-height:0;display:flex}.desktop-workspace .canvas-wrap{resize:none;flex:1;height:auto;min-height:110px}.desktop-workspace .canvas-footer{display:none}.desktop-workspace .text-editor{padding:7px 10px}.desktop-workspace .text-editor .hint{display:none}.desktop-workspace .text-editor textarea{height:48px;min-height:48px}.desktop-workspace .section-heading{margin-bottom:4px}.desktop-workspace>.inspector{max-height:210px;overflow:auto}.desktop-workspace .library-stack{gap:8px;min-height:0}.desktop-workspace .object-palette{flex-direction:column;flex:1;min-height:0;display:flex}.desktop-workspace .palette-objects{flex:1;min-height:40px;max-height:none;padding:5px}.desktop-workspace .rules-palette .palette-objects{max-height:none}.desktop-workspace .drop-hint{padding:5px 8px;font-size:10px}.desktop-workspace .object-preview{height:44px}.desktop-workspace .palette-object,.desktop-workspace .transfer-tools{padding:5px}.desktop-workspace .window-title{padding:7px 10px}.workspace-notice{z-index:30;pointer-events:none;margin:0;padding:8px 14px;position:fixed;inset:auto 20px 10px}.workspace-notice button{pointer-events:auto}}