.alif-canvas-editor{--canvas-accent:#6e56cf;--canvas-border:#dedde3;--canvas-panel:#fff;--canvas-text:#222126;color:var(--canvas-text);background:#f5f5f7;outline:none;grid-template-rows:48px minmax(0,1fr);height:100%;min-height:520px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;overflow:hidden}.alif-canvas-toolbar{border-bottom:1px solid var(--canvas-border);z-index:10;background:#fffffff5;align-items:center;gap:18px;padding:7px 12px;display:flex;position:relative}.alif-canvas-toolbar__group{align-items:center;gap:4px;display:flex}.alif-canvas-toolbar__group--end{margin-left:auto}.alif-canvas-toolbar button,.alif-canvas-delete{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:600}.alif-canvas-toolbar button:hover{border-color:var(--canvas-border);background:#f0eff4}.alif-canvas-toolbar button:disabled{cursor:default;opacity:.35}.alif-canvas-file-input{display:none}.alif-canvas-editor__workspace{grid-template-columns:minmax(0,1fr) 248px;min-height:0;display:grid}.alif-canvas-stage{cursor:grab;touch-action:none;background-color:#ececef;background-image:radial-gradient(circle,#c9c8cd 1px,#0000 1px);background-size:20px 20px;min-width:0;position:relative;overflow:hidden}.alif-canvas-stage:active{cursor:grabbing}.alif-canvas-world{transform-origin:0 0;width:1px;height:1px;position:absolute;top:0;left:0}.alif-canvas-node{background:var(--node-fill);box-sizing:border-box;cursor:move;height:var(--node-height);opacity:var(--node-opacity);transform:translate(var(--node-x), var(--node-y)) rotate(var(--node-rotation));transform-origin:50%;width:var(--node-width);position:absolute;top:0;left:0}.alif-canvas-node.is-selected:after{border:2px solid var(--canvas-accent);box-sizing:border-box;content:"";pointer-events:none;position:absolute;inset:-2px}.alif-canvas-node--frame{border:1px solid #d2d1d6;box-shadow:0 6px 24px #1d1b2314}.alif-canvas-frame-label{color:#5f5d66;font-size:13px;font-weight:600;position:absolute;top:-24px;left:0}.alif-canvas-node--rectangle{border-radius:2px}.alif-canvas-node--text{background:0 0;align-items:center;display:flex}.alif-canvas-text{font-size:var(--node-font-size);overflow-wrap:anywhere;outline:none;width:100%;min-height:1em;line-height:1.15}.alif-canvas-text--editing{cursor:text;font:inherit;resize:none;-webkit-user-select:text;user-select:text;background:0 0;border:0;height:100%;padding:0}.alif-canvas-text--editing:focus{outline:none}.alif-canvas-zoom{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#232227d1;border-radius:6px;padding:6px 8px;font-size:11px;position:absolute;bottom:12px;right:12px}.alif-canvas-properties{background:var(--canvas-panel);border-left:1px solid var(--canvas-border);flex-direction:column;gap:15px;padding:16px;display:flex;overflow:auto}.alif-canvas-properties label{color:#706e77;letter-spacing:.04em;text-transform:uppercase;gap:6px;font-size:10px;font-weight:700;display:grid}.alif-canvas-properties input,.alif-canvas-properties textarea{box-sizing:border-box;color:var(--canvas-text);font:inherit;resize:vertical;text-transform:none;background:#f7f7f8;border:1px solid #e1e0e5;border-radius:6px;width:100%;min-width:0;padding:8px;font-size:12px}.alif-canvas-properties input:focus,.alif-canvas-properties textarea:focus{border-color:var(--canvas-accent);outline:2px solid #6e56cf26}.alif-canvas-properties__heading{border-bottom:1px solid var(--canvas-border);gap:4px;padding-bottom:14px;display:grid}.alif-canvas-properties__heading span{color:#817f87;text-transform:uppercase;font-size:10px}.alif-canvas-properties__heading strong{font-size:14px}.alif-canvas-properties__grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.alif-canvas-color-row{grid-template-columns:36px 1fr;gap:6px;display:grid}.alif-canvas-color-row input[type=color]{height:33px;padding:3px}.alif-canvas-delete{color:#a63030;border-color:#efcaca;margin-top:auto}.alif-canvas-delete:hover{background:#fff2f2}.alif-canvas-properties__empty{color:#807e86;text-align:center;gap:5px;margin:auto 0;font-size:12px;display:grid}.alif-canvas-properties__empty strong{color:#4c4a51}@media (width<=760px){.alif-canvas-editor__workspace{grid-template-columns:1fr}.alif-canvas-properties{display:none}.alif-canvas-toolbar{gap:4px;overflow-x:auto}}