:root{font-family:Inter,system-ui,Arial,sans-serif;color:#06233c;background:#f4f8fc}*{box-sizing:border-box}body{margin:0}.app{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}aside{background:#032b3c;color:#fff;padding:22px;overflow:auto}aside p{font-size:12px;color:#b8d2da}a{color:#c9f2e6}aside h3{font-size:14px;margin-top:28px}button{border:1px solid #cbdfe8;border-radius:7px;background:white;color:#06233c;padding:9px 12px;cursor:pointer;font-weight:700}button:hover{border-color:#008f5d}aside button{display:block;width:100%;margin:5px 0;text-align:left}aside button.active{background:#00a466;color:white}main{min-width:0}header{display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #dce8ef;padding:20px 28px}header strong{font-size:22px}.toolbar{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap;padding:17px 25px;background:#fff}.toolbar button:first-of-type,#save{background:#008f5d;color:white;border:0}label{font-size:12px;font-weight:600;display:block;min-width:0}input,select,textarea{display:block;width:100%;padding:9px;margin-top:5px;border:1px solid #ccdae4;border-radius:6px;font:inherit;background:#fff}textarea{font-family:ui-monospace,monospace;font-size:12px}.workspace{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px}.canvas,.inspector{padding:20px;border:1px solid #dbe5ed;background:white;border-radius:10px;min-width:0}.muted{color:#6c8091;font-size:13px}.node{display:flex;justify-content:space-between;gap:6px;align-items:center;border:1px solid #cfdee9;border-radius:7px;padding:9px;margin:5px 0}.node.active{background:#e6f9ef;border-color:#00a466}.node button{padding:5px 8px}.node.dragging{opacity:.5;border-style:dashed;border-color:#00a466}#preview-pane{border:1px dashed #aac1ca;padding:15px;min-height:170px;border-radius:7px}.preview-element{border:1px solid #d9e9ef;border-radius:7px;padding:15px;margin:8px 0}.preview-element h2{margin:0 0 6px}.inspector label{margin:12px 0}#notice{padding:10px 24px;color:#075a37;white-space:pre-wrap}.error{color:#a52121!important}@media(max-width:920px){.app{grid-template-columns:1fr}aside{position:relative}.workspace{grid-template-columns:1fr}}