@import"https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz@9..40&display=swap";body{overflow-x:hidden!important;margin:0;font-family:Nunito,sans-serif}.application-body{overflow:hidden!important;font-size:12px;background-color:#deede2;display:block}.react-joyride__overlay{height:100%!important}button{border-style:none;border-radius:10px;font-family:Nunito,sans-serif;font-size:12px;background-color:#d4d4d4}button:hover{cursor:pointer;text-decoration:underline;background-color:#838383}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.application-header .top-bar{position:fixed;box-sizing:border-box;width:100vw;left:0;z-index:100}.application-header .top-bar .nav-buttons,.application-header .top-bar .tool-buttons{display:flex;position:absolute;top:50%;transform:translateY(-50%);height:100%}.application-header .top-bar .nav-buttons #project-title,.application-header .top-bar .tool-buttons #project-title{font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;height:100%;margin-left:85px}.application-header .top-bar .nav-buttons #project-title[contentEditable=true],.application-header .top-bar .tool-buttons #project-title[contentEditable=true]{cursor:text}.application-header .top-bar .nav-buttons #latInput,.application-header .top-bar .nav-buttons #lngInput,.application-header .top-bar .tool-buttons #latInput,.application-header .top-bar .tool-buttons #lngInput{height:26px;width:100px;padding-top:3px;margin-left:5px;margin-top:3px}.application-header .top-bar .nav-left,.application-header .top-bar .tool-left{left:0}.application-header .top-bar .nav-right,.application-header .top-bar .tool-right{right:0}.application-header .top-bar button,.application-header .top-bar a{border-style:none;border-radius:0;background:none;height:100%}.application-header .top-bar button:hover,.application-header .top-bar a:hover{text-decoration:none}.application-header .nav-bar{top:0;height:50px;background-color:#393939}.application-header .nav-bar a #logo{padding:7px;width:31.16px;height:37px;align-items:center;float:left}.application-header .nav-bar a #logo:hover{background-color:#252525}.application-header .nav-bar button,.application-header .nav-bar a{color:#fff}.application-header .nav-bar button:hover,.application-header .nav-bar a:hover{background-color:#252525}.application-header .nav-bar .nav-center{left:50%;transform:translate(-50%) translateY(calc(10px - 50%))}.application-header .nav-bar .nav-center button{height:30px;width:140px;color:#ffffffc4;background-color:#5656567a}.application-header .nav-bar .nav-center button:hover{background-color:#252525;text-decoration:none}.application-header .nav-bar .nav-center .rounded-left{border-radius:10px 0 0 10px}.application-header .nav-bar .nav-center .rounded-right{border-radius:0 10px 10px 0}.application-header .nav-bar .nav-center .selected-button{color:#fff;background-color:#565656}.application-header .tool-bar{top:50px;height:40px;background-color:#fff}.application-header .tool-bar .menu-arrow{margin-right:5px}.application-header .tool-bar .tool-center{left:50%;transform:translate(-50%) translateY(-50%)}.application-header .tool-bar button,.application-header .tool-bar a{color:#000}.application-header .tool-bar button:hover,.application-header .tool-bar a:hover{background-color:#c9c9c9}.application-container{position:fixed;top:0;left:0;display:flex;height:calc(100vh + -0px);width:100vw}.application-container .editor-module{position:fixed;top:90px;background-color:#fffffff3;height:calc(100% - 90px);box-sizing:border-box;overflow:hidden;border-style:solid;border-color:#c4c4c4;border-width:1px}.application-container .editor-module button{border-style:none;border-radius:0;background:none}.application-container .editor-module button:hover{text-decoration:none}.application-container .editor-module .pattern-data-preview{display:flex;flex-direction:row}.application-container .editor-module .pattern-hidden{display:none}.application-container .editor-module .pattern-visible{display:block}.application-container #editor-elements-list{left:0;overflow-y:auto;overflow-x:auto;z-index:10}.application-container #editor-elements-list #pattern-list-control{display:flex;flex-direction:row;width:100%;height:45px;padding-bottom:10px}.application-container #editor-elements-list #pattern-list-control button{width:50%;height:100%}.application-container #editor-elements-list #pattern-add-cluster,.application-container #editor-elements-list #parameters-generate-links{width:100%;height:45px;padding-bottom:10px}.application-container #editor-elements-list #pattern-add-cluster button,.application-container #editor-elements-list #parameters-generate-links button{width:100%;height:100%}.application-container #editor-elements-list #pattern-list-control button,.application-container #editor-elements-list .pattern-add-node-button,.application-container #editor-elements-list #list-node-add-parameter,.application-container #editor-elements-list #list-node-new-parameter,.application-container #editor-elements-list #pattern-add-cluster button,.application-container #editor-elements-list #parameters-generate-links button{font-weight:700;border-style:solid;border-color:#c4c4c4;border-width:1px}.application-container #editor-elements-list #pattern-list-control button:hover,.application-container #editor-elements-list .pattern-add-node-button:hover,.application-container #editor-elements-list #list-node-add-parameter:hover,.application-container #editor-elements-list #list-node-new-parameter:hover,.application-container #editor-elements-list #pattern-add-cluster button:hover,.application-container #editor-elements-list #parameters-generate-links button:hover{background-color:#c9c9c9}.application-container #editor-elements-list .pattern-group,.application-container #editor-elements-list #parameters-weights-container{display:block;width:100%}.application-container #editor-elements-list .pattern-group .pattern-header,.application-container #editor-elements-list #parameters-weights-container .pattern-header{margin-bottom:20px}.application-container #editor-elements-list .pattern-group .pattern-header .pattern-group-name,.application-container #editor-elements-list #parameters-weights-container .pattern-header .pattern-group-name{font-weight:700}.application-container #editor-elements-list .pattern-group .pattern-toggle-button,.application-container #editor-elements-list .pattern-group .level-toggle-button,.application-container #editor-elements-list #parameters-weights-container .pattern-toggle-button,.application-container #editor-elements-list #parameters-weights-container .level-toggle-button{transition:transform .6s ease,opacity .6s ease;opacity:.6}.application-container #editor-elements-list .pattern-group .pattern-toggle-button.toggle-button-open img,.application-container #editor-elements-list .pattern-group .level-toggle-button.toggle-button-open img,.application-container #editor-elements-list #parameters-weights-container .pattern-toggle-button.toggle-button-open img,.application-container #editor-elements-list #parameters-weights-container .level-toggle-button.toggle-button-open img{transform:rotate(0)}.application-container #editor-elements-list .pattern-group .pattern-toggle-button.toggle-button-open:hover,.application-container #editor-elements-list .pattern-group .level-toggle-button.toggle-button-open:hover,.application-container #editor-elements-list #parameters-weights-container .pattern-toggle-button.toggle-button-open:hover,.application-container #editor-elements-list #parameters-weights-container .level-toggle-button.toggle-button-open:hover{transform:rotate(-90deg)}.application-container #editor-elements-list .pattern-group .pattern-toggle-button.toggle-button-closed img,.application-container #editor-elements-list .pattern-group .level-toggle-button.toggle-button-closed img,.application-container #editor-elements-list #parameters-weights-container .pattern-toggle-button.toggle-button-closed img,.application-container #editor-elements-list #parameters-weights-container .level-toggle-button.toggle-button-closed img{transform:rotate(30deg)}.application-container #editor-elements-list .pattern-group .pattern-toggle-button.toggle-button-closed:hover,.application-container #editor-elements-list .pattern-group .level-toggle-button.toggle-button-closed:hover,.application-container #editor-elements-list #parameters-weights-container .pattern-toggle-button.toggle-button-closed:hover,.application-container #editor-elements-list #parameters-weights-container .level-toggle-button.toggle-button-closed:hover{transform:rotate(90deg)}.application-container #editor-elements-list .pattern-group .pattern-delete-button,.application-container #editor-elements-list .pattern-group .pattern-duplicate-button,.application-container #editor-elements-list .pattern-group .level-delete-button,.application-container #editor-elements-list .pattern-group .level-duplicate-button,.application-container #editor-elements-list #parameters-weights-container .pattern-delete-button,.application-container #editor-elements-list #parameters-weights-container .pattern-duplicate-button,.application-container #editor-elements-list #parameters-weights-container .level-delete-button,.application-container #editor-elements-list #parameters-weights-container .level-duplicate-button{position:absolute;line-height:12px}.application-container #editor-elements-list .pattern-group .pattern-delete-button,.application-container #editor-elements-list .pattern-group .level-delete-button,.application-container #editor-elements-list #parameters-weights-container .pattern-delete-button,.application-container #editor-elements-list #parameters-weights-container .level-delete-button{right:30px}.application-container #editor-elements-list .pattern-group .pattern-duplicate-button,.application-container #editor-elements-list .pattern-group .level-duplicate-button,.application-container #editor-elements-list #parameters-weights-container .pattern-duplicate-button,.application-container #editor-elements-list #parameters-weights-container .level-duplicate-button{right:0}.application-container #editor-elements-list .pattern-group .pattern-level-group-names,.application-container #editor-elements-list #parameters-weights-container .pattern-level-group-names{padding-left:10px;padding-bottom:5px}.application-container #editor-elements-list .pattern-group .pattern-level-group-names .level-label,.application-container #editor-elements-list .pattern-group .pattern-level-group-names .level-value,.application-container #editor-elements-list #parameters-weights-container .pattern-level-group-names .level-label,.application-container #editor-elements-list #parameters-weights-container .pattern-level-group-names .level-value{font-weight:700}.application-container #editor-elements-list .pattern-group .pattern-list,.application-container #editor-elements-list #parameters-weights-container .pattern-list{padding-bottom:10px}.application-container #editor-elements-list .pattern-group .pattern-list,.application-container #editor-elements-list .pattern-group .pattern-list-title,.application-container #editor-elements-list .pattern-group .pattern-info-panel,.application-container #editor-elements-list #parameters-weights-container .pattern-list,.application-container #editor-elements-list #parameters-weights-container .pattern-list-title,.application-container #editor-elements-list #parameters-weights-container .pattern-info-panel{padding-left:40px;box-sizing:border-box}.application-container #editor-elements-list .pattern-group .pattern-list .node-value text,.application-container #editor-elements-list .pattern-group .pattern-list-title .node-value text,.application-container #editor-elements-list .pattern-group .pattern-info-panel .node-value text,.application-container #editor-elements-list #parameters-weights-container .pattern-list .node-value text,.application-container #editor-elements-list #parameters-weights-container .pattern-list-title .node-value text,.application-container #editor-elements-list #parameters-weights-container .pattern-info-panel .node-value text{border:.5px solid #E6E6E6;background-color:#fff;overflow:hidden;padding:5px 0 0 5px;box-sizing:border-box;display:block;height:25px}.application-container #editor-elements-list .pattern-group .pattern-list .node-value button,.application-container #editor-elements-list .pattern-group .pattern-list-title .node-value button,.application-container #editor-elements-list .pattern-group .pattern-info-panel .node-value button,.application-container #editor-elements-list #parameters-weights-container .pattern-list .node-value button,.application-container #editor-elements-list #parameters-weights-container .pattern-list-title .node-value button,.application-container #editor-elements-list #parameters-weights-container .pattern-info-panel .node-value button{margin-left:5px;display:block;height:25px}.application-container #editor-elements-list .pattern-group .pattern-info-panel,.application-container #editor-elements-list #parameters-weights-container .pattern-info-panel{width:190px;margin-left:40px;padding-left:0;padding-bottom:10px;margin-bottom:10px;border-bottom:.5px solid #E6E6E6}.application-container #editor-elements-list .pattern-group .pattern-info-panel .pattern-group-offset-title,.application-container #editor-elements-list #parameters-weights-container .pattern-info-panel .pattern-group-offset-title{margin-right:20px;padding-top:5px}.application-container #editor-elements-list .pattern-group .pattern-info-panel .pattern-group-offset-value,.application-container #editor-elements-list #parameters-weights-container .pattern-info-panel .pattern-group-offset-value{width:60px}.application-container #editor-elements-list .pattern-group .pattern-list-title,.application-container #editor-elements-list .pattern-group .pattern-group-offset-title,.application-container #editor-elements-list #parameters-weights-container .pattern-list-title,.application-container #editor-elements-list #parameters-weights-container .pattern-group-offset-title{font-weight:500;height:20px}.application-container #editor-elements-list .pattern-group .pattern-list,.application-container #editor-elements-list #parameters-weights-container .pattern-list{font-weight:300}.application-container #editor-elements-list .pattern-group .pattern-group-node-names,.application-container #editor-elements-list .pattern-group .list-node-name,.application-container #editor-elements-list #parameters-weights-container .pattern-group-node-names,.application-container #editor-elements-list #parameters-weights-container .list-node-name{width:100px;overflow:hidden}.application-container #editor-elements-list .pattern-group .pattern-group-node-sizes,.application-container #editor-elements-list .pattern-group .list-node-size,.application-container #editor-elements-list #parameters-weights-container .pattern-group-node-sizes,.application-container #editor-elements-list #parameters-weights-container .list-node-size{width:60px}.application-container #editor-elements-list .pattern-group .pattern-group-node-levels,.application-container #editor-elements-list .pattern-group .list-node-level,.application-container #editor-elements-list #parameters-weights-container .pattern-group-node-levels,.application-container #editor-elements-list #parameters-weights-container .list-node-level{width:30px}.application-container #editor-elements-list .pattern-group .parameter-title,.application-container #editor-elements-list .pattern-group .pattern-parameter,.application-container #editor-elements-list #parameters-weights-container .parameter-title,.application-container #editor-elements-list #parameters-weights-container .pattern-parameter{width:150px}.application-container #editor-elements-list .pattern-group .pattern-add-node-button,.application-container #editor-elements-list #parameters-weights-container .pattern-add-node-button{margin-left:40px;height:45px;margin-bottom:15px}.application-container #editor-elements-list .pattern-group .pattern-ai-generate-button,.application-container #editor-elements-list #parameters-weights-container .pattern-ai-generate-button{margin-left:5px;height:45px;margin-bottom:15px;color:#fff;font-weight:500;background-color:#45b8ff;border-radius:15px}.application-container #editor-elements-list .pattern-group .pattern-ai-generate-button:hover,.application-container #editor-elements-list #parameters-weights-container .pattern-ai-generate-button:hover{background-color:#0098f6}.application-container .pattern-weights-console{height:160px;display:flex;flex-direction:row;margin-bottom:20px}.application-container .parameter-weight-console-weights{display:flex;flex-direction:row}.application-container .parameter-weight-console-weights-group{width:150px;display:flex;flex-direction:column;align-items:center;gap:4px}.application-container .parameter-weight-console-description{width:80px;position:relative;height:100%;font-weight:200;padding-left:60px}.application-container .min-label{position:absolute;bottom:0}.application-container .parameter-label,.application-container .parameter-button-label{font-size:12px;color:#333;font-weight:500}.application-container .parameter-add-button,.application-container .parameter-delete-button{cursor:pointer;border:none;background:none;transition:transform .1s}.application-container .parameter-add-button:hover,.application-container .parameter-delete-button:hover{transform:scale(1.1)}.application-container .parameter-slider{transform:rotate(-90deg);width:100px;position:relative;top:50px;-webkit-appearance:none;height:4px;background:#e6e6e6;border-radius:2px;outline:none}.application-container .parameter-slider::-moz-range-track{height:4px;background:#e6e6e6;border:none;border-radius:2px}.application-container .parameter-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;background:#fff;border:2px solid #C4C4C4;border-radius:50%;cursor:pointer;transition:transform .1s}.application-container .parameter-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.application-container .parameter-slider::-moz-range-thumb{width:40px;height:40px;background:#fff;border:2px solid #C4C4C4;border-radius:50%;cursor:pointer}.application-container .slider-value-label{position:absolute;right:calc(50% - 8px);pointer-events:none;font-size:14;font-weight:500}.application-container .parameter-weight-console-button{display:flex;flex-direction:column;padding-top:18px}.application-container .parameter-weight-console-button .parameter-new-section{width:220px}.application-container .parameter-weight-console-button .parameter-new-section .buttons-container{flex-direction:row}.application-container .parameter-weight-console-button .parameter-new-section .buttons-container .add-param-button{font-weight:600;width:180px;height:29px;border:solid 2px #C4C4C4;fill:#fff;border-radius:14.5px}.application-container .parameter-weight-console-button .parameter-new-section input{font-family:Nunito,sans-serif;font-size:12px;border:solid 1px #9B9999;border-radius:3px}.application-container .parameter-weight-console-button .parameter-new-section .parameter-name{height:25px;margin-bottom:5px}.application-container .parameter-weight-console-button .parameter-new-section .parameter-desc{height:50px}.application-container .list-unfolded{width:50vw}.application-container .list-folded{width:300px}.application-container #editor-nodes-visualization{right:0;width:calc(100% - 300px);transition:translate .5s;overflow-y:scroll}.application-container #editor-nodes-visualization .group-header{font-size:14px;font-weight:700;padding:25px 30px;text-align:left}.application-container #editor-nodes-visualization .editor-group-svg{border-style:none none solid none;border-color:#c4c4c4;border-width:1px}.application-container #editor-nodes-visualization .name-label{font-weight:500}.application-container #editor-nodes-visualization .size-label{font-weight:600}.application-container #parameter-diagrams-container{right:0;width:50vw;position:fixed;top:90px;height:calc(100% - 90px);box-sizing:border-box}.application-container #parameter-diagrams-visualization{position:absolute;top:0;overflow:scroll;left:0;transition:translate .5s;height:100%;width:100%}.application-container #parameter-diagrams-visualization .control-point-group text{font-weight:500}.application-container #parameter-diagrams-visualization .control-point-group text.selected-text-label{font-weight:600}.application-container .fold-panel-button{position:absolute;top:100px;right:10px;z-index:3;background:none}.application-container .fold-panel-button:hover{transform:scale(1.2)}.application-container #pattern-links{right:0;width:calc(100% - 300px);transition:translate .5s;overflow-y:auto;overflow-x:auto;font-weight:300;border-width:2px 0 0 2px}.application-container #pattern-links #corner-cell{position:sticky;top:0;left:0;z-index:5;width:130px;height:130px;background-color:#e3e3e3;border:1px solid #C4C4C4;box-sizing:border-box}.application-container #pattern-links #pattern-links-cells{position:absolute;top:0;left:0}.application-container #pattern-links #row-title{width:130px;position:sticky;left:0;z-index:3;background-color:#e3e3e3}.application-container #pattern-links #row-title .matrix-title{background-color:#e3e3e3;height:130px;border:1px solid #C4C4C4;box-sizing:border-box;overflow:hidden}.application-container #pattern-links #row-title text{background-color:#e3e3e3;display:block;padding:auto;height:40px;border:1px solid #C4C4C4;padding-top:6px;padding-left:15px;padding-right:15px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.application-container #pattern-links #row-title .cell-hover-highlight{background-color:#c4c4c4}.application-container #pattern-links #editor-links-preview #editor-links-column-title{display:flex;flex-direction:row;position:sticky;top:0;z-index:4;background-color:#e3e3e3}.application-container #pattern-links #editor-links-preview #editor-links-column-title .matrix-column-title{width:40px;height:130px;background-color:#e3e3e3;border:1px solid #C4C4C4;align-items:center;box-sizing:border-box;overflow:hidden}.application-container #pattern-links #editor-links-preview #editor-links-column-title .matrix-column-title .rotated-text-container{display:flex;align-items:center;justify-content:center;transform:rotate(-90deg);width:100%;height:100%}.application-container #pattern-links #editor-links-preview #editor-links-column-title .matrix-column-title .rotated-text-container .rotated-text{min-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.application-container #pattern-links #editor-links-preview #editor-links-column-title .cell-hover-highlight{background-color:#c4c4c4}.application-container #pattern-links #editor-links-preview .matrix-row{display:flex}.application-container #pattern-links #editor-links-preview .matrix-row .matrix-cell{width:40px;height:40px;border:1px solid #C4C4C4;text-align:center;padding-top:6px;box-sizing:border-box;overflow:hidden}.application-container #pattern-links #editor-links-preview .matrix-row .matrix-cell:hover{border-color:#888;border-width:3px}.application-container #pattern-links #editor-links-preview .matrix-row .empty{background-color:#fff}.application-container #pattern-links #editor-links-preview .matrix-row .primary{color:#000;background-color:#b7ddac}.application-container #pattern-links #editor-links-preview .matrix-row .secondary{color:#000;background-color:#579e5d}.application-container #pattern-links #editor-links-preview .matrix-row .tetriary{color:#fff;background-color:#1a4320}.application-container #pattern-links #editor-links-preview .matrix-row .none{background-color:#919191}.application-container #parameter-diagrams-visualization{display:flex;flex-direction:row}.dataPreview{height:100px;overflow:hidden;overflow-y:auto;display:flex;flex-direction:row}#patternNodesPreview{height:70%}#data-header{height:25px}#patternNodesListItem{width:420px;padding:20px;margin:10px 0 0 10px;background-color:#f0f0f0}#editor-links-column-title{display:flex;flex-direction:row}.left-menu-hidden{translate:100%}.right-menu-hidden{translate:-100%}.leftMenu{position:absolute;right:0;top:0;margin-top:102px;padding-bottom:20px;width:470px;display:flex;flex-direction:column;z-index:110;overflow:hidden;overflow-y:auto;box-sizing:border-box;transition:translate .5s}.leftMenuElement{width:420px;padding:20px;margin:10px 0 0 10px;background-color:#f0f0f0}.pattern-group-node-delete{width:25px}#pattern-node-new{border-top:4px solid black}#pattern-node-new input{height:25px}#nodeName text,#nodeSize text,#linkSource text,#linkTarget text,#linkStrength text{display:block;height:25px;line-height:25px;padding:auto}input[type=checkbox]{display:block;height:25px;margin:0}#mapbox-container svg{position:fixed;top:0}.roomNode text{text-anchor:middle}.nodes-map,.parameters-diagrams,.adjacency-chart{z-index:2}.nodes-map-room circle{fill:#d9d9d9;fill-opacity:.9}.room-node-fixed .node-space,.room-node-fixed .planning-node-shape{stroke:#696969}.node-pin-icon{font-size:3px;pointer-events:none}#rasterPlan{opacity:1}.app-module{position:fixed;top:0;background-color:#525252f3;display:flex;flex-direction:row;padding-top:102px;height:100%;width:100%;box-sizing:border-box}#rasterButtons{position:absolute;left:5%;bottom:2%;padding-bottom:30px}h4{margin-block-start:5px;margin-block-end:5px}[visibilityStatus=selected]{opacity:1}[visibilityStatus=background]{opacity:.1}[visibilityStatus=hidden]{opacity:0}#mapbox-container{width:100%;height:100%;z-index:0}.pattern-parameter-radar-chart{overflow:visible}.pattern-group-title,.row-title-group{font-size:14px;font-weight:500;text-align:center;overflow:hidden}.pattern-group-title{position:sticky;top:0;height:45px;line-height:45px;background-color:#fff8;z-index:1001}.parameter-row-title-group{position:sticky;left:0;background-color:#fff8;z-index:1001}.parameter-title-tile{position:sticky;margin-top:1px;margin-left:2px;width:43px;height:39px;z-index:1005;background-color:#ffffffe7}.row-title-group{height:45px;line-height:45px;pointer-events:none}.selected-button{background-color:#f0f0f0}.parameters-table{z-index:10;height:100vh}h2{color:#333}.dropdown-menu{position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-menu a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-menu a:hover{background-color:#f1f1f1}.underlay-panel{position:fixed;bottom:20px;left:calc(50% - 64px);display:flex;flex-direction:row;color:#fff;background:#595858e6;padding:8px;border-radius:6px;box-shadow:0 4px 8px #0000001a;z-index:1}.view-mode-panel{z-index:1;position:fixed;bottom:20px;right:20px;display:flex;flex-direction:row;color:#fff;background:#595858e6;padding:8px;border-radius:6px;box-shadow:0 4px 8px #0000001a}.view-mode-group,.underlay-group,.underlay-edit-group,.view-styles-group{display:flex;flex-direction:column;gap:2px}.view-mode-group,.underlay-group{margin-right:10px}.view-mode-buttons{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.view-modes-buttons-group,.underlay-buttons-group,.view-styles-buttons-group{display:flex;flex-direction:row;gap:8px}.view-modes-buttons-group,.underlay-buttons-group{border-right:3px solid rgb(143,143,143);padding-right:10px}.view-mode-description-mode,.view-mode-description-underlay,.view-mode-description-map{justify-content:space-between;flex:1;text-align:center;font-size:12px}.view-mode-description-mode,.view-mode-description-underlay{padding-right:10px}.view-mode-panel-iconButton{background:none;border:none;padding:4px;cursor:pointer;transition:transform .1s,background-color .1s;border-radius:4px}.view-mode-panel-iconButton img{border-radius:4px}.view-mode-panel-iconButton:hover{transform:scale(1.1)}.view-mode-panel-iconButton.active{background-color:#353535}.view-mode-panel-icon{width:24px;height:24px}.tool-panel{z-index:1;position:fixed;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;width:32px;color:#fff;background:#595858e6;padding:8px;border-radius:6px;box-shadow:0 4px 8px #0000001a}.tool-panel .tool-panel-buttons{display:flex;flex-direction:column;gap:8px}.tool-panel .tool-panel-iconButton{background:none;border:none;padding:4px;cursor:pointer;transition:transform .1s,background-color .1s;border-radius:4px}.tool-panel .tool-panel-iconButton:hover{transform:scale(1.1)}.tool-panel .tool-panel-iconButton.active{background-color:#353535}.tool-panel .tool-panel-iconButton img{width:24px;height:24px;border-radius:4px}.tool-panel .tool-panel-input{width:24px;text-align:center;color:#fff;background:#868686e6;border:.25px solid rgba(134,134,134,.9);border-radius:2px;padding:2px;outline:none}.tool-panel .tool-panel-input:focus{border:.5px solid lightgray}.landing-page-body{height:200vh;font-family:Nunito,sans-serif;font-size:24px;background-color:#fcfff4}.landing-page-body button{font-size:20px;border:#000000 solid 1px;background:none}.landing-page-body button:hover{text-decoration:underline;text-decoration-thickness:1px}.landing-page-body .landing-page-header{padding:0 20px;height:70px;display:flex;align-items:center;margin:0 auto}.landing-page-body .landing-page-header .logo{top:20px}.landing-page-body .landing-page-header .header-buttons{margin-left:auto;display:flex}.landing-page-body .landing-page-header .header-buttons button{padding:5px 25px;border-radius:20px}.landing-page-body .main-content{position:relative;height:calc(100vh - 70px);display:flex;align-items:center}.landing-page-body .main-content .text-content{height:100px;margin:auto;width:1400px}.landing-page-body .main-content .text-content .text-primary{font-family:DM Sans,sans-serif;font-size:40px;font-weight:400}.landing-page-body .main-content .text-content .text-secondary{font-size:24px;font-weight:400}.landing-page-body .main-content .text-content .text-primary,.landing-page-body .main-content .text-content .text-secondary{margin-bottom:16px}.landing-page-body .main-content .text-content button{padding:10px 25px;border-radius:10px}.landing-page-body .main-content .main-media-container{position:absolute;bottom:-50px;right:200px;z-index:5}.landing-page-body .main-content .main-media-container .main-diagram{height:50vh}.landing-page-body .triple-media-container{display:flex;justify-content:space-between;align-items:center;height:calc(100vh - 200px);width:95vw;margin:0 auto}.landing-page-body .triple-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box;width:32%;height:100%}.landing-page-body .triple-item-image{flex:0 0 60%;display:flex;align-items:center;justify-content:center;overflow:visible}.landing-page-body .triple-item-image img{max-width:100%;object-fit:cover}.landing-page-body .triple-item-text{position:absolute;top:60%;flex:0 0 40%;text-align:center;display:flex;flex-direction:column;justify-content:center}.landing-page-body .triple-item-text-primary{font-family:DM Sans,sans-serif;font-size:40px;font-weight:400;margin-bottom:10px}.landing-page-body .triple-item-text-secondary{font-size:24px;font-weight:400}.landing-page-body .tripple-diagram{mix-blend-mode:multiply;height:auto;max-width:100%}.landing-page-body .landing-page-footer{height:200px;background-color:#565656;display:flex;justify-content:space-between;align-items:center;padding:20px;color:#fff;font-size:16px}.landing-page-body .landing-page-footer .landing-page-footer-column{flex:1;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;width:32%;height:100%}.landing-page-body .landing-page-footer .landing-page-footer-column p,.landing-page-body .landing-page-footer .landing-page-footer-column a{margin-block-start:0;margin-block-end:1em}.landing-page-body .landing-page-footer .landing-page-footer-column a{color:#fff;text-decoration:none}.landing-page-body .landing-page-footer .landing-page-footer-column a:hover{text-decoration:underline}.landing-page-body .landing-page-footer .landing-page-footer-column .newsletter-container input{font-family:Nunito,sans-serif;padding:7px 25px;border-radius:20px;border-style:none;color:#a5a7a0;width:270px;font-size:16px}.landing-page-body .landing-page-footer .landing-page-footer-column .newsletter-container button{font-family:Nunito,sans-serif;font-size:22px;color:#fff;border-style:none;border-radius:20px;padding:4px;width:40px;background-color:#393939}.overlay,.signup-page{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}.signup-page-header{padding:0 20px;height:70px;display:flex;align-items:center;margin:0 auto}.modal,.signup-body{position:fixed;width:350px;top:300px;left:50%;transform:translate(-50%,-50%);padding:20px;z-index:1001;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:Nunito,sans-serif}.modal .modal-body,.signup-body .modal-body{width:270px;margin:30px auto}.modal .modal-body h1,.signup-body .modal-body h1{font-family:DM Sans,sans-serif;font-size:40px;font-weight:400}.modal .modal-body form .input-block,.signup-body .modal-body form .input-block{margin-bottom:15px}.modal .modal-body form .input-block label,.signup-body .modal-body form .input-block label{color:#565656;font-size:16px;display:block}.modal .modal-body form .input-block input,.signup-body .modal-body form .input-block input{display:block;width:calc(100% - 20px);padding:10px;font-family:Nunito,sans-serif;border-radius:8px;background-color:#ebebeb;border:1px solid #EBEBEB}.modal .modal-body form .input-block input:hover,.signup-body .modal-body form .input-block input:hover{border:1px solid #000000}.modal .modal-body form .checkbox-block,.signup-body .modal-body form .checkbox-block{display:flex;align-items:center;margin-bottom:15px}.modal .modal-body form .checkbox-block input[type=checkbox],.signup-body .modal-body form .checkbox-block input[type=checkbox]{margin-right:10px;width:20px;height:20px}.modal .modal-body form .checkbox-block label,.signup-body .modal-body form .checkbox-block label{font-size:14px;line-height:1.4}.modal .modal-body form .checkbox-block a,.signup-body .modal-body form .checkbox-block a{color:#007bff;text-decoration:none}.modal .modal-body form .checkbox-block a:hover,.signup-body .modal-body form .checkbox-block a:hover{text-decoration:underline}.modal .modal-body form button,.signup-body .modal-body form button{margin-top:10px;display:block;width:100%;padding:10px;font-family:Nunito,sans-serif;border-radius:8px}.modal .modal-body form .button-login-main,.signup-body .modal-body form .button-login-main{color:#fff;background-color:#000;font-size:16px}.modal .modal-body form .button-login-main:disabled,.signup-body .modal-body form .button-login-main:disabled{color:#303030}.modal .modal-body form .button-login-secondary,.signup-body .modal-body form .button-login-secondary{background:none}.modal-overlay-advanced{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-welcome{width:900px;height:700px}.modal-save-project{width:900px;height:330px}.modal-create-new-project{width:900px;height:600px}.modal-window-advanced{background:#fff;padding:0;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative}.close-button-advanced{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:#666}.close-button-advanced:hover{color:#000}.welcome-header{width:100%;height:150px;display:flex;align-items:center;border-bottom:1px solid #ccc}.welcome-header .header-text{margin:30px 85px}.welcome-header .header-text h1{font-size:28px;font-weight:700;margin:0;color:#4a4a4a}.welcome-header .header-text h2{font-size:24px;font-weight:700;margin:0;color:#4a4a4a}.welcome-header .header-text p{font-size:20px;margin:10px 0 0;color:#666}.button-container{width:100%;height:180px;display:flex;align-items:center;justify-content:center}.button-container .button-box{width:100%;display:flex;justify-content:space-between;margin:0 85px}.button-container .button-box .styled-button{width:220px;height:80px;background-color:#f5f5f5;color:#4a4a4a;font-size:16px;padding:0;font-weight:700;border:none;border-radius:15px;cursor:pointer;display:flex;align-items:center;transition:background-color .3s,transform .2s}.button-container .button-box .styled-button:hover{background-color:#e3e3e3;text-decoration:none;transform:scale(1.02)}.button-container .button-box .styled-button .button-image-container{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:8px}.button-container .button-box .styled-button .button-image-container .button-image{width:34px;height:34px;object-fit:contain}.button-container .button-box .styled-button .button-text-container{display:flex;flex-direction:column;justify-content:left;text-align:left;align-items:flex-start}.button-container .button-box .styled-button .button-text-container .button-text-main{font-size:13px;font-weight:700}.button-container .button-box .styled-button .button-text-container .button-text-secondary{font-size:13px;color:#7a7a7a;font-weight:400}.new-project-field{margin-top:30px}.new-project-field .form-group{width:calc(100% - 170px);margin:0 85px;border-radius:8px;border:1.5px solid #A3A3A3}.new-project-field .form-group input{font-size:12px;width:calc(100% - 20px);padding:10px;font-family:Nunito,sans-serif;border-radius:8px;background-color:none;border:none}.new-project-field .form-group input:focus{outline:none}.new-project-field .form-group .suggestions-list{font-size:12px;list-style:none;margin:0;padding:10px;border-top:1.5px solid #E3E3E3}.new-project-field .form-group .suggestions-list li{color:#7a7a7a;padding:5px 0;cursor:pointer}.new-project-field .form-group .suggestions-list li::marker{content:none}.new-project-field .form-group .suggestions-list li:hover{color:#393939;font-weight:700}.new-project-field .form-group:hover{border:1.5px solid rgb(57,57,57)}.new-project-field .form-group:focus-within{outline:2px solid rgb(57,57,57);outline-offset:-1.5px}.additional-section{width:100%}.additional-section .additional-header{margin:0 85px 10px;font-size:13px;font-weight:700;color:#333}.additional-section .tiles-container{margin:0 85px;display:flex;justify-content:space-between}.additional-section .tiles-container .tile{background:none;width:220px;display:flex;flex-direction:column;cursor:pointer;text-align:left;padding:0;transition:transform .2s}.additional-section .tiles-container .tile:hover{text-decoration:none;transform:scale(1.02)}.additional-section .tiles-container .tile:hover .tile-image{border:1px solid #e3e3e3}.additional-section .tiles-container .tile .tile-image{width:220px;height:220px;border-radius:8px;border:1px solid #f5f5f5;object-fit:cover;margin-bottom:10px;transition:border .3s,transform .3s}.additional-section .tiles-container .tile .tile-title{font-size:13px;font-weight:700;color:#333;margin:2px 0 0}.additional-section .tiles-container .tile .tile-subtitle{font-size:13px;color:#666;margin:2px 0 0}.modal-tools{position:absolute;background:#ffffffe6!important;box-shadow:0 2px 8px #00000026;border-radius:8px;padding:16px;z-index:1000;pointer-events:auto}.modal-tools-close{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:1.2rem;cursor:pointer;z-index:2}.modal-pattern-library{display:grid;grid-template-rows:auto 1fr;height:100%;background:#fff;border-radius:8px;position:relative;overflow:hidden}.pattern-library-header{padding:16px;border-bottom:1px solid #e0e0e0}.pattern-library-header h1{margin:0;font-size:1.25rem}.pattern-library-header p{margin:4px 0 0;font-size:.9rem;color:#666}.pattern-library-content{overflow-y:auto;padding-top:16px;padding-bottom:16px;width:100%}.tiles-container{margin:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:5px}.tile{text-align:left;background:none;width:180px;display:flex;flex-direction:column;cursor:pointer;padding:0;transition:transform .2s}.tile:hover{transform:scale(1.02);background:none}.tile:hover .tile-image{border:1px solid #e3e3e3}.tile .tile-image{width:180px;height:180px;border-radius:8px;border:1px solid #f5f5f5;object-fit:cover;margin-bottom:10px;transition:border .3s,transform .3s}.tile .tile-title{font-size:13px;font-weight:700;color:#333;margin:2px 0 0}.tile .tile-subtitle{font-size:13px;color:#666;margin:2px 0 0}.pattern-library-close{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:1.2rem;cursor:pointer}.ncm-modal{display:flex;flex-direction:column;color:#111;border-radius:14px}.ncm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.ncm-title{margin:0;font-size:1.1rem;font-weight:600}.ncm-close{border:none;background:transparent;font-size:18px;cursor:pointer;line-height:1;padding:6px;border-radius:8px}.ncm-close:hover{background:#f3f3f3}.ncm-top{display:grid;gap:12px;grid-template-columns:1fr 160px;padding:16px;border-bottom:1px solid #f2f2f2}.ncm-col-span-2{grid-column:1/-1}.ncm-field{display:flex;flex-direction:column}.ncm-label{font-size:12px;color:#666;margin-bottom:6px}.ncm-input,.ncm-textarea{border:1px solid #ddd;border-radius:10px;padding:10px 12px;font-size:14px;outline:none}.ncm-input:focus,.ncm-textarea:focus{border-color:#999}.ncm-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.ncm-ai-btn{height:38px;padding:0 16px;border:1px solid #222;background:#111;color:#fff;border-radius:10px;font-weight:600;cursor:pointer}.ncm-ai-btn:hover{background:#222}@media (max-width: 560px){.ncm-top{grid-template-columns:1fr}.ncm-col-span-2{grid-column:1}.ncm-actions{justify-content:stretch}.ncm-ai-btn{width:100%}}.ncm-middle{min-height:160px;padding:16px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f2f2f2}.ncm-placeholder{color:#777;font-size:14px;font-style:italic}.ncm-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px}.ncm-primary,.ncm-secondary{height:38px;padding:0 14px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px}.ncm-primary{background:#111;color:#fff;border:1px solid #111}.ncm-primary:hover{background:#222}.ncm-secondary{background:#fff;color:#111;border:1px solid #ddd}.ncm-secondary:hover{background:#f7f7f7}@media (max-width: 560px){.ncm-top{grid-template-columns:1fr 1fr}.ncm-actions,.ncm-col-span-4{grid-column:span 2}}.ncm-help{margin-top:6px;font-size:12px;color:#888}.terms-container{font-family:Arial,sans-serif;margin:40px;line-height:1.6;color:#333}.terms-container h1,.terms-container h2{text-align:center;color:#444}.terms-container h1{font-size:2em;margin-bottom:10px}.terms-container h2{font-size:1.5em;margin-top:40px;margin-bottom:10px}.terms-container p{text-align:justify;margin-bottom:15px}.terms-container ul,.terms-container ol{margin-left:20px;margin-bottom:15px}.terms-container ol{list-style-type:decimal}.terms-container ol li{margin-bottom:10px}.terms-container ol li ol{list-style-type:lower-alpha}.terms-container strong,.terms-container .section-number,.terms-container .subsection-number{font-weight:700}.privacy-container{font-family:Arial,sans-serif;margin:40px;line-height:1.6;color:#333}.privacy-container h1,.privacy-container h2{text-align:center;color:#444}.privacy-container h1{font-size:2em;margin-bottom:10px}.privacy-container h2{font-size:1.5em;margin-top:40px;margin-bottom:10px}.privacy-container h3{font-size:1.2em;margin-top:30px;margin-bottom:10px;color:#555}.privacy-container p{text-align:justify;margin-bottom:15px}.privacy-container ul{margin-left:20px;margin-bottom:15px}.privacy-container ul li{margin-bottom:10px}.privacy-container strong{font-weight:700}