@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;margin:0;padding:0}svg{touch-action:none}body{font-optical-sizing:auto;background:#f9f9f9;margin:0;padding:0;font-family:Inter,sans-serif;font-style:normal;overflow:hidden}button{appearance:none;cursor:pointer;color:#000;border:none;border-radius:3px;flex:1;padding:8px 12px;font-family:Inter,sans-serif;font-size:16px}select{color:#000}button:first-child{color:#fff;background-color:#40bf79}button:first-child:hover{background-color:#3bb06f}svg{cursor:grab;background:#fff;border:1px solid #ccc;display:block}.link{stroke:#999;stroke-width:2px;fill:none;stroke-linecap:round}.linkText{fill:#000;pointer-events:all;stroke:none;cursor:pointer;font-size:12px;transform:translate(-3px,3px)}.node{cursor:pointer}.node text{pointer-events:none;font-size:14px}#context-menu{z-index:1000;background:#fff;width:270px;display:none;position:absolute;box-shadow:2px 2px 6px #0003}#context-menu ul{margin:0;padding:5px 0;list-style:none}#context-menu li{cursor:pointer;white-space:nowrap;background-position:15px;background-repeat:no-repeat;background-size:20px;padding:8px 12px 8px 50px}#context-menu li:hover{white-space:nowrap;background:#eee 15px/20px no-repeat;padding-left:50px}body:has(#modal[style*="display: block"]) .background{display:block}#clonedSvg{z-index:-1000}svg{border:none}#zoom-text{text-align:center;cursor:pointer;border-radius:8px;align-self:center;width:46px;padding:9px 0;font-size:14px;font-weight:500}#projectname{cursor:pointer;padding:0 12px;line-height:36px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}#back-to-content{border-radius:12px;padding:12px 16px;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}#contextmenu{background-color:#fff;border:1px solid #f2f2f2;border-radius:10px;outline:none;padding:6px;display:none;position:absolute;top:300px;left:300px;box-shadow:0 8px 24px #959da533}#contextmenu .item{white-space:nowrap;background-position:8px;background-repeat:no-repeat;background-size:20px 20px;width:200px;padding:8px 8px 8px 40px;position:relative}#contextmenu .item:hover{background-color:#0000000d;border-radius:8px}#contextmenu .item:hover .context_dropdown{display:block}#contextmenu .context_dropdown{background-color:#fff;border-radius:8px;padding:6px;display:none;position:absolute;top:0;left:100%;box-shadow:0 8px 24px #959da533}#contextmenu .item:has(.context_dropdown):after{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%2018L15%2012L9%206'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:16px 16px;width:20px;height:20px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.toolbar{background-color:#fff;border-radius:12px;padding:2px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #00000029}.toolbar.zoom{top:auto;bottom:20px;left:20px;transform:none}.toolbar .button{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:20px;border-radius:8px;width:35px;height:35px;margin:2px}.toolbar .button:hover{background-color:#0000000d}.toolbar .button.disabled{opacity:.4;pointer-events:none}.hline{background-color:#f1f0ff;align-self:center;width:1px;height:1.5rem;margin:0 .25rem}#modal{z-index:1000;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}#modal .modal-backdrop{background-color:#0006;width:100%;height:100%;position:absolute;top:0;left:0}#modal .modal-content{background-color:#fff;border-radius:10px;outline:none;width:360px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #959da533}#modal .modal-title{margin:0 0 10px;font-size:1.25rem}#modal .modal-text{color:#333;margin:0 0 20px;font-size:.95rem}#modal:has(input) .modal-text{margin:0 0 8px}.segmented-control{background-color:#0000000d;border-radius:8px;margin-bottom:20px;padding:4px 2px;display:flex;position:relative;overflow:hidden}.segmented-control .segment{text-align:center;cursor:pointer;z-index:1;-webkit-user-select:none;user-select:none;color:#555;flex:1;padding:8px 0}.segmented-control .segment.active{color:#000}.segmented-control .indicator{background-color:#fff;border-radius:6px;width:0;transition:left .3s,width .3s;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 4px 12px #959da533}.modal-actions{text-align:right}.modal-actions .btn{cursor:pointer;border:none;border-radius:6px;margin-left:8px;padding:8px 12px;font-size:.9rem}.modal-actions .cancel{color:#555;background-color:#0000}.modal-actions .cancel:hover{background-color:#0000000d}.modal-actions .confirm{color:#fff;background-color:#212121}.modal-actions .confirm:hover{background-color:#424242}#modal input{appearance:none;background-color:#0000000d;border:none;border-radius:6px;outline:none;width:100%;margin-bottom:16px;padding:8px 12px;font-family:Inter,sans-serif;font-size:16px;transition:all .2s}#modal input:focus{border-color:#00000026}#export-modal{z-index:1000;width:100vw;height:100svh;display:none;position:absolute;top:0;left:0;overflow-y:auto}#export-modal .modal-backdrop{background-color:#0006;width:100%;height:100%;position:absolute;top:0;left:0}#export-modal .modal-content{box-sizing:border-box;background-color:#fff;border-radius:10px;width:calc(100% - 40px);max-width:900px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #959da533}.export-body{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.export-image{object-fit:contain;background-color:#fff;border-radius:8px;flex:none;width:460px;height:300px;display:block;box-shadow:0 4px 12px #959da533}.export-image.checkered{background-color:#0000}.export-body .image{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==);border-radius:8px}.export-options{flex-direction:column;flex:360px;display:flex}.export-options .modal-title{margin-top:0;margin-bottom:16px;font-size:1.25rem}.export-row{color:#333;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.95rem;display:flex}.switch{width:56px;height:32px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .slider{cursor:pointer;background-color:#0000000d;border-radius:14px;transition:background-color .2s;position:absolute;inset:2px}.switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #959da533}.switch input:checked+.slider{background-color:#212121}.switch input:checked+.slider:before{transform:translate(24px)}.segmented-control.small{background-color:#0000000d;border-radius:8px;margin-bottom:0;padding:2px;display:flex;position:relative;overflow:hidden}.segmented-control.small .segment{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;flex:1;padding:6px 12px;font-size:.9rem}.segmented-control.small .segment.active{color:#000}.segmented-control.small .indicator{background-color:#fff;border-radius:6px;width:0;transition:left .3s,width .3s;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 4px 12px #959da533}.export-actions{gap:12px;margin-top:auto;display:flex}.export-actions .btn{color:#fff;cursor:pointer;background-color:#212121;background-image:url("data:image/svg+xml,%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2021H3M18%2011L12%2017M12%2017L6%2011M12%2017V3'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-position:12px;background-repeat:no-repeat;background-size:18px;border:none;border-radius:6px;flex:1;padding:8px 0 8px 24px;font-size:.9rem;transition:background-color .2s}.export-actions .btn:hover{background-color:#424242}@media (width<=768px){.export-body{flex-direction:column;align-items:center}.export-image,.export-options{flex:none;width:100%}.export-image{max-width:100%;height:auto;max-height:250px}.export-options{margin-top:20px}.export-actions{flex-direction:column}}