:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}body.place-mode,body.line-mode,body.rect-mode{cursor:crosshair}body.select-mode{cursor:default}body.lasso-mode{cursor:crosshair}.app{display:flex;height:100vh}.toolbar{padding:1rem;background:#f5f7fb;color:#111;display:flex;flex-direction:column;gap:.5rem;min-width:56px;max-width:320px;flex:0 0 320px;border-right:1px solid #e6e6e6;box-shadow:0 1px 2px #10182808;transition:flex-basis .18s ease,width .18s ease}.toolbar.collapsed{min-width:48px;flex:0 0 48px;width:48px;overflow:hidden;padding:.5rem .25rem;align-items:center;border-right:none;box-shadow:none}.toolbar.collapsed .sidebar-logo{max-width:36px;max-height:36px;height:auto;display:block}.toolbar.collapsed .toolbar-header,.toolbar.collapsed .toolbar-actions,.toolbar.collapsed .tool-row,.toolbar.collapsed .element-tree{display:none!important}.toolbar.collapsed .menu{display:block}.toolbar.collapsed .menu summary{display:none}.toolbar.collapsed .menu-list{display:none}.toolbar.collapsed .toolbar-button{padding:6px;min-width:36px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.toolbar .sidebar-logo{width:100%;max-width:180px;max-height:100px;height:auto;object-fit:contain}.toolbar select,.toolbar input,.toolbar button{padding:.5rem;font-size:.96rem;color:#111;background:#fff;border:1px solid #e6e6e6;border-radius:6px}.toolbar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding-bottom:8px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap}.toolbar-header h2{margin:0;font-size:1.05rem;color:#111;letter-spacing:.2px}.toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.tool-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%}.tool-row details{width:100%;box-sizing:border-box}.tool-row details summary{width:100%!important;display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;box-sizing:border-box;border-radius:6px;border:1px solid #e6e6e6;background:#f7f3ec;cursor:pointer}.tool-row details summary i:first-child{margin-right:8px}.tool-row details summary .fa-chevron-down{margin-left:8px;font-size:12px;opacity:.8}.tool-row details .menu-list{min-width:100%;left:0;right:auto;box-sizing:border-box}.tool-row .panel-button{padding:6px 10px}.menu{position:relative;display:inline-block}.menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;font-size:.95rem;border-radius:6px;border:1px solid #e6e6e6;background:#f6f8fb;color:#111;-webkit-user-select:none;user-select:none}.menu summary::-webkit-details-marker{display:none}.menu[open] summary{background:#eef4ff;border-color:#c8d2ff}.menu .menu-list{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;background:#fff;color:#111;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 10px 28px #10182829;padding:6px;z-index:4000;display:grid;gap:4px;max-height:min(70vh,420px);overflow:auto}.menu .menu-item{display:inline-flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer}.menu .menu-item svg{width:1.1em;text-align:center;color:#646cff}.menu .menu-item:hover,.menu .menu-item:focus{background:#f5f7ff;border-color:#e2e7ff;outline:none}.menu .menu-sep{border:0;height:1px;background:#eee;margin:4px 6px}.element-tree{margin-top:8px;background:#fff;color:#111;border-radius:8px;padding:8px;border:1px solid #e6e6e6;box-shadow:0 1px 2px #00000008}.element-item{transition:background-color .12s,box-shadow .12s,transform 80ms;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;font-size:14px;color:#213547;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.element-item:hover{background:#646cff0f;transform:translateY(-1px)}.element-item.selected{background:#646cff29;box-shadow:0 2px 8px #646cff14;border-left:4px solid #646cff;padding-left:6px}.element-item .element-name{font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.element-item small{color:#666;font-size:12px}.ReactSVGPanZoom{flex:1;border:1px solid #ddd;width:100%;height:100vh;background-color:#fff;background-image:radial-gradient(#e5e7eb 1px,transparent 1px);background-size:16px 16px;cursor:default}.properties-panel{position:fixed;right:0;top:0;width:360px;max-width:38%;height:100vh;background:#fff;color:#111;padding:1.25rem;box-shadow:-4px 0 12px #00000014;z-index:1500;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem}.properties-panel h3{margin:0 0 8px;font-size:1.08rem;color:#111}.properties-panel label{display:block;margin:.35rem 0 .25rem;font-weight:700;color:#222;font-size:1rem}.properties-panel input[type=number],.properties-panel input[type=text],.properties-panel select,.properties-panel textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6e6e6;background:#fff;box-sizing:border-box;font-size:1rem;color:#111}.properties-panel .controls{display:flex;gap:8px;align-items:center}.properties-panel .small-input{width:86px}.properties-panel .panel-actions{display:flex;gap:8px;align-items:center;justify-content:flex-start;margin-top:12px}.properties-panel .btn-row{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.spacing-row{display:flex;gap:12px;align-items:center;margin-top:12px;padding:8px;border-radius:8px;background:#fbfbff;border:1px solid #eee;flex-wrap:wrap}.properties-panel .panel-button{padding:8px 12px;border-radius:8px;border:1px solid #e6e6e6;background:#eef4ff;color:#111;cursor:pointer;font-weight:700;box-shadow:none;transition:background .12s,box-shadow .12s,transform 80ms;font-size:.95rem}.dialog-panel{max-height:90%;overflow:auto}.dialog-panel .panel-button{padding:8px 12px;border-radius:8px;border:1px solid #e6e6e6;background:#eef4ff;color:#111;cursor:pointer;font-weight:700;box-shadow:none;transition:background .12s,box-shadow .12s,transform 80ms;font-size:.95rem}.dialog-panel .panel-button.primary{background:#4f57e6;color:#fff;border-color:#3f46d6}.dialog-panel .panel-button.secondary{background:#f6f8fb;color:#111;border-color:#e6e6e6}.dialog-panel .panel-button.danger{background:#ff4d4f;color:#fff;border-color:#ff3b30}.properties-panel .controls button,.properties-panel .small-button,.dialog-panel .controls button,.dialog-panel .small-button{padding:6px 8px;font-size:.9rem;border-radius:6px}.properties-panel .panel-button.primary{background:#4f57e6;color:#fff;border-color:#3f46d6}.properties-panel .panel-button.secondary{background:#f6f8fb;color:#111;border-color:#e6e6e6}.properties-panel .panel-button.danger{background:#ff4d4f;color:#fff;border-color:#ff3b30}.properties-panel .controls button,.properties-panel .small-button{padding:6px 8px;font-size:.9rem;border-radius:6px}.properties-panel .panel-button:hover,.properties-panel .panel-button:focus{background:#e8ecff;box-shadow:0 6px 18px #4f57e614;transform:translateY(-2px);color:#07143a}.properties-panel .panel-button:focus-visible{outline:3px solid rgba(100,108,255,.18);outline-offset:2px}.properties-panel label{display:block;margin:.5rem 0;font-size:1rem;color:#222}.properties-panel input[type=number]{width:90px;margin:0 .5rem;padding:8px;font-size:1rem;border-radius:6px;border:1px solid #e6e6e6}.custom-toolbar{position:absolute;top:10px;right:380px;z-index:1600;background:#f9f9f9;padding:8px;border:1px solid #ccc;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;box-shadow:0 2px 6px #00000014;align-items:center;font-size:14px}.custom-toolbar .group{display:flex;gap:6px;align-items:center}.custom-toolbar .separator{width:1px;height:28px;background:#e6e6e6;border-radius:1px}.custom-toolbar button{padding:6px 8px;border-radius:4px;border:1px solid transparent;background:transparent;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;color:#213547}.custom-toolbar button svg{font-size:1.1em;display:inline-block;width:1.2em;text-align:center}.custom-toolbar button:hover,.custom-toolbar button:focus{border-color:#646cff;background:#fff;outline:none}.custom-toolbar button.active{background:#646cff;color:#fff;border-color:#5057e8}.custom-toolbar button[disabled]{opacity:.5;pointer-events:none}.cursor-overlay{position:fixed;right:12px;bottom:12px;z-index:2000;background:#0009;color:#fff;padding:6px 8px;border-radius:6px;font-size:.9rem;pointer-events:none}@media (prefers-color-scheme: light){.cursor-overlay{background:#fffffff2;color:#111;border:1px solid #e6e6e6}}h1{font-size:3.2em;line-height:1.1}button{font:inherit;cursor:pointer;background:transparent;border:none;padding:0}button:hover{opacity:.9}button:focus,button:focus-visible{outline:2px solid #646cff;outline-offset:2px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}@media (max-width: 1200px){.custom-toolbar{right:12px}}.toolbar.collapsed .menu .menu-list{display:none}.toolbar.collapsed .menu[open] .menu-list{display:block!important;position:fixed;left:64px!important;right:auto!important;top:12px!important;min-width:220px;max-height:min(60vh,420px);z-index:5400!important;box-sizing:border-box;overflow:auto;visibility:visible!important;transform-origin:top left;background:#fff;border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 10px 28px #10182829;padding:6px}