:root{--default-background-color: #d9d9d9;--primary-color: #828282;--dark-mode-color: #1a1a1a;--light-mode-canvas: white;--dark-mode-canvas: black;--light-mode-text: #1a1a1a;--dark-mode-text: #d9d9d9;--light-mode-border: #9a9a9a;--dark-mode-border: #4d4d4d;--mouseover-color: #ff0000;--click-color: #cc0000;--selected-color: #ff5555;--disabled-color: #736363;--default-font: Arial, Helvetica, sans-serif;--default-font-size: 14px;--menubar-size: 50px;--canvas-border: 1px;color-scheme:light;--canvas-container-margin: 0px}html{scrollbar-gutter:stable}@supports not (scrollbar-gutter: stable){html{overflow-y:scroll}}body{background-color:var(--default-background-color);color:var(--light-mode-text);transition:background-color 2s,color 2s;font-family:var(--default-font);overflow-x:hidden;max-width:100vw}body.dark-mode{background-color:var(--dark-mode-color);color:var(--dark-mode-text)}.main-content{position:absolute;top:var(--menubar-size);left:0;right:0;bottom:0;width:100%;height:calc((var(--vh, 1vh) * 100) - var(--menubar-size));overflow:hidden;background:none;z-index:1;margin:0;padding:0}.canvas-container,canvas{pointer-events:auto}.canvas-container{position:relative!important;position:absolute;inset:0;width:100%;height:100%;max-height:calc(var(--vh, 1vh) * 100);overflow:hidden;z-index:10;margin:0;padding:0}canvas#canvas{position:absolute;top:0;left:0;width:100%;height:100%;max-height:calc(var(--vh, 1vh) * 100);display:block;margin:0;padding:0;background-color:var(--light-mode-canvas);border:var(--canvas-border) solid var(--light-mode-border);transition:background-color 2s,border 2s;z-index:1;pointer-events:auto;box-sizing:border-box}canvas#canvas.dark-canvas{background-color:var(--dark-mode-canvas);border:var(--canvas-border) solid var(--dark-mode-border)}.dark-mode-toggle-icon{width:24px;height:24px;padding:0;border-radius:4px;cursor:pointer;transition:filter .3s}body.dark-mode .dark-mode-toggle-icon{filter:invert(1);opacity:.8}.light-mode-toggle-icon{width:24px;height:24px;padding:0;border-radius:4px;cursor:pointer;transition:filter .3s}.button-container-divider{width:100%;margin:10px 0;border:none;border-top:1px solid var(--light-mode-border)}body.dark-mode .button-container-divider{border-top-color:var(--dark-mode-border)}body.dark-mode .light-mode-toggle-icon{filter:invert(1);opacity:.8}#dark-mode-toggle input{display:none;width:28px;height:28px;cursor:pointer;border:1px solid var(--light-mode-border);border:none;border-radius:4px;transition:background-color .3s;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--light-mode-text);padding-top:10px}#dark-mode-toggle:after{content:"";display:block;width:16px;height:16px;background:url(assets/icons/sun.png) no-repeat center center;background-size:contain;transition:filter 1s}body.dark-mode #dark-mode-toggle:after{content:"";color:var(--dark-mode-text);display:block;width:16px;height:16px;background:url(assets/icons/moon.png) no-repeat center center;filter:invert(1);opacity:80%;background-size:contain;transition:filter 1s}.modal-content{background-color:var(--default-background-color);color:var(--light-mode-text);font-family:var(--default-font);font-size:var(--default-font-size);border:1px solid var(--light-mode-border);border-radius:8px;transition:background-color .3s,color .3s}body.dark-mode .modal-content{background-color:var(--dark-mode-color);color:var(--dark-mode-text);border:1px solid var(--dark-mode-border)}.modal-header{background-color:var(--primary-color);color:var(--light-mode-text);border-bottom:1px solid var(--light-mode-border)}body.dark-mode .modal-header{background-color:var(--dark-mode-color);color:var(--dark-mode-text);border-bottom:1px solid var(--dark-mode-border)}.modal-footer{background-color:var(--default-background-color);border-top:1px solid var(--light-mode-border)}body.dark-mode .modal-footer{background-color:var(--dark-mode-color);border-top:1px solid var(--dark-mode-border)}.modal-footer .btn{background-color:var(--primary-color);color:var(--light-mode-text);border:none;border-radius:4px;transition:background-color .3s,color .3s;padding:8px 16px;font-size:var(--default-font-size);width:auto;min-width:75px;height:28px;display:inline-flex;align-items:center;justify-content:center}.modal-footer .btn:hover{background-color:var(--mouseover-color);color:var(--light-mode-text)}body.dark-mode .modal-footer .btn{background-color:var(--dark-mode-border);color:var(--dark-mode-text)}body.dark-mode .modal-footer .btn:hover{background-color:var(--mouseover-color);color:var(--dark-mode-text)}.menubar{background-color:var(--default-background-color);display:flex;flex-direction:row;align-items:center;padding:0 8px;height:var(--menubar-size);border-bottom:1px solid var(--light-mode-border)}body.dark-mode .menubar{background-color:var(--dark-mode-color);border-bottom:1px solid var(--dark-mode-border);transition:background-color 2s,color 2s}.menu{display:flex;flex-direction:row;align-items:center;gap:2px;position:relative}.menu-item{position:relative;cursor:default}.menu-title{color:var(--light-mode-text);font-family:var(--default-font);font-size:12px;line-height:28px;text-align:center;padding:2px 8px;background:none;border-radius:4px;text-decoration:none;cursor:pointer}body.dark-mode .menu-title{color:var(--dark-mode-text)}.menu-item:hover .menu-title{background-color:var(--mouseover-color);color:var(--light-mode-text)}.menu-content{display:none;position:absolute;top:100%;left:0;background-color:var(--default-background-color);padding:2px 0;border:1px solid var(--light-mode-border);border-radius:4px;min-width:150px;z-index:999}.menu-item:hover .menu-content{display:block}body.dark-mode .menu-content{background-color:var(--dark-mode-color);border:1px solid var(--dark-mode-border)}.menu-content a{display:block;font-family:var(--default-font);font-size:12px;color:var(--light-mode-text);text-decoration:none;padding:4px 12px}body.dark-mode .menu-content a{color:var(--dark-mode-text)}.menu-content a:hover{background-color:var(--mouseover-color);color:var(--light-mode-text)}body.dark-mode .menu-content a:hover{color:var(--light-mode-text)}.hidden-file-input{display:none}.button-container-2col{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;text-align:center}.button-container-2col a{display:block;padding:5px;background-color:var(--primary-color);color:#000;text-decoration:none;border-radius:4px;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s,color .3s}.button-container-3col{display:grid;grid-template-columns:repeat(3,32%);grid-gap:5px;text-align:center;margin-right:5px}.button-container-3col a{display:block;padding:5px;background-color:var(--primary-color);color:#000;text-decoration:none;border-radius:4px;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s,color .3s}.button-container-1col{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:5px;text-align:center}.button-container-1col a{display:block;padding:5px;background-color:var(--primary-color);color:#000;text-decoration:none;border-radius:4px;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s,color .3s}.button-container a.dark-mode{background-color:var(--dark-mode-color);color:#fff}.p1{font-family:Arial,sans-serif}.dark-mode-toggle{margin-bottom:10px;display:flex-end;align-items:center}.dark-mode-toggle input[type=checkbox]{display:none}.dark-mode-toggle label{display:flex;align-items:center;width:48px;height:22px;background-color:#999;position:relative;border-radius:34px;cursor:pointer;transition:background-color 2s}.dark-mode-toggle label:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;top:1px;left:1px;background-color:#fff;transition:transform 2s}.dark-mode-toggle label .sun-icon{margin-right:2px}.dark-mode-toggle label .moon-icon{margin-left:2px}.dark-mode-toggle input:checked+label{background-color:#666}.dark-mode-toggle input:checked+label:after{transform:translate(24px)}.top-controls{position:absolute;top:0;left:0;right:0;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;z-index:1;background-color:none}.toggle-buttons-container{position:fixed;bottom:0;left:0;right:0;max-height:30vh;height:auto;display:flex;justify-content:center;align-items:center;z-index:1;background-color:none}img{display:block;margin-left:auto;margin-right:auto;transform:scale(.8)}.container{display:flex;align-items:center}input[type=number]{cursor:pointer;color:#333;background-color:#fff;font-size:18px;text-align:center;position:relative}input[type=number2]{cursor:pointer;color:#333;background-color:#fff;font-size:15px;width:5ch;text-align:center;position:relative}input[type="number#"]{cursor:pointer;color:#333;font-size:8pt;width:5ch;text-align:center;position:relative}input[type=number3]{cursor:pointer;color:#333;font-size:15px;width:18ch;text-align:center;position:relative}input[type=color]{cursor:pointer;color:#333;font-size:12px;width:7ch;max-height:22px;text-align:center;position:relative}input[type=text]{cursor:pointer;color:#333;background-color:#fff;font-size:18px;text-align:center;position:relative}input[type=text2]{cursor:pointer;color:#333;background-color:#fff;font-size:15px;width:100%;text-align:center;position:relative}input[type=text3]{cursor:pointer;color:#333;background-color:#fff;font-size:15px;width:18ch;text-align:center;position:relative}textarea{cursor:pointer;color:#333;background-color:#fff;font-size:15px;width:auto;text-align:center;position:relative;resize:vertical}input[type=radio]{width:auto;height:12px;font-size:12px}input[type=range]{padding:2px;margin-left:10%;margin-right:10%;width:80%;height:8;color:#333;accent-color:red}input[type=file]{padding:2px;margin-inline:2px;color:#818181}.box{cursor:pointer;color:#333;font-size:18px;border-radius:4px;text-align:center;position:relative}.box2{cursor:pointer;color:#333;font-size:12px;border-radius:4px;text-align:center;position:relative}.switch{position:relative;display:inline-block;width:48px;height:22px}.switch input{opacity:0;width:0;height:0}.switch-container{display:flex;align-items:center;font-size:10px}.switch-container label{margin-right:10px;font-size:10px}.slider{position:absolute;cursor:pointer;width:80%;inset:0;background-color:var(--primary-color);-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:1px;bottom:1px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#00a91c}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}button{padding:2px;background-color:var(--primary-color);color:#000;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s,color .3s;border:none;border-radius:4px;outline:none;box-shadow:none;width:25px;height:25px;margin-inline:5px;margin:2px;display:flex;align-items:center;justify-content:center}button img{width:24px;height:24px;object-fit:contain}button:hover{background-color:red}.button-1{padding-bottom:5px;padding-top:2px;padding-inline:10px;background-color:#b22222;color:#fff;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s,color .3s;border:none;border-radius:4px;outline:none;box-shadow:none;width:40px;height:18px;margin-top:0;text-align:center;text-decoration:none}.button-save1{padding-bottom:5px;padding-top:2px;padding-inline:10px;background-color:#006400;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;transition:background-color .3s,color .3s;border:none;border-radius:4px;outline:none;width:auto;height:auto;margin:2px;text-align:center;text-decoration:none;cursor:pointer}.button-save1:hover{background-color:#009600}.button-save2{padding-bottom:5px;padding-top:2px;padding-inline:10px;background-color:#d5d800;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;transition:background-color .3s,color .3s;border:none;border-radius:4px;outline:none;box-shadow:none;width:auto;height:auto;margin:2px;text-align:center;text-decoration:none;cursor:pointer}.button-save2:hover{background-color:#ff0}.button-save3{padding-bottom:5px;padding-top:2px;padding-inline:10px;background-color:#891000;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;transition:background-color .3s,color .3s;border:none;border-radius:4px;outline:none;box-shadow:none;width:auto;height:auto;margin:2px;text-align:center;text-decoration:none;cursor:pointer}.button-save3:hover{background-color:#be0000}.button-norm{padding-bottom:5px;padding-top:2px;padding-inline:10px;background-color:var(--primary-color);color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;transition:background-color .3s,color .3s;border:none;border-radius:4px;outline:none;box-shadow:none;width:auto;height:auto;margin:2px;text-align:center;text-decoration:none;cursor:pointer}.button-norm:hover{background-color:#585858}.button-norm-red{padding-bottom:5px;padding-top:2px;padding-inline:10px;background-color:red;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;transition:background-color .3s,color .3s;border:none;border-radius:4px;outline:none;box-shadow:none;width:auto;height:auto;margin:2px;text-align:center;text-decoration:none;cursor:pointer}.button-norm-red:hover{background-color:#b00}.button-bug{padding-bottom:10px;padding-top:8px;padding-inline:10px;background-color:red;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:15px;transition:background-color .3s,color .3s;display:block;margin:0 auto;text-align:center;border:none;border-radius:8px;outline:none;box-shadow:none;width:auto;height:auto}.button-notinuse{background-color:#585858;background-image:linear-gradient(135deg,#585858 48%,red 48% 52%,#585858 52% 100%);color:red;font-family:Arial,Helvetica,sans-serif;border-radius:4px;border:none;width:40px;height:18px;margin-inline:2px;text-decoration:none;padding-left:2px;padding-right:2px;display:none}input[type=color]{border:none;border-width:1px;-webkit-appearance:none;appearance:none;border-radius:0}.spacer{flex-grow:1}.accordion{background-color:var(--primary-color);color:var(--dark-mode-color);cursor:pointer;padding:5px;margin-right:10px;margin-left:10px;width:92%;text-align:center;border:none;outline:none;transition:.4s}.active,.accordion:hover{background-color:red}.accordion:after{content:"➕";font-size:8px;color:#600;float:right;margin-left:5px}.active:after{content:"➖"}.panel{padding:5px;background-color:none;color:none;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s,color .3s;border-radius:4px;margin-left:5px;margin-right:5px;border:none;display:none;overflow:hidden}.panel2{padding:5px;background-color:none;color:none;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s,color .3s;border-radius:4px;margin-left:5px;margin-right:5px;border:none;display:none}.chart-container{height:400px;width:100%;overflow:visible}.modebar{display:static!important;overflow-x:visible!important;justify-content:center;align-items:center;width:auto!important;height:auto!important;background:none!important}.modebar-btn svg{height:14px!important;width:14px!important}.modebar-btn{height:16px!important;width:16px!important;background:none!important;margin:0 2px}.radio-buttons-custom input[type=radio],.toggle-buttons-custom input[type=checkbox],.hidden-file-input{display:none}.file-import-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:10px 0}.file-import-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.file-import-btn:hover{transform:scale(1.05)}.file-import-btn img{width:24px;height:24px}body.dark-mode .file-import-btn:hover{background-color:red}.icon-button{display:inline-flex;width:24px;height:24px;background-color:var(--primary-color);border:none;border-radius:4px;text-align:center;font-size:18px;line-height:22px;cursor:pointer;color:var(--dark-mode-color);margin:2px}.icon-button:before{content:attr(data-content);display:block;width:100%;height:100%;background-size:cover}.radio-buttons-custom input[type=radio]:checked+.icon-button{background-color:red}.toggle-buttons-custom input[type=checkbox]:checked+.icon-button{background-color:red;border-color:red;margin-right:2px;margin-left:2px}.icon{width:20px;height:20px;text-align:center;font-size:22px;cursor:pointer;color:var(--dark-mode-color);margin:2px}.sidenav-Right{height:100%;width:0;position:fixed;z-index:20;top:0;right:0;background-color:#cecece;overflow-x:hidden;padding-top:0;margin-right:0;margin-left:0;transition:.5s;border:var(--primary-color);border-style:solid;border-width:1px}.sidenav-Right.dark-mode{background-color:var(--dark-mode-color);color:#cecece}.sidenav-Right a{padding:0;text-decoration:none;font-size:14px;color:var(--primary-color);display:block;transition:.3s}.sidenav-Right a:hover{color:red}.sidenav-Right .closebtnR{position:absolute;top:0;left:20px;font-size:36px;margin-right:0}.sidenav-Left{height:100%;width:0;position:fixed;z-index:20;top:0;left:0;background-color:#cecece;overflow-x:hidden;padding-top:0;margin-right:0;margin-left:0;transition:.5s;border:var(--primary-color);border-style:solid;border-width:1px}.sidenav-Left.dark-mode{background-color:var(--dark-mode-color);color:#cecece}.sidenav-Left a{padding:0;text-decoration:none;font-size:14px;color:var(--primary-color);display:block;transition:.3s}.sidenav-Left a:hover{color:red}.sidenav-Left .closebtnL{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.resize-handle-right{width:5px;height:100%;background:#555;cursor:ew-resize;position:absolute;left:0;top:0;z-index:100!important}.resize-handle-left{width:5px;height:100%;background:#555;cursor:ew-resize;position:absolute;right:0;top:0}#main{transition:margin-left .5s;padding:20px}.containerSideNav{font-size:22px;cursor:pointer}.swal2-popup{width:auto!important;min-width:32em!important;max-width:95%!important;padding:1.5em!important;background-color:#333;color:#fff}.swal2-popup pre{white-space:pre-wrap;word-break:break-all}.swal2-html-container{max-width:100%!important}.swal2-title,.swal2-icon,.swal2-content{color:#fff}.button-container-2col .swal2-select,.button-container-2col .swal2-input{width:100%!important;box-sizing:border-box}.swal2-popup .dropdown-80{width:100%;min-width:0;max-width:100%;margin:0 auto;display:block;box-sizing:border-box}.swal2-popup .button-container-2col select.dropdown-80{flex:1 1 100%}.swal2-popup .button-container-2col{display:grid;grid-template-columns:160px 1fr;column-gap:10px;row-gap:6px;align-items:center;width:100%;margin-top:6px}.swal2-popup .button-container-4col{display:grid;grid-template-columns:100px 1fr 100px 1fr;column-gap:2px;row-gap:2px;align-items:right;width:100%;margin-top:2px}.swal2-popup .button-container-6col{display:grid;grid-template-columns:100px 1fr 100px 1fr 100px 1fr;column-gap:2px;row-gap:2px;align-items:right;width:100%;margin-top:2px}.swal2-popup .labelWhite12{font-size:12px;font-family:sans-serif;color:#fff;line-height:1.3;margin:2px 0;white-space:nowrap}.swal2-popup .labelWhite15{font-size:15px;font-family:sans-serif;color:#fff;line-height:1.3;margin:2px 0;white-space:nowrap}.swal2-popup .labelWhite16{font-size:16px;font-family:sans-serif;color:#fff;line-height:1.3;margin:2px 0;white-space:nowrap}.swal2-popup .labelWhite18{font-size:18px;font-family:sans-serif;color:#fff;line-height:1.3;margin:2px 0;white-space:nowrap}.swal2-popup .swal2-select,.swal2-popup .swal2-input{font-size:12px;height:28px;padding:3px 6px;width:150px;border-radius:4px;background-color:#fff;color:#000;border:1px solid #999;appearance:none;box-sizing:border-box}.confirm[type=button]{width:100px;height:40px;background-color:#00a91c;color:#fff;text-align:center}.cancel[type=button]{width:100px;height:40px;color:#fff;background-color:#980000;text-align:center}.deny[type=button]{width:100px;height:40px;color:#1f1f1f;background-color:#ff9d00;text-align:center}.option1[type=button]{width:100px;height:40px;color:#1f1f1f;background-color:#42a4bf;text-align:center}.option2[type=button]{width:100px;height:40px;color:#1f1f1f;background-color:#6c52a5;text-align:center}.custom-popup-container{background-color:#333;border:1px solid #555}.custom-popup-container.dark-mode .dropdown{background-color:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:4px;margin:4px;width:100%;box-sizing:border-box}.slider-container{position:relative}.slider-button{position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--primary-color);border:none;cursor:pointer}.slider-button:hover{background-color:red}.slider-button:active{background-color:#888}.slider-button:first-of-type{left:0}.slider-button:last-of-type{right:0}.button-container-3flexcol{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}.button-container-2coleven{display:grid;grid-template-columns:50% 50%;gap:2px;align-items:center;text-align:center}.navbar{background-color:var(--primary-color);overflow:hidden}.navbar a{float:left;display:inline-flex;color:#fff;text-align:center;padding:10px;text-decoration:none}.navbar a:hover{background-color:red;color:var}.section{padding:20px}.section-heading{color:#c10000}.image-container1{width:100vw;height:200px}.image-container1 img{width:100%;height:100%;display:block;object-fit:cover}.image-container2{width:90vw;height:auto;display:block}.image-container2 img{width:100%;height:auto;display:block;object-fit:cover;border-radius:10px;max-width:80%}.image-container3{width:70vw;height:auto;display:block}.image-container3 img{width:70%;height:auto;display:block;object-fit:cover;border-radius:10px;max-width:70%}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--primary-color);padding:5px;text-align:left;font-size:12px}th{background-color:#444;color:#fff}td{background-color:#ddd;color:#000}.dark-mode td{color:#000}label{font-family:var(--default-font);font-size:18px;text-align:left;position:relative}.label{padding-bottom:5px;padding-top:2px;padding-inline:10px;background-color:var(--primary-color);color:var(--light-mode-text);font-family:var(--default-font);font-size:12px;transition:background-color .3s,color .3s;border:none;border-radius:4px;outline:none;box-shadow:none;width:auto;height:auto;margin:2px;text-align:center;text-decoration:none}.labelWhite18{font-family:var(--default-font);font-size:18px;text-align:left;color:var(--dark-mode-text);position:relative}.labelWhite12{font-family:var(--default-font);font-size:12px;text-align:center;color:var(--dark-mode-text);position:relative}.labelWhite12c{font-family:var(--default-font);font-size:12px;text-align:left;color:var(--dark-mode-text);position:relative}.labelbig{font-family:var(--default-font);font-size:25px;text-align:center;position:relative;padding:2px;margin-inline:2px}.label2{font-family:var(--default-font);font-size:12px;text-align:left;position:relative}.label3{font-family:var(--default-font);font-size:10px;text-align:center;position:relative;padding:2px;margin-inline:2px}.label4{font-family:var(--default-font);font-size:14px;text-align:center;position:relative;padding:2px;margin-inline:2px}.label4:hover,.label4:focus{background-color:var(--mouseover-color)}.label5{font-family:var(--default-font);font-size:10px;text-align:left;position:relative;padding:2px;margin-inline:2px}.labelleft{font-family:var(--default-font);font-size:12px;text-align:left;position:relative;padding:2px;margin-inline:2px}.label-transparent{font-family:var(--default-font);font-size:12px;position:relative;padding:2px;margin-inline:2px;background-color:none;color:var(--light-mode-text);border:none;border-radius:4px;outline:none;box-shadow:none;width:auto;height:auto;margin:2px;text-align:center;text-decoration:none;cursor:pointer}.label-transparent .dark-mode{background-color:none;color:var(--dark-mode-text)}.label4:hover,.label4:focus{background-color:red}.labelleft{font-family:Arial,Helvetica,sans-serif;font-size:12px;text-align:left;position:relative;padding:2px;margin-inline:2px}.tree-panel{position:fixed;top:70px;right:20px;width:300px;height:400px;background-color:#ffffffe6;border:1px solid var(--light-mode-border);border-radius:6px;box-shadow:0 4px 12px #00000026;font-family:var(--default-font);font-size:11px;z-index:1000;display:flex;flex-direction:column;resize:both;overflow:hidden;min-width:150px;min-height:40px}body.dark-mode .tree-panel{background-color:#323232e6;border-color:var(--dark-mode-border);color:var(--dark-mode-text)}.tree-panel-header{background-color:var(--primary-color);color:#fff;padding:8px 12px;cursor:move;font-size:12px;font-weight:700;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.tree-panel-controls{display:flex;gap:4px}.tree-panel-btn{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:3px;opacity:.8}.tree-panel-btn:hover{opacity:1;background-color:#fff3}.tree-panel-content{flex:1;overflow-y:auto;padding:8px}.tree-view,.tree-node{list-style:none;margin:0;padding:0}.tree-item{display:flex;align-items:center;padding:4px 6px;cursor:pointer;border-radius:3px;font-size:11px;line-height:1.3;-webkit-user-select:none;user-select:none;position:relative}.tree-item[data-node-id*=-element-] .tree-icon{width:0px;margin-right:0;display:none}.tree-item:hover{background-color:#8082841a}.tree-item.selected{background-color:var(--selected-color);color:#fff}.tree-item.multi-selected{background-color:#ff55554d}body.dark-mode .tree-item:hover{background-color:#d9d9d91a}.tree-item.hidden-node{opacity:.5!important;font-style:italic}.tree-item.hidden-node .tree-label{text-decoration:line-through;color:#666}body.dark-mode .tree-item.hidden-node .tree-label{color:#999}.tree-icon{width:18px;height:18px;margin-right:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px}.tree-expand{width:18px;height:18px;margin-right:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--light-mode-text)}body.dark-mode .tree-expand{color:var(--dark-mode-text)}.tree-expand:before{content:"▶";transition:transform .2s}.tree-expand.expanded:before{transform:rotate(90deg)}.tree-expand.leaf{width:8px}.tree-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin-right:4px}.tree-meta{font-size:10px;color:#666;flex-shrink:0;margin-left:auto;margin-right:1px;text-align:right;box-sizing:border-box;overflow:visible}body.dark-mode .tree-meta{color:#999}.tree-item{padding-right:16px;box-sizing:border-box;overflow:visible}.tree-children{list-style:none;margin:0;padding-left:16px;display:none}.tree-children.expanded{display:block}.tree-context-item[data-action=hide] span:first-child:before{background-image:url(../icons/eye-closed.png);width:18px;height:18px;display:inline-block;background-size:contain;background-position:center;content:""}.tree-context-item[data-action=show] span:first-child:before{background-image:url(../icons/eye.png);width:18px;height:18px;display:inline-block;background-size:contain;background-position:center;content:""}.tree-context-item[data-action=properties] span:first-child:before{background-image:url(../icons/settings.png);width:18px;height:18px;display:inline-block;background-size:contain;background-position:center;content:""}.tree-context-item[data-action=delete] span:first-child:before{background-image:url(../icons/trash.png);width:18px;height:18px;display:inline-block;background-size:contain;background-position:center;content:""}.tree-context-item[data-action=reset-connections] span:first-child:before{background-image:url(../icons/replace.png);width:18px;height:18px;display:inline-block;background-size:contain;background-position:center;content:""}.tree-context-item[data-action=rename] span:first-child:before{background-image:url(../icons/writing-sign.png);width:18px;height:18px;display:inline-block;background-size:contain;background-position:center;content:""}.tree-icon:before{width:18px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;content:""}.tree-icon.blast:before{background-image:url(../icons/grain.png)}.tree-icon.entity:before{background-image:url(../icons/pattern.png)}.tree-icon.hole:before{background-image:url(../icons/holename.png)}.tree-icon.drawing:before{background-image:url(../icons/triangle-square-circle.png)}.tree-icon.points:before{background-image:url(../icons/dots-diagonal-2.png)}.tree-icon.line:before{background-image:url(../icons/stairs.png)}.tree-icon.polygon:before{background-image:url(../icons/square-rotated.png)}.tree-icon.circle:before{background-image:url(../icons/circle.png)}.tree-icon.text:before{background-image:url(../icons/text-resize.png)}.tree-icon.surface:before{background-image:url(../icons/solar-panel-2.png)}.tree-icon.image:before{background-image:url(../icons/TIF-image.png)}.tree-icon.property:before{background-image:url(../icons/rings.png)}.tree-icon.points-folder:before{background-image:url(../icons/dots-diagonal-2.png)}.tree-icon.lines-folder:before{background-image:url(../icons/stairs.png)}.tree-icon.polygons-folder:before{background-image:url(../icons/square-rotated.png)}.tree-icon.circle-folder:before{background-image:url(../icons/circle.png)}.tree-icon.text-folder:before{background-image:url(../icons/text-resize.png)}.tree-icon.surface-folder:before{background-image:url(../icons/solar-panel-2.png)}.tree-icon.image-folder:before{background-image:url(../icons/TIF-image.png)}.tree-context-menu{position:fixed;background-color:var(--light-mode-canvas);border:1px solid var(--light-mode-border);border-radius:4px;box-shadow:0 2px 8px #00000026;padding:4px 0;font-size:11px;z-index:2000;min-width:120px;display:none}body.dark-mode .tree-icon:before,body.dark-mode .tree-context-item span:first-child:before,body.dark-mode .tree-context-item[data-action=hide] span:first-child:before,body.dark-mode .tree-context-item[data-action=show] span:first-child:before,body.dark-mode .tree-context-item[data-action=properties] span:first-child:before,body.dark-mode .tree-context-item[data-action=delete] span:first-child:before,body.dark-mode .tree-context-item[data-action=rename] span:first-child:before,body.dark-mode .tree-context-item[data-action=reset-connections] span:first-child:before{filter:invert(1)}body.dark-mode .tree-context-menu{background-color:var(--dark-mode-color);border-color:var(--dark-mode-border)}.tree-context-item{padding:6px;cursor:pointer;display:flex;align-items:center;white-space:nowrap;min-width:120px;gap:4px}.tree-context-item:hover{background-color:var(--primary-color);color:#fff}.tree-context-separator{height:1px;background-color:var(--light-mode-border);margin:4px 0}body.dark-mode .tree-context-separator{background-color:var(--dark-mode-border)}.tree-panel.collapsed{width:60px;height:26px;resize:none}.tree-panel.collapsed .tree-panel-content{display:none}.tree-panel-content::-webkit-scrollbar{width:8px}.tree-panel-content::-webkit-scrollbar-track{background:transparent}.tree-panel-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.tree-panel-content::-webkit-scrollbar-thumb:hover{background:#606060}.color-swatch{display:inline-block!important;width:18px!important;height:18px!important;border:1px solid #666!important;border-radius:3px!important;margin-right:8px!important;cursor:pointer!important;vertical-align:middle!important;transition:border-color .2s,transform .1s!important;box-sizing:border-box!important;flex-shrink:0!important}.color-swatch:hover{border-color:#999!important;transform:scale(1.1)!important}body.dark-mode .color-swatch{border-color:#888!important}body.dark-mode .color-swatch:hover{border-color:#bbb!important}@media (max-width: 1024px){html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}:root{--vh: 1vh}.menubar{height:60px;font-size:10px;flex-wrap:wrap;align-items:center;padding:4px 6px;gap:2px}.main-content{position:absolute;top:60px;left:0;right:0;height:calc((var(--vh, 1vh) * 100) - 60px);overflow:hidden}.canvas-container,canvas#canvas{width:100vw;height:100%;max-height:100%;max-width:100vw;margin:0;padding:0;overflow:hidden}.toggle-buttons-container{position:fixed;bottom:0;left:0;right:0;max-height:20vh;height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#fff0;z-index:1000;overflow-y:auto;padding:4px}.menu-title,.labelbig{font-size:20px;padding:2px 4px}}.floating-dialog{position:fixed;background-color:var(--light-mode-canvas);border:1px solid var(--light-mode-border);border-radius:4px;box-shadow:0 2px 8px #00000026;color:var(--light-mode-text);font-family:sans-serif;display:flex;flex-direction:column;font-size:12px;z-index:10000;min-width:300px;min-height:150px;max-height:90vh;resize:both;overflow:hidden}body.dark-mode .floating-dialog{background-color:var(--dark-mode-color);border-color:var(--dark-mode-border);color:var(--dark-mode-text);box-shadow:0 2px 8px #00000080}.floating-dialog-header{background-color:var(--primary-color);border-bottom:1px solid var(--light-mode-border);padding:4px 8px;border-radius:4px 4px 0 0;display:flex;justify-content:space-between;align-items:center;cursor:move;font-size:12px;font-weight:700;color:var(--dark-mode-text);flex-shrink:0!important}body.dark-mode .floating-dialog-header{background-color:var(--dark-mode-border);border-bottom-color:var(--dark-mode-border);color:var(--dark-mode-text)}.floating-dialog-content{padding:8px;flex:1;overflow-y:auto;font-size:12px;min-height:60px}.floating-dialog-footer{padding:4px 8px;border-top:1px solid var(--light-mode-border);display:flex;justify-content:flex-end;gap:6px;font-size:12px;background-color:transparent;min-height:32px;flex-shrink:0}body.dark-mode .floating-dialog-footer{border-top-color:var(--dark-mode-border)}.floating-dialog-btn{padding:4px 8px;border:1px solid var(--light-mode-border);border-radius:3px;cursor:pointer;font-size:11px;min-width:60px;transition:all .2s ease;background-color:transparent;color:var(--light-mode-text)!important}body.dark-mode .floating-dialog-btn{border-color:var(--dark-mode-border)!important;color:var(--dark-mode-text)!important}.floating-dialog-btn.confirm{background-color:#00a91c!important;color:#fff!important;border-color:#00a91c!important}.floating-dialog-btn.confirm:hover{background-color:#008f17!important}.floating-dialog-btn.cancel{background-color:transparent!important}.floating-dialog-btn.cancel:hover{background-color:red!important;color:#fff!important}.floating-dialog .button-container-2col{display:grid;grid-template-columns:140px 1fr;column-gap:8px;row-gap:4px;width:100%;margin-top:4px}.floating-dialog .button-container-2col>*:nth-child(odd){justify-self:start}.floating-dialog .button-container-2col>*:nth-child(2n){justify-self:stretch;width:100%;margin-right:4px}.floating-dialog-compact .button-container-2col{grid-template-columns:120px minmax(0,1fr)!important;row-gap:6px!important;align-items:center!important;overflow:hidden!important}.floating-dialog-compact .button-container-2col>*:nth-child(2n){margin-right:8px!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.floating-dialog-wide .button-container-2col{grid-template-columns:180px 1fr!important;row-gap:6px!important}.floating-dialog-wide .button-container-2col>*:nth-child(2n){margin-right:6px!important}.floating-dialog .labelWhite15{font-size:12px;font-family:sans-serif;color:var(--light-mode-text)!important;line-height:1.2;margin:0;white-space:nowrap;text-align:left;overflow:hidden;text-overflow:ellipsis;padding-right:4px}body.dark-mode .floating-dialog .labelWhite15{color:var(--dark-mode-text)!important}.floating-dialog .labelWhite12{font-size:11px;font-family:sans-serif;color:var(--light-mode-text)!important;line-height:1.2;margin:0;white-space:nowrap;text-align:left;overflow:hidden;text-overflow:ellipsis;padding-right:4px}body.dark-mode .floating-dialog .labelWhite12{color:var(--dark-mode-text)!important}.floating-dialog input[type=text],.floating-dialog input[type=number],.floating-dialog-select{font-size:11px!important;height:20px!important;padding:2px 4px!important;width:calc(100% - 8px)!important;max-width:200px!important;min-width:80px!important;border-radius:3px!important;background-color:#fff!important;color:#000!important;border:1px solid #999!important;appearance:none!important;box-sizing:border-box!important;margin-right:4px!important}.floating-dialog-compact input[type=text],.floating-dialog-compact input[type=number],.floating-dialog-compact .floating-dialog-select{padding:2px 6px!important;width:calc(100% - 12px)!important;max-width:180px!important;margin-right:8px!important}.floating-dialog input[type=button][data-jscolor]{width:24px!important;height:20px!important;border:1px solid #666!important;border-radius:3px!important;cursor:pointer!important;margin:0!important;padding:0!important;appearance:none!important;box-sizing:border-box!important;transition:border-color .2s,transform .1s!important}.floating-dialog input[type=button][data-jscolor]:hover{border-color:#999!important;transform:scale(1.05)!important}body.dark-mode .floating-dialog input[type=button][data-jscolor]{border-color:#888!important}body.dark-mode .floating-dialog input[type=button][data-jscolor]:hover{border-color:#bbb!important}.jscolor-picker-wrap,.jscolor-picker{z-index:20000!important}.floating-dialog input[type=checkbox]{width:14px!important;height:14px!important;margin:0!important;padding:0!important;border:1px solid #999!important;border-radius:2px!important;background-color:#fff!important;-moz-appearance:none!important;-webkit-appearance:none!important;appearance:none!important;position:relative!important;cursor:pointer!important}.floating-dialog input[type=checkbox]:checked{background-color:var(--selected-color)!important;border-color:var(--selected-color)!important}.floating-dialog input[type=checkbox]:checked:after{content:"✓"!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;color:#fff!important;font-size:10px!important;font-weight:700!important;line-height:1!important}.floating-dialog .checkbox-row{display:grid!important;grid-template-columns:60% 40%!important;column-gap:8px!important;row-gap:4px!important;align-items:center!important;width:100%!important;margin-top:4px!important}.floating-dialog .checkbox-row label{font-size:11px!important;font-family:sans-serif!important;color:var(--light-mode-text)!important;line-height:1.2!important;margin:0!important;text-align:left!important;overflow:hidden!important;text-overflow:ellipsis!important;padding-right:0!important}body.dark-mode .floating-dialog .checkbox-row label{color:var(--dark-mode-text)!important}.floating-dialog .checkbox-row input[type=checkbox]{justify-self:center!important;margin-left:0!important}@media (max-width: 768px){.floating-dialog{width:90vw!important;left:5vw!important;right:5vw!important}.floating-dialog .button-container-2col,.floating-dialog .checkbox-row{grid-template-columns:1fr;row-gap:4px}.floating-dialog input[type=text],.floating-dialog input[type=number],.floating-dialog select{width:100%}}.toolbar-panel{position:fixed;top:70px;left:20px;width:90px;height:auto;max-height:90vh;background-color:#fffffff2;border:1px solid var(--light-mode-border);border-radius:6px;box-shadow:0 4px 12px #00000026;font-family:var(--default-font);font-size:11px;z-index:1000;display:flex;flex-direction:column;resize:both;overflow:hidden;min-width:90px;min-height:40px}body.dark-mode .toolbar-panel{background-color:#323232f2;border-color:var(--dark-mode-border);color:var(--dark-mode-text)}.toolbar-panel-content{flex:1;overflow-y:auto;padding:8px 1px;overflow-y:scroll}.toolbar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;align-items:center}.toolbar-panel-content::-webkit-scrollbar{width:6px}.toolbar-panel-content::-webkit-scrollbar-track{background:transparent}.toolbar-panel-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.toolbar-panel-content:hover::-webkit-scrollbar-thumb{background:#0000004d}body.dark-mode .toolbar-panel-content::-webkit-scrollbar-thumb{background:#fff3}body.dark-mode .toolbar-panel-content:hover::-webkit-scrollbar-thumb{background:#ffffff4d}.toolbar-grid .label2{grid-column:1 / -1;text-align:center}.toolbar-grid .icon-button{width:26px;height:26px}.toolbar-grid .single{grid-column:1 / -1;justify-self:center}.toolbar-grid input[type=number2]{width:80%;text-align:center}.toolbar-grid input[type=number2]:hover{border-color:red;border-width:2px;box-shadow:0 0 4px #ff000080}.toolbar-grid input[type="number#"]{width:80%;text-align:center;font-size:8pt}.toolbar-grid input[type="number#"]:hover{border-color:red;border-width:2px;box-shadow:0 0 4px #ff000080}.toolbar-grid input[type=button][data-jscolor],#floatingConnectorColor{grid-column:1 / -1;width:80%;height:24px;border:1px solid var(--light-mode-border);border-radius:4px!important;margin:2px auto;cursor:pointer;justify-self:center;transition:all .2s ease}.toolbar-grid input[type=button][data-jscolor].color-with-input,#floatingConnectorColor.color-with-input{grid-column:1 / 2;width:calc(100% - 4px);justify-self:center}.toolbar-grid input[type=button][data-jscolor]:hover,#floatingConnectorColor:hover{border-color:red;border-width:2px;box-shadow:0 0 4px #ff000080}.toolbar-panel input[type=checkbox]{display:none}.toolbar-panel.collapsed{width:60px!important;height:40px!important;resize:none}.toolbar-panel.collapsed .toolbar-panel-content{display:none}#floating-toolbar{display:none!important}.toolbar-grid input[type=checkbox]:checked+.icon-button,.toolbar-grid input[type=checkbox]:checked+.toggle-buttons-custom{background-color:var(--selected-colour, #ff4444)!important;border-width:2px;border-color:red!important;box-shadow:inset 0 2px 4px #0000004d}.toolbar-grid input[type=checkbox]:checked+.icon-button:hover,.toolbar-grid input[type=checkbox]:checked+.toggle-buttons-custom:hover{background-color:var(--selected-colour, #ff4444)!important;border-width:2x;border-color:red!important;box-shadow:inset 0 2px 4px #0000004d,0 0 4px #ff000080}body.dark-mode .toolbar-grid input[type=checkbox]:checked+.icon-button,body.dark-mode .toolbar-grid input[type=checkbox]:checked+.toggle-buttons-custom{background-color:var(--selected-colour, #ff4444)!important;border-width:2px;border-color:red!important}body.dark-mode .toolbar-grid input[type=checkbox]:checked+.icon-button:hover,body.dark-mode .toolbar-grid input[type=checkbox]:checked+.toggle-buttons-custom:hover{background-color:var(--selected-colour, #ff4444)!important;border-width:2px;border-color:red!important}.toolbar-grid .icon-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.toolbar-grid .icon-button:hover{border-color:red!important;border-width:2px;box-shadow:0 0 5px #ff0000b3}.toolbar-grid input[type=radio]{display:none}.toolbar-grid input[type=radio]+.toggle-buttons-custom{display:flex;flex-direction:column;align-items:center;justify-content:center;width:24px;height:10px;padding:2px;border:1px solid #666;border-radius:4px;background-color:#333;color:#fff;cursor:pointer;transition:all .2s ease;font-size:10px;line-height:1;text-align:center}.toolbar-grid input[type=radio]:checked+.toggle-buttons-custom{background-color:var(--selected-colour, #ff4444);border-color:red;border-width:1px;color:#fff}.toolbar-grid input[type=radio]+.toggle-buttons-custom:hover{border-color:#999;background-color:#444}.toolbar-grid input[type=radio]:checked+.toggle-buttons-custom:hover{background-color:var(--selected-colour, #ff4444);border-color:red;box-shadow:0 0 5px #ff0000b3}body.dark-mode .toolbar-grid input[type=radio]+.toggle-buttons-custom{background-color:#2a2a2a;border-color:#555;color:#ddd}body.dark-mode .toolbar-grid input[type=radio]:checked+.toggle-buttons-custom{background-color:var(--selected-colour, #ff4444);border-color:red;color:#fff}body.dark-mode .toolbar-grid input[type=radio]+.toggle-buttons-custom:hover{background-color:#3a3a3a;border-color:#777}body.dark-mode .toolbar-grid input[type=radio]:checked+.toggle-buttons-custom:hover{background-color:var(--selected-colour, #ff4444);border-color:red;box-shadow:0 0 5px #ff0000b3}.toolbar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;align-items:center;justify-items:center;padding:0 4px}.toolbar-grid .single{grid-column:1 / -1;width:calc(100% - 8px);max-width:70px}.toolbar-grid .color-with-input{grid-column:1 / 2;width:calc(100% - 4px);height:24px;border:1px solid var(--light-mode-border);border-radius:4px!important;margin:2px;cursor:pointer;justify-self:center}.toolbar-grid .input-with-color{grid-column:2 / 3;width:calc(100% - 4px);text-align:center;justify-self:center;margin:2px}.toolbar-grid .icon-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toolbar-grid .icon-button img{width:24px;height:24px;object-fit:contain}#toolbarPanel.toolbar-panel.sidebar-open{left:350px!important;transition:left .5s ease}@media (max-width: 1024px){#toolbarPanel.toolbar-panel.sidebar-open{left:20px!important}}.toolbar-panel{transition:left .5s ease,width .5s ease,height .5s ease}#contourOverlay{position:absolute!important;pointer-events:none!important;z-index:10!important}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;font-family:Consolas,Monaco,Courier New,monospace;font-size:8pt}.hud-panel{position:absolute;pointer-events:auto;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.9),-1px -1px 2px rgba(0,0,0,.9),1px -1px 2px rgba(0,0,0,.9),-1px 1px 2px rgba(0,0,0,.9);line-height:1.5}.hud-status{top:6px;left:50%;transform:translate(-50%);text-align:center;background:#000000bf;padding:6px 12px;border-radius:4px;max-width:80%;white-space:pre-wrap}.hud-status-info{background:#0050a0d9;border:1px solid rgba(0,120,255,.5)}.hud-status-success{background:#007828d9;border:1px solid rgba(0,200,80,.5)}.hud-status-warning{background:#b47800d9;border:1px solid rgba(255,180,0,.5)}.hud-status-error{background:#b42828d9;border:1px solid rgba(255,80,80,.5)}.hud-status-selection{background:#ff0096d9;border:none}.hud-status-tooltip{background:#3c3c3cd9;border:1px solid rgba(120,120,120,.5)}.hud-stats{bottom:10px;left:10px;background:transparent;padding:0}.hud-legend{top:60px;left:8px;background:transparent;padding:0;display:flex;flex-direction:column;gap:6px}.hud-legend-section{background:#000000bf;padding:4px 8px;border-radius:4px}.hud-legend-title{font-weight:700;font-size:8pt;margin-bottom:2px;padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.3)}.hud-legend-item{display:flex;align-items:center;gap:4px;line-height:1.1}.hud-legend-label{min-width:45px;font-size:7pt}.hud-legend-color{width:30px;height:10px;border:1px solid rgba(255,255,255,.4)}.hud-legend-voronoi{min-width:70px}.hud-legend-gradient-container{display:flex;gap:4px;align-items:stretch}.hud-legend-gradient{width:16px;height:100px;border:1px solid rgba(255,255,255,.4)}.hud-legend-gradient-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:7pt}.hud-surface-legend{top:250px;left:8px;background:#000000b3;padding:8px 12px;border-radius:6px}.hud-surface-legend-title{font-weight:700;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.3)}.hud-surface-legend-items{display:flex;flex-direction:column;gap:4px}.hud-surface-legend-item{display:flex;align-items:center;gap:8px;font-size:8pt}.hud-surface-name{font-weight:700}.hud-surface-range{opacity:.8}.hud-surface-color{width:16px;height:16px;border:1px solid rgba(255,255,255,.5);border-radius:2px}.hud-legend-surfaces{min-width:80px}.hud-legend-surfaces-container{display:flex;flex-direction:column;gap:8px}.hud-legend-surface-entry{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.15)}.hud-legend-surface-entry:last-child{border-bottom:none;padding-bottom:0}.hud-legend-surface-name{font-weight:700;font-size:8pt;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.hud-legend-gradient-name{font-size:7pt;opacity:.6;margin-top:1px}.hud-legend-gradient-container.hud-legend-compact{display:flex;gap:4px;align-items:stretch}.hud-legend-compact .hud-legend-gradient{width:14px;height:60px}.hud-legend-compact .hud-legend-gradient-labels{font-size:6pt;justify-content:space-between;align-items:flex-end}.hud-legend-label-mid{opacity:.7}.hud-legend-color-swatch{width:14px;height:24px;border:1px solid rgba(255,255,255,.4);border-radius:2px}body:not(.dark-mode) .hud-legend-color-swatch{border-color:#0006}.hud-ruler-panel{position:fixed;display:none;background:#003c3cf2;border:2px solid #00cccc;border-radius:6px;padding:8px 12px;font-size:12px;font-family:Consolas,Monaco,Courier New,monospace;color:#0cc;z-index:1000;min-width:180px;box-shadow:0 2px 8px #00000080;pointer-events:none}.ruler-row{display:flex;justify-content:space-between;margin-bottom:4px;gap:12px}.ruler-row:last-child{margin-bottom:0}.ruler-label{color:#6dd;font-weight:400}.ruler-value{color:#fff;font-weight:700}.hud-protractor-panel{position:fixed;display:none;background:#3c003cf2;border:2px solid #cc00cc;border-radius:6px;padding:8px 12px;font-size:12px;font-family:Consolas,Monaco,Courier New,monospace;color:#c0c;z-index:1000;min-width:160px;box-shadow:0 2px 8px #00000080;pointer-events:none}.protractor-row{display:flex;justify-content:space-between;margin-bottom:4px;gap:12px}.protractor-row:last-child{margin-bottom:0}.protractor-label{color:#d6d;font-weight:400}.protractor-value{color:#fff;font-weight:700}body:not(.dark-mode) .hud-ruler-panel{background:#dcfffff2;border-color:#066;color:#044}body:not(.dark-mode) .ruler-label{color:#066}body:not(.dark-mode) .ruler-value{color:#033}body:not(.dark-mode) .hud-protractor-panel{background:#ffdcfff2;border-color:#606;color:#404}body:not(.dark-mode) .protractor-label{color:#606}body:not(.dark-mode) .protractor-value{color:#303}.hud-tooltip-panel{position:fixed;display:none;background:#1e1e28f2;border:1px solid rgba(100,100,120,.8);border-radius:6px;padding:8px 10px;font-size:11px;font-family:Consolas,Monaco,Courier New,monospace;color:#e0e0e0;z-index:1000;min-width:140px;max-width:250px;box-shadow:0 4px 12px #0006;pointer-events:none}.tooltip-header{font-weight:700;font-size:12px;color:#0cf;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(100,100,120,.5)}.tooltip-section{margin-bottom:6px}.tooltip-section:last-child{margin-bottom:0}.tooltip-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:2px}.tooltip-row:last-child{margin-bottom:0}.tooltip-label{color:#88a;flex-shrink:0}.tooltip-value{color:#fff;font-weight:500;text-align:right}body:not(.dark-mode) .hud-tooltip-panel{background:#fffffff2;border-color:#6464784d;color:#333}body:not(.dark-mode) .tooltip-header{color:#06a;border-bottom-color:#6464784d}body:not(.dark-mode) .tooltip-label{color:#666}body:not(.dark-mode) .tooltip-value{color:#000}.hud-drawing-distance-panel{position:fixed;display:none;background:#283c28f2;border:2px solid #00cc66;border-radius:6px;padding:4px 8px;font-size:11px;font-family:Consolas,Monaco,Courier New,monospace;color:#0c6;z-index:1000;min-width:90px;box-shadow:0 2px 8px #00000080;pointer-events:none;line-height:1.2}.drawing-row{display:flex;justify-content:space-between;margin-bottom:1px;gap:8px}.drawing-row:last-child{margin-bottom:0}.drawing-label{color:#6d9;font-weight:400}.drawing-value{color:#fff;font-weight:700}body:not(.dark-mode) .hud-drawing-distance-panel{background:#dcffdcf2;border-color:#063;color:#042}body:not(.dark-mode) .drawing-label{color:#063}body:not(.dark-mode) .drawing-value{color:#031}body:not(.dark-mode) .hud-panel{color:#000;text-shadow:1px 1px 2px rgba(255,255,255,.9),-1px -1px 2px rgba(255,255,255,.9),1px -1px 2px rgba(255,255,255,.9),-1px 1px 2px rgba(255,255,255,.9)}body:not(.dark-mode) .hud-status{background:#ffffffd9}body:not(.dark-mode) .hud-legend-section,body:not(.dark-mode) .hud-surface-legend{background:#ffffffe6}body:not(.dark-mode) .hud-legend-title,body:not(.dark-mode) .hud-surface-legend-title{border-bottom-color:#0000004d}body:not(.dark-mode) .hud-legend-color,body:not(.dark-mode) .hud-legend-gradient,body:not(.dark-mode) .hud-surface-color{border-color:#00000080}body:not(.dark-mode) .hud-legend-surface-name{color:#000000e6}body:not(.dark-mode) .hud-legend-surface-entry{border-bottom-color:#00000026}@media (max-width: 768px){.hud-overlay{font-size:10pt}.hud-status{max-width:90%;top:30px}.hud-legend,.hud-surface-legend{max-width:150px}}