*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#27352e;font-size:13px;background:#fff}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #e1e6e2;background:#fff;border-radius:6px;padding:9px 12px;transition:background .15s}button:hover{background:#f0f5f1}button:disabled{opacity:.35;cursor:default}header{height:76px;border-bottom:1px solid #e6eae7;display:flex;align-items:center;padding:0 25px;gap:22px}.brand{font-size:23px;letter-spacing:-1px;font-weight:750;display:flex;align-items:center;gap:5px}.brand>span:last-child{font-weight:400;margin-left:-5px}.logo{display:inline-grid;place-items:center;background:#285e43;color:white;width:33px;height:34px;border-radius:9px;font-size:27px;margin-right:6px}.divider{height:26px;width:1px;background:#e2e7e3}#title{border:0;font-weight:600;width:210px;background:transparent;font-size:14px}.saved{font-size:11px;color:#819087}.header-actions{margin-left:auto;display:flex;gap:9px}.primary{background:#2d6548;color:white;border-color:#2d6548;font-weight:600}.primary:hover{background:#214e36}.toolbar{height:54px;padding:0 22px;border-bottom:1px solid #e1e6e2;display:flex;justify-content:space-between;align-items:center}.toolbar>div,.toolgroup{display:flex;align-items:center;gap:6px}.toolbar button{border:0;font-size:19px;padding:6px 10px}.toolbar button small{font-size:12px;margin-left:6px}.toolbar .active{background:#e7f0e9;color:#245c3d}.separator{height:23px;width:1px;background:#e0e6e1;margin:0 9px}.hint{color:#94a098;font-size:11px;margin-right:15px}.toolbar #help{font-size:12px}main{display:flex;height:calc(100vh - 161px);min-height:500px}.library{width:222px;flex-shrink:0;border-right:1px solid #e0e5e1;position:relative;padding:23px 18px}.panel-heading{font-size:14px;font-weight:650;display:flex;justify-content:space-between}.panel-heading span{color:#8f9c93}.search{display:flex;align-items:center;border:1px solid #e2e7e3;border-radius:6px;margin:22px 0 27px;padding:8px;gap:7px;color:#8a978f}.search input{border:0;width:100%;outline:none;font-size:12px}.section-label{font-size:10px;letter-spacing:1.3px;color:#8b978f;font-weight:600;display:flex;justify-content:space-between;margin:24px 0 16px}.shape-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.shape-card{padding:10px 3px 8px;height:83px;background:#fff;border:1px solid #e6eae7;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:10px;color:#738078}.shape-card svg{width:62px;height:40px;overflow:visible}.shape-card:hover{border-color:#7fa38b;background:#f5f8f5}.library-note{margin-top:35px;border-top:1px solid #e9ece9;padding:23px 6px;color:#61776a}.library-note>span{font-size:25px;display:block;margin-bottom:10px}.library-note strong{font-size:14px;line-height:1.6;font-weight:500}.library-note p{font-size:11px;line-height:1.7;color:#95a197}.library-bottom{position:absolute;bottom:20px;font-size:10px;color:#89978e}.green-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55916b;margin-right:7px}.workspace{flex:1;position:relative;overflow:hidden;background-color:#f7f9f7;background-image:radial-gradient(#d5dfd6 .8px,transparent .8px);background-size:18px 18px}#canvas{height:100%;width:100%;touch-action:none;user-select:none}.canvas-label{position:absolute;top:25px;left:30px;letter-spacing:1.3px;font-size:9px;color:#7a8c7f;pointer-events:none}.canvas-label span{margin:0 12px;color:#b1bcb3}.canvas-tip{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#96a299;pointer-events:none}.canvas-tip span{margin:0 12px}.zoom{position:absolute;bottom:54px;right:22px;display:flex;align-items:center;background:white;border:1px solid #e0e6e0;border-radius:8px;box-shadow:0 3px 9px #203c2710}.zoom button{border:0;padding:8px;font-size:15px}.zoom #zoomValue{font-size:11px}.zoom>span{height:18px;border-left:1px solid #e4e9e4}.page-chip{position:absolute;bottom:24px;left:25px;font-size:12px;color:#829087}.page-chip span{margin-left:8px}.properties{width:244px;flex-shrink:0;padding:23px 20px;position:relative;overflow:auto;border-left:1px solid #e0e5e1}.tabs{display:flex;border-bottom:1px solid #e4e9e4;margin:22px -20px 0;padding:0 20px;gap:22px}.tabs button{border:0;border-radius:0;padding:0 0 12px;font-size:12px;color:#8b978e}.tabs .selected{border-bottom:2px solid #346d4d;color:#346d4d}.selected-name{font-size:12px;margin-top:-5px}label{display:block;font-size:11px;color:#839087;margin-bottom:13px}textarea,select,label input[type=number]{display:block;width:100%;margin-top:7px;padding:8px;border:1px solid #e1e7e2;border-radius:5px;background:#fff;outline-color:#84a58d}textarea{resize:vertical;font-size:12px;color:#344b3c}.swatches{display:flex;gap:8px;margin:10px 0 13px}.swatches button{padding:0;width:23px;height:23px;border-radius:50%;border:1px solid #d7dfd8}.color-row{display:flex;border:1px solid #e1e7e2;border-radius:5px;align-items:center;gap:10px;padding:5px;font-size:11px}input[type=color]{width:25px;height:24px;border:0;padding:0;background:transparent}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.two-col input[type=color]{display:block;width:100%;border:1px solid #e2e8e2;margin-top:8px;height:33px}.object-actions{display:flex;gap:5px;border-top:1px solid #e4e9e4;padding-top:18px}.object-actions button{font-size:10px;padding:8px}.right-footer{font-size:10px;line-height:1.8;color:#96a399;margin-top:35px}.right-footer span{color:#b0b9b2}footer{height:31px;border-top:1px solid #e2e7e3;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:10px;color:#8a988e}.beta{font-size:8px;border:1px solid #dde6de;padding:2px 4px;margin-left:5px;border-radius:3px}dialog{border:1px solid #dce5de;border-radius:16px;padding:32px;width:390px;box-shadow:0 20px 100px #132c2b30}dialog::backdrop{background:#193d2c55;backdrop-filter:blur(3px)}.close{float:right;border:0;font-size:24px;padding:0}.dialog-icon{font-size:25px;color:#39714f}h2{font-size:21px;letter-spacing:-.6px}dialog p{color:#87958a;font-size:12px;margin-bottom:25px}dialog .primary{width:100%;padding:12px;margin:10px 0 16px}dialog small{display:block;text-align:center;font-size:10px;color:#94a097}#toast{position:fixed;bottom:55px;left:50%;transform:translateX(-50%);background:#28573e;color:white;padding:13px 22px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}.node{cursor:move}.edge{cursor:pointer}.port{cursor:crosshair}@media(max-width:1000px){.properties{width:205px}.library{width:180px}.saved,.hint,.canvas-tip{display:none}header{gap:12px;padding:0 15px}.header-actions button{padding:8px}.brand{font-size:19px}}@media(max-width:720px){.properties{display:none}.library{width:140px;padding:18px 10px}.brand>span:last-child,.divider,.header-actions #open,.header-actions #save{display:none}#title{width:150px}.toolbar{padding:0 8px}.toolbar small{display:none}.shape-card{height:72px}.library-note{display:none}.canvas-label{left:15px;font-size:8px}header{height:65px}.header-actions button{font-size:11px}main{height:calc(100vh - 150px)}}

.inline-edit-wrap{height:100%;display:flex;align-items:center;justify-content:center;padding:3px}.inline-editor{display:block;width:100%;margin:0;padding:3px 5px;resize:none;overflow:hidden;border:1px solid #438963;border-radius:4px;outline:2px solid #43896325;background:#fff;color:#344c3c;text-align:center;font-family:Arial,sans-serif;line-height:1.3;box-shadow:0 2px 8px #203c2715;user-select:text;min-height:26px}