:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#042a79;text-decoration:inherit}a:hover{color:#00007f}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;text-align:center}h2{font-size:1.5em;margin:1rem 0}h3{font-size:1.2em;margin:.8rem 0;color:#aaa}#app{max-width:1400px;margin:0 auto;padding:.5rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:inherit;cursor:pointer;transition:border-color .25s;margin:.25rem}button:hover{border-color:#00007f}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.menu-bar{background-color:#333;color:#fff;display:flex;justify-content:space-between;padding:0 10px;position:relative;z-index:1000;height:40px;margin-bottom:8px;align-items:center}.menu-left-section{display:flex;align-items:center}.menu-bar-logo{height:30px;margin-right:10px}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0 10px}.menu-items-container{display:flex;align-items:center}.menu-item{position:relative}.menu-button{background:none;border:none;color:#fff;padding:5px 20px;font-size:16px;cursor:pointer;font-family:inherit;border-radius:0}.menu-button:hover,.menu-item:hover>.menu-button{background-color:#555}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:220px;box-shadow:0 8px 16px #0003;z-index:1}.menu-item:hover .dropdown-content{display:block}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:14px}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown-content a.disabled{color:#ccc;pointer-events:none;cursor:default}.shortcut{color:#888;font-size:14px}.menu-separator{border-top:1px solid #e0e0e0;margin:5px 0}.theme-toggle-button{background:#333;border:none;color:#fff;cursor:pointer;font-size:22px;padding:0 10px;display:flex;align-items:center;border-radius:4px;width:38px}.submenu-item{position:relative}.submenu-item>a{display:flex;justify-content:space-between;align-items:center}.submenu-arrow{margin-left:auto;padding-left:1rem}.submenu-content{display:none;position:absolute;left:100%;top:-1px;background-color:#f9f9f9;min-width:250px;box-shadow:0 8px 16px #0003;z-index:1;border:1px solid #e0e0e0}.submenu-item:hover>.submenu-content{display:block}@media (max-width: 768px){.menu-items-container.open .submenu-item>a{font-weight:700}.menu-items-container.open .submenu-arrow{display:none}.menu-items-container.open .submenu-content{display:block;position:static;box-shadow:none;border:none;background-color:transparent;padding-left:16px;min-width:auto}.submenu-item:hover>.submenu-content{display:none}.menu-items-container.open .submenu-item:hover>.submenu-content{display:block}.menu-left-section{flex-grow:1}.menu-toggle{display:block}.shortcut{display:none}.menu-items-container{display:none;position:absolute;top:100%;left:0;background-color:#333;width:100%;flex-direction:column;align-items:flex-start}.menu-items-container.open{display:flex}.menu-item{width:100%}.menu-button{width:99%;text-align:left}.dropdown-content{position:static;display:none;box-shadow:none;background-color:#444;border-top:1px solid #555}.menu-item:focus-within .dropdown-content{display:block}.dropdown-content a{color:#fff}.dropdown-content a:hover{background-color:#555}}.light-mode .menu-item>.menu-button,.light-mode .menu-toggle,.light-mode nav.menu-bar .theme-toggle-button{background-color:#333;color:#fff}.light-mode .dropdown-content a:hover{color:#000}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{position:relative;background:#fff;padding:15px 25px;border-radius:8px;max-width:550px;width:90%;box-shadow:0 5px 15px #0000004d;color:#333;margin:20px}.popup-content h1{margin-top:0;color:#e0e0e0}.popup-content h2{margin-top:0;color:#005f73}.popup-content a{color:#007bff;text-decoration:none}.popup-content a:hover{text-decoration:underline}.popup-close-hint{margin-top:20px;font-size:.9em;color:#666;text-align:center}.popup-text,.popup-text-scrollable{color:#ccc}.popup-text-scrollable{overflow-y:scroll;max-height:400px}.shortcuts-table>tbody>tr>td{padding:0 5px}.about-version{font-size:.8em;color:#fff;margin-top:-50px}.popup-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;cursor:pointer;padding:5px;line-height:1;font-size:1.5rem;color:#888;z-index:10}.popup-close-btn:hover{color:#bbb}.light-mode .popup-close-btn{background-color:#333}.editor-layout{display:grid;grid-template-columns:300px 1fr;gap:.5rem;align-items:start}.file-and-measurement-container{display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:2em;line-height:2em}.file-name{text-align:left;font-family:monospace;font-size:14px;color:#ccc}.light-mode .file-name{color:#1a1a1a}.measurement-result{text-align:right;font-family:Arial,sans-serif;font-size:14px;color:#aaa;padding-right:5px}@media (max-width: 1200px){.editor-layout{grid-template-columns:240px 1fr}}.polygon-palette{padding:.5rem;border:2px solid #333;border-radius:12px;background-color:#1a1a1a;height:fit-content}.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.5rem;margin:0 auto 1rem}.polygon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;min-height:70px;background-color:#2a2a2a;border:2px solid #444;border-radius:8px;color:#ccc;cursor:pointer;transition:all .3s ease}.polygon-btn:hover{border-color:#042a79;background-color:#333;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #646cff4d}.polygon-btn.selected{border-color:#042a79;background-color:#20a4be;color:#000;box-shadow:0 0 10px #646cff80}.polygon-btn.selected:hover{background-color:#18788c;border-color:#00007f}.polygon-label{margin-top:.5rem;font-size:.7rem;font-weight:600}.selected-info{margin-top:.5rem;padding:.3rem;background-color:#333;border-radius:6px;min-height:1.5rem;display:flex;justify-content:center;align-items:center}.selected-info p{margin:0;color:#646cff;font-weight:500}.polygon-label-input{font-size:11px;margin-top:5px;width:36px}.custom-polygon-creator{height:60px;padding:.35rem .5rem .15rem;width:36px;margin-top:4px;margin-left:3px}@media (max-width: 1200px){.custom-polygon-creator{padding-right:.2rem;padding-left:.2rem}}.light-mode .polygon-btn.selected{border-color:#042a79;background-color:#20a4be;color:#fff}.light-mode .polygon-btn.selected:hover{background-color:#18788c;color:#fff}.light-mode .polygon-label-input{background-color:#fff;border:1px solid #666;color:#000}.tiling-controls{margin-top:1.5rem;padding:1rem;background-color:#333;border-radius:8px}.tiling-controls button{display:block;width:100%;margin:.5rem 0;padding:.5rem;font-size:.9rem}.canvas-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}.control-group{display:flex;gap:10px;flex-wrap:wrap}.visualization-controls{display:flex;gap:10px;align-items:center}.toggle-btn{padding:8px;border:2px solid #20A4BE;background:transparent;color:#20a4be;border-radius:4px;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:#646cff1a}.toggle-btn.active{background:#20a4be;color:#fff}.toggle-btn.mode-select{background-color:#4caf50;border-color:#45a049;color:#fff}.toggle-btn.mode-delete{background-color:#f44336;border-color:#d32f2f}.toggle-btn.mode-delete:hover{background-color:#e53935}.tiling-polygon.delete-mode{opacity:.8}.tiling-polygon.delete-mode:hover{opacity:1;filter:brightness(1.1)}.undo-button{padding:.5rem 1rem}.redo-button{margin-left:5px;padding:.5rem 1rem}.fill-color-btn{margin-left:8px;border:2px solid #20A4BE;display:inline-flex;align-items:center;gap:.3em;padding:.3em .9em;border-radius:5px}.canvas-container{border:2px solid #333;border-radius:12px;background-color:#1a1a1a;padding:.5rem}.node-label{pointer-events:none;-webkit-user-select:none;user-select:none}svg .node-label{opacity:.9;transition:opacity .2s ease}svg:hover .node-label{opacity:1}.editor-canvas{width:100%;height:600px;border:2px solid #444;border-radius:8px;background-color:#0f0f0f;cursor:grab;outline:none}.editor-canvas:active{cursor:grabbing}.editor-canvas:focus{border-color:#646cff;box-shadow:0 0 0 2px #646cff4d}.clickable-polygon,.clickable-text{cursor:pointer}.polygon-center{cursor:move}.polygon-point{cursor:crosshair}.tessellation{pointer-events:all}.tiling-polygon{cursor:pointer;transition:all .2s ease}.tiling-polygon:hover{fill-opacity:.6;stroke-width:2px!important}.perimeter-edge-transparent{cursor:pointer}.perimeter-edge-transparent:hover{filter:drop-shadow(0 0 8px rgba(255,61,0,.6));stroke:#00c853!important}.grid-pattern line{pointer-events:none}.editor-canvas-wrapper{position:relative}.error-container{position:absolute;top:0;left:0;width:100%;padding:.5rem;box-sizing:border-box;z-index:10;pointer-events:none}.error-message{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;font-size:12px;border:1px solid #f5c6cb;border-radius:4px;padding:.5rem .25rem;box-shadow:0 .5rem 1rem #00000026;pointer-events:auto;word-break:break-word}.error-icon{margin-right:.75rem;font-size:1.25rem}.error-text{flex-grow:1}.error-close{background:none;border:none;font-size:1.5rem;font-weight:700;color:#721c24;cursor:pointer;padding:0 .5rem;margin-left:1rem}.error-close:hover{color:#000}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.light-mode{color:#213547;background-color:#fff}.light-mode a:hover{color:#747bff}.light-mode button{background-color:#f9f9f9}.light-mode h3{color:#666}.light-mode .polygon-palette,.light-mode .canvas-container{background-color:#f9f9f9;border-color:#ddd}.light-mode .polygon-btn{background-color:#fff;border-color:#ddd;color:#333}.light-mode .polygon-btn:hover{background-color:#f0f0f0;color:#000}.light-mode .selected-info,.light-mode .canvas-controls,.light-mode .tiling-controls{background-color:#f0f0f0}.light-mode .editor-canvas{background-color:#fafafa;border-color:#ccc}@media (max-width: 1200px){.editor-layout{grid-template-columns:1fr;gap:1rem}.polygon-palette{order:2}.canvas-container{order:1}.palette-grid{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));max-width:none}.responsive-control{display:none}}@media (max-width: 768px){.canvas-controls{flex-direction:column;align-items:stretch}.editor-canvas{height:400px}.tiling-controls button{font-size:.8rem;padding:.4rem}}.color-picker-popup{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:1000}.popup-content{background:#333;padding:24px 32px;border-radius:8px;box-shadow:0 4px 24px #2225;display:flex;flex-direction:column;gap:1em;align-items:center}.popup-actions{display:flex;gap:.6em;color:#a9a9a9}ui5-slider.ui5-color-picker-alpha-slider{display:none}.loading-indicator{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}.loading-content{background-color:#2a2a2a;border:2px solid #646cff;border-radius:8px;padding:20px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:15px}.spinner{width:40px;height:40px;border:4px solid #333;border-top:4px solid #646cff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.polygon-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}button:disabled{opacity:.5;cursor:not-allowed;background-color:#444;color:#888}.status.processing{color:#ff9500;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.editor-canvas[style*="cursor: wait"]{cursor:wait!important}.editor-canvas[style*="pointer-events: none"] *{pointer-events:none!important}.canvas-container{flex-grow:1;display:flex;flex-direction:column}.editor-canvas-wrapper{position:relative;width:100%;flex-grow:1}.editor-canvas{width:100%;height:100%;display:block}.zoom-rotation{position:absolute;top:10px;right:15px;font-family:Arial,sans-serif;font-size:14px;color:#aaa;pointer-events:none}