:root{--bg-color:#1B1E22;--accent-color:#ff9f04;--text-color:#fff;--border-color:#2c3039;--sidebar-bg:#151719;--content-bg:#1B1E22;--card-bg:#2a2d35;--hover-bg:#3a3d45;--slider-unfilled:rgb(160 126 71 / 92%);--table-even-bg:#2f323a;--input-bg:#22252b}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column}header{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);padding:.75rem}header nav ul{list-style:none;display:flex;justify-content:center;gap:1rem}header nav ul li a{text-decoration:none;color:var(--text-color);font-weight:500;font-size:1rem;transition:color .3s ease}header nav ul li a:hover{color:var(--accent-color)}.main-wrapper{flex:1;display:grid;grid-template-columns:minmax(300px,325px) 1fr;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.sidebar ul{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.sidebar .step{cursor:pointer;color:var(--text-color);font-weight:500;font-size:1rem;transition:all .3s ease;padding:.75rem 1rem;border-radius:8px;border:1px solid transparent}.sidebar .step:hover{background-color:var(--hover-bg);border-color:var(--border-color)}.sidebar .step.disabled{opacity:.4;pointer-events:none;color:#8a8d93}.sidebar .step.active{background-color:var(--card-bg);border-color:var(--accent-color);color:var(--accent-color);font-weight:600}.sidebar .step.completed::before{content:"✓ ";color:#28a745;font-weight:700}.step-controls{border:1px solid var(--border-color);border-radius:12px;padding:1rem;display:none;background-color:var(--card-bg);box-shadow:0 4px 8px rgba(0,0,0,.3)}.step-controls.active{display:block}.step-controls h3{color:var(--text-color);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.step-controls .btn{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-color);border:2px solid var(--accent-color);padding:.75rem 1.45rem;margin:.5rem .5rem .5rem 0;border-radius:12px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s ease;text-transform:none}.step-controls .btn:hover{background-color:var(--accent-color);color:var(--bg-color);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,159,4,.3)}.step-controls .btn:disabled{opacity:.4;cursor:not-allowed;border-color:#6c757d;color:#6c757d}.step-controls .btn:disabled:hover{background-color:transparent;transform:none;box-shadow:none}.btn.active{background-color:var(--accent-color);color:var(--bg-color)}.next-step-btn{background-color:var(--accent-color)!important;color:var(--bg-color)!important;border-color:var(--accent-color)!important;font-weight:600}.next-step-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,159,4,.4)}.content-container{padding:2rem;overflow-y:auto;background-color:var(--content-bg)}.upload-area{border:2px dashed var(--accent-color);padding:2rem;text-align:center;margin-bottom:2rem;border-radius:12px;cursor:pointer;background-color:var(--card-bg);transition:all .3s ease;position:relative}.upload-area:hover{background-color:var(--hover-bg);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,159,4,.2)}.upload-area p{color:var(--text-color);font-size:1.1rem;font-weight:500;margin:0}.upload-area input[type=file]{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:10}.gallery-section{position:relative;max-width:800px;margin:0 auto;padding-top:20px}.gallery-section h3{color:var(--text-color);text-align:center;margin-bottom:1.5rem;font-weight:600;font-size:1.3rem}#gallerySection2{margin:5% auto 0 auto}.featured-image-container{width:100%;min-height:300px;border:2px solid var(--border-color);border-radius:12px;background-color:var(--card-bg);display:flex;justify-content:center;align-items:center;position:relative;margin-top:1rem;box-shadow:0 4px 12px rgba(0,0,0,.3)}.featured-image-container img{width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:8px}.featured-image-container .image-label{position:absolute;top:9px;left:9px;background-color:var(--accent-color);color:var(--bg-color);font-size:.8rem;padding:4px 12px;border-radius:20px;font-weight:600;box-shadow:0 2px 8px rgba(255,159,4,.3)}.no-featured{color:#8a8d93;font-size:1.1rem;font-weight:500}.image-wrapper{position:relative;display:inline-block;width:100%}.image-wrapper img{display:block;width:100%;height:auto;z-index:1}.image-wrapper video{position:absolute;bottom:50%;left:12.5%;width:25%;height:50%;background-color:#000;visibility:hidden;z-index:2}.image-wrapper canvas{position:absolute;bottom:50%;left:12.5%;width:25%;height:50%;z-index:3}.image-wrapper.single video{position:absolute;top:0;left:25%;width:50%;height:100%;background-color:#000;visibility:hidden;z-index:2}.image-wrapper.single canvas{position:absolute;top:0;left:25%;width:50%;height:100%;z-index:3;pointer-events:none}.image-wrapper.review{position:relative;display:inline-block;width:100%}.image-wrapper.review img{display:block;width:100%;height:auto;z-index:1}.image-wrapper.review canvas{position:absolute;width:25%;height:auto;z-index:3;pointer-events:none}.image-wrapper.review .pos-4ch{top:0;left:8%}.image-wrapper.review .pos-2ch{top:50%;left:8%}.image-wrapper.review .pos-3ch{top:0;left:58%}.image-wrapper.review::-webkit-media-controls,.image-wrapper::-webkit-media-controls{display:none!important}.image-wrapper.review::-webkit-media-controls-play-button,.image-wrapper::-webkit-media-controls-play-button{display:block!important}.image-wrapper.review::-webkit-media-controls-panel,.image-wrapper::-webkit-media-controls-panel{display:flex!important;justify-content:center}.thumbnails-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.thumbnail-wrapper{position:relative;width:100px;height:100px;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;background-color:var(--card-bg);transition:all .3s ease;margin-top:.5rem}.thumbnail-wrapper:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,159,4,.2)}.thumbnail-wrapper video{width:100%;height:100%;object-fit:cover;display:block;transition:all .2s ease}.thumbnail-wrapper.active{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(255,159,4,.3)}.thumbnail-wrapper .image-label{position:absolute;top:4px;left:4px;background-color:var(--accent-color);color:var(--bg-color);font-size:.65rem;padding:2px 6px;border-radius:12px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.3)}.arrow-btn{background-color:transparent;color:var(--text-color);border:2px solid var(--accent-color);padding:.5rem .75rem;border-radius:12px;cursor:pointer;margin:0 .5rem;font-weight:500;transition:all .3s ease}.arrow-btn:hover{background-color:var(--accent-color);color:var(--bg-color);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,159,4,.3)}.ef-control{display:inline-flex;align-items:center;margin-right:1rem;flex-wrap:nowrap;overflow-x:hidden;white-space:nowrap}.ef-value-btn{background-color:transparent;color:var(--text-color);border:2px solid var(--accent-color);margin:2px .5rem;border-radius:12px;cursor:pointer;font-weight:500;min-width:auto;width:clamp(80px,20vw,100px);height:36px;display:flex;align-items:center;justify-content:center;padding:0 6px;text-overflow:ellipsis;text-align:center;font-size:clamp(10px, 1.8vw, 12px);transition:all .3s ease}.ef-value-btn:hover{background-color:var(--accent-color);color:var(--bg-color);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,159,4,.3)}.final-image{max-width:400px;display:block;margin-bottom:1rem;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.3)}.online-view-description{width:100%;height:100vh;max-height:820px;margin:20px 0;border:2px solid var(--border-color);border-radius:12px;overflow:hidden;background-color:var(--card-bg);box-shadow:0 4px 12px rgba(0,0,0,.3)}.online-view-description iframe{display:block;width:100%;height:100%;border:none;border-radius:10px}footer{background-color:var(--bg-color);border-top:1px solid var(--border-color);text-align:center;padding:1rem;color:var(--accent-color)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner.small{width:25px;height:25px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.loading-spinner.small_upload_file{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.section-title{color:var(--text-color);font-weight:600;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}#step-1-content,#step-2-content,#step-3-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#step1-loading,#step2-loading{background-color:var(--card-bg);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}#global-overlay{background:rgba(27,30,34,0)!important;backdrop-filter:none!important}.slider-container{display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:10px 10px;width:100%;max-width:800px;background-color:var(--card-bg);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.slider-label{font-size:.9rem;font-weight:500;color:var(--text-color);white-space:nowrap;text-align:left}.slider{-webkit-appearance:none;flex:1;height:8px;background:linear-gradient(to right,var(--accent-color) 0,var(--accent-color) 50%,var(--slider-unfilled) 50%,var(--slider-unfilled) 100%);border-radius:5px;outline:0;transition:background .2s ease-in-out}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent-color);border:2px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 0 0 3px rgba(255,159,4,.3);transition:transform .2s ease,box-shadow .2s ease}.slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent-color);border:2px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 0 0 3px rgba(255,159,4,.3);transition:transform .2s ease,box-shadow .2s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,.4)}.slider:focus::-moz-range-thumb,.slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(255,159,4,.3)}.strain-table{width:100%;max-width:270px;border-collapse:collapse;margin:20px auto;background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3);color:var(--text-color);font-size:.9rem}.strain-table thead th{background-color:var(--accent-color);color:var(--bg-color);font-weight:600;text-align:center;padding:12px;border-bottom:1px solid var(--border-color)}.strain-table td{padding:10px 15px;text-align:left;border:none}.strain-table .value-cell{background-color:rgba(255,159,4,.1);color:var(--accent-color);font-weight:500;text-align:center}.strain-table tbody tr:nth-child(2n){background-color:var(--hover-bg)}.report-container{max-width:900px;margin:2rem auto;padding:2rem;background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.report-container h1{color:var(--text-color);font-size:1.8rem;font-weight:600;text-align:center;margin-bottom:1.5rem}.report-container h2{color:var(--text-color);font-size:1.4rem;font-weight:500;margin:1.5rem 0 1rem}.report-container p{color:var(--text-color);font-size:1rem;line-height:1.6;margin-bottom:1rem}.report-container table{width:100%;border-collapse:collapse;margin:1.5rem 0;background-color:var(--card-bg);border-radius:8px;overflow:hidden}.report-container table td,.report-container table th{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.report-container table th{background-color:var(--accent-color);color:var(--bg-color);font-weight:600}.report-container table td{color:var(--text-color)}.report-container img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0;border:2px solid var(--border-color)}.header{text-align:center;margin-bottom:20px;padding:15px;background-color:var(--accent-color);color:var(--bg-color);border-radius:12px;font-weight:600;font-size:1.2rem;box-shadow:0 4px 12px rgba(255,159,4,.3)}.main-container{display:flex;gap:20px;flex-wrap:wrap}.left-column{flex:1;min-width:300px;display:flex;flex-direction:column;gap:20px}.right-column{flex:2;min-width:300px;display:flex;flex-direction:column;gap:20px}.tables-row{display:flex;gap:20px;flex-wrap:wrap}.table-group{flex:1;min-width:250px;display:flex;flex-direction:column;gap:20px}.equal-table{width:100%;border-collapse:collapse;margin-bottom:20px;background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3)}.equal-table td,.equal-table th{border:1px solid var(--border-color);padding:12px;text-align:left;width:25%;background-color:var(--card-bg);color:var(--text-color)}.equal-table th{background-color:var(--accent-color);color:var(--bg-color);font-weight:600;font-size:.95rem}.my-table{border-collapse:collapse;width:100%;background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3)}.my-table th{background-color:var(--accent-color);color:var(--bg-color);padding:12px;text-align:center;font-weight:600;border:1px solid var(--border-color);font-size:.95rem}.my-table td{border:1px solid var(--border-color);padding:10px;background-color:var(--card-bg);color:var(--text-color)}.my-table tr:nth-child(2n) td{background-color:var(--table-even-bg)}.parameter-column{width:40%;font-weight:600}.value-column{width:30%;background-color:rgba(255,159,4,.1)!important;text-align:center;color:var(--accent-color);font-weight:500}.measurement-column{width:30%;background-color:rgba(255,159,4,.05)!important}.measurement-input{width:100%;border:2px solid var(--border-color);padding:8px;box-sizing:border-box;background-color:var(--input-bg);color:var(--text-color);border-radius:8px;font-size:14px;transition:all .3s ease}.measurement-input:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(255,159,4,.2)}.report-section{background-color:var(--card-bg);padding:20px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);margin-top:20px;border:1px solid var(--border-color);display:flex;flex-direction:column;min-height:400px}.report-section h3{margin-top:0;color:var(--accent-color);border-bottom:2px solid var(--border-color);padding-bottom:10px;font-weight:600;font-size:1.2rem}.report-content ul li::marker{font-size:20px;color:var(--accent-color)}.report-content{flex-grow:1;font-size:16px;line-height:1.6;border:2px dashed var(--border-color);padding:20px;background-color:var(--bg-color);position:relative;border-radius:8px;color:var(--text-color);overflow-y:auto;display:flex;flex-direction:column}#manual-report-content{width:100%;height:100%;resize:none;padding:0;font-size:16px;box-sizing:border-box;border:none;border-radius:0;background-color:var(--bg-color);color:var(--text-color);outline:0}.chat-messages{flex-grow:1;overflow-y:auto;padding-bottom:10px}.chat-input-area{display:flex;margin-top:auto;padding-top:10px;border-top:1px solid var(--border-color);flex-wrap:wrap}#ask-ai-input{flex-grow:1;border:2px solid var(--border-color);padding:10px;box-sizing:border-box;background-color:var(--input-bg);color:var(--text-color);border-radius:8px;font-size:14px;transition:all .3s ease;resize:none;min-height:40px;max-height:100px;overflow-y:auto;min-width:200px;scrollbar-width:thin;scrollbar-color:rgba(255,159,4,0.5) var(--border-color)}#ask-ai-input:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(255,159,4,.2)}@media (max-width:768px){#ask-ai-input::-webkit-scrollbar{width:4px}#ask-ai-input::-webkit-scrollbar-thumb{border-width:.5px}}.chat-message{margin-bottom:10px;padding:8px 12px;border-radius:8px;max-width:80%;word-wrap:break-word}.user-message{background-color:rgba(255,159,4,.15);align-self:flex-end;margin-left:auto}.ai-message{background-color:var(--table-even-bg);align-self:flex-start;margin-right:auto}.placeholder-text{color:#888}.footer{margin-top:20px;padding:15px;text-align:center;background-color:var(--accent-color);color:var(--bg-color);border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px rgba(255,159,4,.3)}.tab-container{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:20px;gap:5px;flex-wrap:wrap}.tab{padding:12px 20px;cursor:pointer;background-color:var(--card-bg);color:var(--text-color);border:2px solid var(--border-color);border-bottom:none;border-radius:12px 12px 0 0;font-weight:500;transition:all .3s ease;flex:1;min-width:120px;text-align:center}.tab:hover{background-color:var(--hover-bg);transform:translateY(-2px)}.tab.active{background-color:var(--accent-color);color:var(--bg-color);font-weight:600;border-color:var(--accent-color);box-shadow:0 -2px 8px rgba(255,159,4,.3)}.tab-content{display:none;flex-grow:1;animation:fadeIn .3s ease-in;flex-direction:column}.tab-content.active{display:flex}.send-button{padding:10px 20px;background-color:var(--accent-color);color:var(--bg-color);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.3);margin-left:10px;white-space:nowrap}.send-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,159,4,.4)}.loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-ask-ai{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto;display:none}.equal-table,.my-table{transition:transform .2s ease}.equal-table:hover,.my-table:hover{transform:translateY(-2px)}@media (max-width:1024px){.main-wrapper{grid-template-columns:280px 1fr}.sidebar{padding:1rem}.content-container{padding:1.5rem}.report-container{padding:1.5rem}}@media (max-width:768px){.main-wrapper{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);padding:1rem;overflow-x:auto}.sidebar ul{flex-direction:row;overflow-x:auto;gap:.5rem;white-space:nowrap}.sidebar .step{padding:.5rem 1rem;font-size:.9rem}.step-controls{padding:.75rem}.step-controls .btn{width:100%;margin:.5rem 0}.content-container{padding:1rem}.featured-image-container{min-height:250px}.thumbnails-row{gap:.5rem}.thumbnail-wrapper{width:80px;height:80px}.gallery-section{max-width:100%}.slider-container{flex-direction:column;align-items:flex-start;gap:10px}.slider-label{text-align:center;width:100%}.ef-control{margin-right:.5rem;gap:.5rem}.ef-value-btn{width:clamp(100px,18vw,80px);font-size:clamp(13px, 1.6vw, 11px);margin:2px .3rem;padding:0 4px}.report-container{padding:1rem}.report-container h1{font-size:1.5rem}.report-container h2{font-size:1.2rem}.report-container table{display:block;overflow-x:auto}header nav ul{gap:.5rem;flex-wrap:wrap}.send-button{margin-left:6px;margin-top:2px}}@media (max-width:480px){.upload-area{padding:1.5rem}.featured-image-container{min-height:200px}.thumbnail-wrapper{width:60px;height:60px}.section-title{font-size:1.2rem}.report-container{padding:.75rem}.report-container h1{font-size:1.3rem}.report-container h2{font-size:1.1rem}.report-container p{font-size:.9rem}.report-container table td,.report-container table th{padding:8px;font-size:.85rem}.ef-control{flex-direction:row;gap:.3rem}.ef-value-btn{width:clamp(100px,16vw,70px);font-size:clamp(13px, 1.5vw, 10px);margin:2px .2rem;padding:0 3px}.send-button{margin-left:3px;margin-top:5px}}