:root{--primary-orange: #EA8C1C;--primary-dark-blue: #14213C;--secondary-gray-blue: #232F48;--secondary-light-gray: #F7F7F7;--secondary-white: #FFFFFF;--gradient-orange-light: #FCa311;--gradient-orange-dark: #F26522;--tree-green-dark: #2C5530;--tree-green-light: #BFD8C2;--complementary-selection-red: #D7263D;--water-light-blue: #3D8FCA;--railway-amber: #F5A623;--surroundings-gray: #C5C5C5;--ground-light: #EFEFFF}html,body{margin:0;padding:0;overflow:hidden;height:100vh;width:100vw}body{display:flex;flex-direction:row;align-items:stretch;font-family:Figtree,sans-serif;background-color:var(--secondary-light-gray);color:var(--primary-dark-blue)}#container{display:flex;align-items:stretch;width:100%;height:100vh}#selectorContainer{position:relative;height:100vh;width:340px;display:flex;flex-direction:column;font-size:.9em;border-right:2pt solid var(--primary-orange);padding:30px 25px 80px;background-color:var(--secondary-white);overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 8px #0000000d}.studyheader{margin-top:0;margin-bottom:25px;padding-top:0;padding-bottom:20px;border-bottom:2px solid rgba(234,140,28,.3);display:flex;align-items:center;flex-direction:column;gap:12px}.small-logo{width:60px;height:auto}#selectorContainer h2{margin:0;font-size:1.4em;font-weight:700;color:var(--primary-dark-blue);text-align:center;line-height:1.3}.input-group{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:16px;gap:5px}.input-group label{margin:0;width:100%;color:var(--primary-dark-blue);font-weight:600;font-size:.9em}.input-group input{width:100%;font-size:.95em;padding:8px 10px;border:2px solid rgba(35,47,72,.2);border-radius:6px;font-family:Figtree,sans-serif;transition:all .2s;box-sizing:border-box}.input-group input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ea8c1c26}.input-group select{margin-left:5px;font-size:1em;height:25px}#loadButton{margin-top:20px;margin-bottom:15px;width:100%;padding:12px;font-size:1em;font-weight:700;font-family:Figtree,sans-serif;background-color:var(--primary-orange);border:2px solid var(--primary-orange);color:var(--secondary-white);border-radius:6px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}#loadButton:hover{background-color:#d97d15;border-color:#d97d15;transform:translateY(-2px);box-shadow:0 6px 12px #ea8c1c4d}#loadButton:active{transform:translateY(0);box-shadow:0 2px 4px #ea8c1c4d}#noSuccessMessage{color:var(--primary-orange);font-weight:600;background-color:#ea8c1c1a;border-radius:6px;display:none;margin:0;padding:0}#noSuccessMessage:not(:empty){display:block;margin-top:10px;padding:10px}#commentBox{margin-top:30px;padding:16px;background-color:var(--secondary-light-gray);border-radius:8px;border-left:4px solid var(--primary-orange);color:var(--secondary-gray-blue);display:flex;flex-direction:column;gap:10px}#commentBox label{color:var(--primary-dark-blue);font-size:.95em;margin-bottom:0}#userComment{width:100%;padding:10px;border:1px solid rgba(234,140,28,.3);border-radius:6px;font-family:Figtree,sans-serif;font-size:.9em;color:var(--primary-dark-blue);background-color:var(--secondary-white);resize:vertical;min-height:80px;box-sizing:border-box}#userComment:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 2px #ea8c1c1a}#userEmail{width:100%;padding:10px;border:1px solid rgba(234,140,28,.3);border-radius:6px;font-family:Figtree,sans-serif;font-size:.9em;color:var(--primary-dark-blue);background-color:var(--secondary-white);box-sizing:border-box}#userEmail:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 2px #ea8c1c1a}#userEmail:read-only{background-color:#f5f5f5;cursor:default}.screenshot-section{display:flex;flex-direction:column;gap:10px;margin:10px 0}.screenshot-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--secondary-white);color:var(--primary-dark-blue);border:1px solid rgba(234,140,28,.4);border-radius:6px;font-family:Figtree,sans-serif;font-size:.9em;cursor:pointer;transition:all .2s ease;width:fit-content}.screenshot-btn:hover{border-color:var(--primary-orange);background-color:#ea8c1c0d}.screenshot-btn svg{flex-shrink:0}.screenshot-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.screenshot-thumbnail{position:relative;width:80px;height:80px;border-radius:4px;overflow:hidden;border:2px solid rgba(234,140,28,.3);transition:border-color .2s ease}.screenshot-thumbnail:hover{border-color:var(--primary-orange)}.screenshot-thumbnail img{width:100%;height:100%;object-fit:cover}.remove-screenshot{position:absolute;top:2px;right:2px;width:20px;height:20px;background-color:var(--complementary-selection-red);color:var(--secondary-white);border:none;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.9;transition:opacity .2s ease}.remove-screenshot:hover{opacity:1}.checkbox-group{display:flex;flex-direction:column;gap:8px;margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9em;color:var(--primary-dark-blue);line-height:1.4}.checkbox-label input[type=checkbox],.checkbox-label input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;min-height:18px;border:2px solid rgba(234,140,28,.4);border-radius:3px;cursor:pointer;position:relative;background-color:var(--secondary-white);transition:all .2s ease;margin:0}.checkbox-label input[type=checkbox]:hover,.checkbox-label input[type=radio]:hover{border-color:var(--primary-orange)}.checkbox-label input[type=checkbox]:checked,.checkbox-label input[type=radio]:checked{background-color:var(--primary-orange);border-color:var(--primary-orange)}.checkbox-label input[type=checkbox]:checked:after,.checkbox-label input[type=radio]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--secondary-white);font-size:14px;font-weight:700}.checkbox-label span{-webkit-user-select:none;user-select:none}.checkbox-label:hover span{color:var(--primary-orange)}#sendCommentButton{padding:10px 16px;background:linear-gradient(135deg,var(--gradient-orange-light),var(--gradient-orange-dark));color:var(--secondary-white);border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.95em;font-family:Figtree,sans-serif}#sendCommentButton:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ea8c1c4d}#sendCommentButton:active{transform:translateY(0)}#sendCommentButton:disabled{cursor:not-allowed;opacity:.6}#commentStatus{font-size:.85em;padding:8px 12px;text-align:center;border-radius:6px;min-height:20px;transition:all .3s ease;line-height:1.4}#commentStatus.success{background-color:#2c55301a;color:var(--status-success);border:1px solid rgba(44,85,48,.3)}#commentStatus.error{background-color:#d7263d1a;color:var(--status-error);border:1px solid rgba(215,38,61,.3)}.comment-instructions{margin-top:8px;padding:8px 10px;background-color:#ea8c1c14;border-left:3px solid var(--primary-orange);border-radius:4px}.comment-instructions small{color:var(--secondary-gray-blue);line-height:1.5;display:block}:root{--status-error: #D7263D;--status-success: #2C5530}.measurement-popup{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:12px;background-color:#fffffff2;border-radius:8px;padding:12px 16px;box-shadow:0 2px 8px #0003;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(234,140,28,.3)}.measurement-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--primary-orange);border-radius:6px;flex-shrink:0}.measurement-icon svg{stroke:#fff}.measurement-content{display:flex;flex-direction:column;gap:2px}.measurement-label{font-size:.75em;color:var(--secondary-gray-blue);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.measurement-value{font-size:1.1em;font-weight:700;color:var(--primary-dark-blue)}#stlViewContainer{margin:0;position:relative;flex:1;height:100vh;max-height:none;overflow:hidden;background-color:var(--secondary-white);box-shadow:-2px 0 8px #0000000d}#viewWrapper{width:100%;height:100%;overflow:hidden}#view{width:100%;height:100%}.view-controls{position:absolute;top:20px;left:20px;display:flex;gap:8px;z-index:100;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px;border-radius:8px;box-shadow:0 2px 12px #0000001a}.view-button{width:40px;height:40px;border:none;background:var(--secondary-white);color:var(--primary-dark-blue);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.view-button:hover{background:var(--secondary-light-gray);color:var(--primary-orange);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.view-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.view-button.active{background:var(--primary-orange);color:#fff}.view-button.active:hover{background:var(--primary-orange);color:#fff;opacity:.9}.view-button svg{width:24px;height:24px}.view-mode-badge{position:absolute;bottom:-28px;left:60%;transform:translate(-50%);background:#fffffff2;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;color:var(--primary-dark-blue);pointer-events:none;box-shadow:0 2px 8px #0000001a;white-space:nowrap}.north-indicator{position:absolute;bottom:20px;left:20px;z-index:100;pointer-events:auto;opacity:0;transition:opacity .3s ease;cursor:pointer;width:65px;height:65px}.north-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.north-circle{width:65px;height:65px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--primary-dark-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000026;position:relative}.north-arrow{width:26px;height:26px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.north-label{font-family:Figtree,sans-serif;font-size:18px;font-weight:700;color:var(--primary-dark-blue);position:absolute;bottom:8px}.north-indicator:hover{opacity:1!important}.north-indicator.visible{opacity:1}#gui-background{position:absolute;top:15px;right:15px;width:275px;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;z-index:9;padding:15px;box-sizing:border-box}#gui{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:15px;right:15px;z-index:10;pointer-events:none}.lil-gui.root{pointer-events:auto;border-radius:8px;opacity:.9;--background-color: rgba(255, 255, 255, .85);--text-color: var(--primary-dark-blue);--title-background-color: var(--primary-orange);--title-text-color: var(--secondary-white);--widget-color: var(--secondary-light-gray);--font-family: "Figtree", sans-serif;font-family:Figtree,sans-serif;margin-right:15px;margin-top:15px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lil-gui .children{background-color:#f7f7f7}.lil-gui .title{background-color:var(--primary-dark-blue);color:var(--secondary-white);font-weight:600;border-bottom:none}.lil-gui .controller{background-color:#fff;border-bottom:1px solid rgba(234,140,28,.15);margin-bottom:4px;padding:8px 10px}.lil-gui .controller .boolean{justify-content:space-between}.lil-gui .controller:hover{background-color:#ea8c1c26}.lil-gui .controller .name{color:var(--primary-dark-blue);font-weight:500}.lil-gui .boolean .name{width:90%}.lil-gui .controller .widget{color:var(--primary-dark-blue)}.lil-gui input[type=checkbox]{background-color:#ffffffb3;border:2px solid var(--primary-dark-blue);display:flex;align-items:center;justify-content:center}.lil-gui input[type=checkbox]:before{display:flex;align-items:center;justify-content:center}.lil-gui input[type=text],.lil-gui input[type=number],.lil-gui select{background-color:#ffffffb3;border:1px solid rgba(20,33,60,.3)}.lil-gui .widget input{background-color:#ffffffb3}.lil-gui input,.lil-gui select,.lil-gui button{color:var(--primary-dark-blue);margin:2px 0}.lil-gui input[type=range]{--background-color: var(--secondary-light-gray);--fill-color: var(--primary-orange)}.lil-gui .controller.slider input[type=range]{background-color:var(--secondary-light-gray)!important}.lil-gui .controller.slider .fill{background-color:var(--primary-orange)!important}.lil-gui input[type=range]::-webkit-slider-runnable-track{background-color:var(--secondary-light-gray)!important}.lil-gui input[type=range]::-moz-range-track{background-color:var(--secondary-light-gray)!important}.lil-gui input[type=range]::-webkit-slider-thumb{background-color:var(--primary-orange)!important}.lil-gui input[type=range]::-moz-range-thumb{background-color:var(--primary-orange)!important}.lil-gui .controller.number input[type=number]{color:var(--primary-orange)!important;font-weight:600}.lil-gui button{background-color:var(--primary-orange)!important;color:var(--secondary-white)!important;border:none!important;font-weight:600!important;border-radius:4px!important;padding:8px 12px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;height:28px!important;line-height:1!important}.lil-gui button:hover{background-color:#d97d15!important;transform:translateY(-1px);box-shadow:0 2px 6px #ea8c1c4d}.lil-gui button:active{transform:translateY(0)}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#14213cd9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading-overlay.hidden{display:none}.loading-content{text-align:center;color:#fff;padding:40px;background-color:#232f48e6;border-radius:12px;border:3px solid var(--primary-orange);box-shadow:0 8px 32px #0000004d}.loading-spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.2);border-top:6px solid var(--primary-orange);border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:1.3em;font-weight:700;margin-bottom:20px;color:var(--primary-orange);font-family:Figtree,sans-serif}.loading-progress{width:300px}.progress-bar{width:100%;height:24px;background-color:#ffffff26;border-radius:12px;overflow:hidden;margin-bottom:12px;border:1px solid rgba(255,255,255,.2);position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gradient-orange-light),var(--gradient-orange-dark));width:0%;transition:none;border-radius:12px;box-shadow:0 0 10px #ea8c1c80;position:absolute;left:0;top:0}.progress-text{font-size:1em;color:#ffffffe6;font-weight:700;font-family:Figtree,sans-serif}#helpInfo{position:absolute;top:20px;left:306px;width:300px;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;z-index:9;padding:15px;box-sizing:border-box;font-size:.85em}#footer{position:absolute;z-index:100;flex-direction:row;bottom:0;right:0;display:flex;align-items:center;padding:15px 20px;pointer-events:none;background:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px 0 0;box-shadow:0 -2px 12px #00000014}#logo{z-index:100;width:200px;height:auto;margin-left:10px;position:static;pointer-events:auto}#copyright{font-size:.9em;color:var(--secondary-gray-blue);margin-top:0;pointer-events:auto}.blur-effect{filter:blur(10px)}select{transition:none}