@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-dark: #e8efe8;--bg-secondary: #dce8dc;--bg-tertiary: #d0e0d0;--border-color: rgba(45, 55, 45, .15);--text-primary: #1a2e1a;--text-secondary: #4a5f4a;--text-muted: #6b7f6b;--accent-green: #4a7c4a;--accent-green-hover: #5a8c5a;--accent-dark: #2d3d2d;--accent-light: #8fa68f;--accent-leaf: #7a9a6a;--success: #4a7c4a;--error: #c45a5a;--warning: #b89a4a;--accent-blue: var(--accent-green);--accent-blue-hover: var(--accent-green-hover);--accent-cyan: var(--accent-leaf);--accent-yellow: var(--accent-light)}.pro-layout{--pro-bg-primary: #0a1f14;--pro-bg-secondary: #0f2a1a;--pro-bg-tertiary: #142f1f;--pro-bg-hover: #1a3a25;--pro-border: rgba(255, 255, 255, .08);--pro-border-light: rgba(255, 255, 255, .12);--pro-text-primary: #ffffff;--pro-text-secondary: rgba(255, 255, 255, .7);--pro-text-muted: rgba(255, 255, 255, .5);--pro-accent: #3d8c5c;--pro-accent-hover: #4a9d6a;--pro-accent-glow: rgba(61, 140, 92, .3)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary)}#root,.app-container{width:100%;height:100%;display:flex;flex-direction:column}.header{flex:0 0 auto;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-dark) 100%);padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);z-index:100}.header-left h1{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.logo-icon{color:var(--accent-cyan);display:inline-flex;align-items:center}.logo-icon svg{width:32px;height:23px}.header-left p{margin:.25rem 0 0;font-size:.75rem;color:var(--text-secondary);font-weight:400}.controls{display:flex;align-items:center;gap:.75rem}.upload-group{display:flex;gap:.5rem}.action-buttons{display:flex;gap:.25rem;padding-left:.5rem;border-left:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;color:#fff;text-align:center;border:none;font-family:inherit}.btn svg{flex-shrink:0}.btn-blue{background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-dark) 100%);box-shadow:0 2px 8px #2d3d2d40}.btn-blue:hover{background:linear-gradient(135deg,var(--accent-green-hover) 0%,var(--accent-green) 100%);box-shadow:0 4px 12px #2d3d2d59;transform:translateY(-1px)}.btn-green{background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-dark) 100%);box-shadow:0 2px 8px #2d3d2d40}.btn-green:hover{background:linear-gradient(135deg,var(--accent-green-hover) 0%,var(--accent-green) 100%);box-shadow:0 4px 12px #2d3d2d59;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem;border-radius:6px}.btn-ghost:hover{background:#2d3d2d1a;color:var(--text-primary)}.btn-small{padding:.375rem .75rem;font-size:.75rem}.btn-tiny{padding:.25rem .5rem;font-size:.75rem;background:#2d3d2d14;border:1px solid var(--border-color);color:var(--text-primary)}.btn-tiny:hover{background:#2d3d2d26}.btn-danger{color:var(--error)}.btn-danger:hover{background:#c45a5a1a}.btn-finish{margin-top:.5rem;background:var(--accent-green);width:100%;justify-content:center}.btn-finish:hover{background:var(--accent-green-hover)}.btn-reset-rot{margin-top:.75rem;background:#ffffff0d;border:1px solid var(--border-color);width:100%;justify-content:center}.btn-reset-rot:hover{background:#ffffff1a}.main-content{flex:1 1 auto;display:flex;overflow:hidden}.left-sidebar{flex:0 0 220px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.right-sidebar{flex:0 0 260px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.canvas-container{flex:1 1 auto;position:relative;min-width:0;overflow:hidden;background:#fafaf8;border-radius:12px;margin:8px;box-shadow:inset 0 1px 3px #0000000d}.canvas-container canvas{display:block;width:100%!important;height:100%!important}.toolbar{padding:1rem;border-bottom:1px solid var(--border-color)}.toolbar-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.toolbar-buttons{display:flex;flex-direction:column;gap:.375rem}.tool-btn{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:#2d3d2d0d;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;color:var(--text-secondary)}.tool-btn:hover{background:#2d3d2d1a;color:var(--text-primary)}.tool-btn.active{background:#4a7c4a26;border-color:var(--accent-green);color:var(--accent-green)}.tool-icon{font-size:1rem;width:1.5rem;text-align:center}.tool-name{font-size:.8125rem;font-weight:500}.tool-hint{margin-top:.75rem;padding:.5rem .625rem;background:#4a7c4a1a;border:1px solid rgba(74,124,74,.2);border-radius:6px;font-size:.6875rem;color:var(--accent-green);line-height:1.4}.rotation-controls{padding:1rem;border-bottom:1px solid var(--border-color)}.rotation-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.rotation-row{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem}.rotation-label{font-size:.75rem;font-weight:600;color:var(--accent-cyan);width:1rem;text-align:center}.rotation-value{font-family:Inter,monospace;font-size:.6875rem;color:var(--text-primary);width:2.5rem;text-align:center;background:var(--bg-tertiary);padding:.25rem;border-radius:4px}.rot-btn{flex:1;padding:.375rem .25rem;font-size:.625rem;font-family:Inter,monospace;background:#ffffff08;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.rot-btn:hover{background:#ffffff14;color:var(--text-primary)}.info-overlay{position:absolute;top:1rem;right:1rem;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(74,124,74,.2);border-radius:10px;padding:.875rem;width:340px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:20;box-shadow:0 4px 20px #0000001a}.info-overlay .info-header{color:var(--text-secondary);border-bottom-color:#4a7c4a26}.info-overlay .info-label{color:var(--text-secondary)}.info-overlay .info-value{color:var(--text-primary)}.info-overlay .info-dot{background:var(--accent-green);box-shadow:0 0 8px #4a7c4a66}.info-overlay .info-panel{border-bottom-color:#4a7c4a26}.info-overlay .point-size-control{border-top-color:#4a7c4a26}.info-overlay .point-size-control label{color:var(--text-secondary)}.info-overlay .point-size-control input[type=range]{background:#4a7c4a26}.info-overlay .point-size-control input[type=range]::-webkit-slider-thumb{background:var(--accent-green);box-shadow:0 0 6px #4a7c4a66}.info-overlay .point-size-control span{color:var(--text-primary)}.info-overlay .quality-info{color:var(--accent-green)}.info-panel{padding:1rem;border-bottom:1px solid var(--border-color)}.info-header{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.info-dot{width:6px;height:6px;background:var(--accent-green);border-radius:50%;box-shadow:0 0 8px var(--accent-green)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0}.info-label{color:var(--text-secondary);font-size:.75rem}.info-value{color:var(--text-primary);font-family:Inter,monospace;font-size:.75rem;font-weight:500}.info-value.file-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-value.dim{font-size:.625rem}.info-message{margin-top:.75rem;padding:.5rem .625rem;border-radius:6px;font-size:.6875rem;font-weight:500}.info-message.success{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.2)}.info-message.error{background:#ef44441a;color:var(--error);border:1px solid rgba(239,68,68,.2)}.point-size-control{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.point-size-control:first-of-type{margin-top:.75rem;padding-top:.625rem}.point-size-control+.point-size-control{border-top:none;padding-top:0;margin-top:.375rem}.point-size-control label{font-size:.6875rem;color:var(--text-secondary);flex-shrink:0;min-width:50px}.point-size-control input[type=range]{flex:1;height:4px;background:var(--bg-tertiary);border-radius:2px;appearance:none;cursor:pointer}.point-size-control input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--accent-green);border-radius:50%;cursor:pointer;box-shadow:0 0 6px #4a7c4a80}.point-size-control input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--accent-green);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 6px #4a7c4a80}.point-size-control span{font-family:Inter,monospace;font-size:.6875rem;color:var(--text-primary);min-width:2rem;text-align:right}.quality-info{font-family:Inter,monospace;font-size:.625rem;color:var(--accent-green);text-align:right;margin-top:.25rem;opacity:.8}.point-color-control{margin-top:.375rem;display:flex;align-items:center;gap:.5rem}.point-color-control label{font-size:.6875rem;color:var(--text-secondary);flex-shrink:0;min-width:50px}.point-color-control input[type=color]{width:28px;height:28px;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;padding:0;background:none;overflow:hidden}.point-color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.point-color-control input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.point-color-control input[type=color]::-moz-color-swatch{border:none;border-radius:4px}.point-color-control span{font-family:Inter,monospace;font-size:.625rem;color:var(--text-secondary);text-transform:uppercase}.measurements-panel{padding:1rem;flex:1;display:flex;flex-direction:column;min-height:0}.measurements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.measurements-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.measurements-actions{display:flex;gap:.375rem}.measurements-empty{text-align:center;color:var(--text-muted);font-size:.75rem;padding:2rem 1rem}.measurements-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.375rem}.measurement-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:6px}.measurement-icon{font-size:.875rem;width:1.25rem;text-align:center;flex-shrink:0}.measurement-label-input{flex:1;min-width:0;background:transparent;border:none;color:var(--text-primary);font-size:.75rem;font-family:inherit;padding:.25rem;border-radius:4px}.measurement-label-input:focus{outline:none;background:#ffffff0d}.measurement-label-input::placeholder{color:var(--text-muted)}.measurement-value{font-family:Inter,monospace;font-size:.6875rem;color:var(--accent-cyan);flex-shrink:0}.btn-delete{font-size:1rem;padding:.125rem .375rem;line-height:1}.progress-overlay{position:absolute;inset:0;background:#fafaf8eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.progress-modal{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 3rem;background:#fff;border:1px solid rgba(74,124,74,.2);border-radius:12px;min-width:320px;box-shadow:0 8px 32px #0000001f}.progress-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.progress-bar-container{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-leaf) 0%,var(--accent-green) 100%);border-radius:3px;transition:width .15s ease;box-shadow:0 0 12px #4a7c4a80}.progress-text{font-size:.875rem;color:var(--text-secondary);font-weight:500;text-align:center;min-height:1.25rem}.progress-vertices{font-family:Inter,monospace;font-size:.75rem;color:var(--accent-green);background:#4a7c4a1a;padding:.375rem .75rem;border-radius:4px;border:1px solid rgba(74,124,74,.2)}.progress-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 3rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;min-width:320px}.progress-icon{color:var(--accent-cyan)}.progress-icon svg{width:48px;height:48px;animation:float 2s ease-in-out infinite}.progress-bar-track{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);border-radius:3px;transition:width .15s ease;box-shadow:0 0 12px #06b6d480}.progress-percent{font-family:Inter,monospace;font-size:1.25rem;font-weight:600;color:var(--accent-cyan)}.drop-zone{position:absolute;inset:0;background:#4a7c4a14;border:3px dashed var(--accent-green);display:flex;align-items:center;justify-content:center;z-index:60;animation:dropZoneIn .2s ease;pointer-events:none}@keyframes dropZoneIn{0%{opacity:0;border-color:transparent}to{opacity:1;border-color:var(--accent-green)}}.drop-zone.active{background:#4a7c4a26}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--accent-green)}.drop-zone-content svg{width:64px;height:64px;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drop-zone-content span{font-size:1.25rem;font-weight:600}.drop-zone-formats{font-size:.875rem!important;font-weight:400!important;color:var(--text-secondary)!important;font-family:Inter,monospace}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none;gap:.5rem}.empty-state svg{margin-bottom:.5rem;opacity:.5}.empty-state span{font-size:1rem;font-weight:500}.empty-state-sub{font-size:.8125rem!important;font-weight:400!important;color:var(--text-muted)!important}.empty-state-formats{font-size:.75rem!important;font-weight:400!important;color:var(--text-muted)!important;font-family:Inter,monospace;margin-top:.5rem;opacity:.7}.mode-toggle{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;gap:0;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(74,124,74,.2);border-radius:10px;padding:4px;z-index:25;box-shadow:0 4px 20px #0000001a}.mode-toggle-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;font-family:inherit;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.mode-toggle-btn:hover{background:#4a7c4a1a;color:var(--text-primary)}.mode-toggle-btn.active{background:var(--accent-green);color:#fff}.dark-mode .mode-toggle{background:#142014f2;border-color:#7cb87c33}.dark-mode .mode-toggle-btn{color:var(--text-secondary)}.dark-mode .mode-toggle-btn:hover{background:#4a7c4a33;color:var(--text-primary)}.dark-mode .mode-toggle-btn.active{background:var(--accent-green);color:#fff}.measurement-toolbar{position:absolute;top:1rem;left:1rem;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(74,124,74,.2);border-radius:10px;padding:.875rem;width:160px;z-index:20;box-shadow:0 4px 20px #0000001a}.measurement-toolbar .toolbar-title{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.625rem;padding-bottom:.5rem;border-bottom:1px solid rgba(74,124,74,.15)}.measurement-toolbar .toolbar-buttons{display:flex;flex-direction:column;gap:.25rem}.measurement-toolbar .tool-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:#4a7c4a14;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;color:var(--text-secondary);width:100%}.measurement-toolbar .tool-btn:hover{background:#4a7c4a26;color:var(--text-primary)}.measurement-toolbar .tool-btn.active{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.measurement-toolbar .tool-icon{font-size:.875rem;width:1.25rem;text-align:center;flex-shrink:0}.measurement-toolbar .tool-name{font-size:.75rem;font-weight:500}.measurement-toolbar .clear-btn{margin-top:.5rem;padding:.5rem;width:100%;font-size:.6875rem;font-weight:500;background:#c45a5a1a;border:1px solid rgba(196,90,90,.25);border-radius:6px;color:var(--error);cursor:pointer;transition:all .15s ease;font-family:inherit}.measurement-toolbar .clear-btn:hover{background:#ef444433}.measurement-toolbar .tool-hint{margin-top:.625rem;padding:.5rem;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:6px;font-size:.625rem;color:var(--accent-green);line-height:1.4}.last-measurement{margin-top:.75rem;padding:.625rem;background:#4a7c4a14;border:2px solid var(--accent-green);border-radius:8px}.last-measurement .measurement-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.25rem}.last-measurement .measurement-value{font-family:Inter,monospace;font-size:1.5rem;font-weight:700;color:var(--accent-green)}.circumference-controls{margin-top:.75rem;padding:.75rem;background:#4a7c4a14;border:1px solid rgba(74,124,74,.2);border-radius:8px}.circumference-controls .control-title{font-size:.6875rem;font-weight:600;color:var(--accent-green);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.circumference-controls .plane-info{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(74,124,74,.15)}.circumference-controls .info-row-small{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--text-secondary);padding:2px 0}.circumference-controls .info-row-small span:last-child{font-family:Inter,monospace;color:var(--text-primary)}.circumference-controls .plane-help{font-size:.625rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.circumference-controls .plane-help div{padding:2px 0}.circumference-controls .plane-slider{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.circumference-controls .plane-slider:last-of-type{margin-bottom:0}.circumference-controls .plane-slider label{font-size:.625rem;color:var(--text-secondary);min-width:80px;text-transform:uppercase;letter-spacing:.03em}.circumference-controls .plane-slider input[type=range]{flex:1;height:4px;-webkit-appearance:none;background:#4a7c4a33;border-radius:2px;cursor:pointer}.circumference-controls .plane-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent-green);border-radius:50%;cursor:pointer}.circumference-controls .plane-slider span{font-family:Inter,monospace;font-size:.6875rem;color:var(--text-secondary);min-width:55px;text-align:right}.circumference-controls .reset-offset-btn{width:100%;background:#c45a5a1a;border:1px solid rgba(196,90,90,.25);color:var(--error);border-radius:4px;font-size:.625rem;text-transform:uppercase;letter-spacing:.03em;padding:6px 10px;cursor:pointer;transition:all .2s}.circumference-controls .reset-offset-btn:hover{background:#c45a5a33}.circumference-controls .circumference-result{margin-top:.75rem;padding-top:.625rem;border-top:1px solid rgba(74,124,74,.15);text-align:center}.circumference-controls .result-value{font-family:Inter,monospace;font-size:1.5rem;font-weight:700;color:var(--accent-green)}.circumference-controls .result-coverage{font-size:.625rem;color:var(--text-secondary);margin-top:.25rem}.transform-mode-toggle{display:flex;gap:.5rem;margin-bottom:.75rem}.transform-mode-toggle .mode-btn{flex:1;padding:.5rem;border:1px solid rgba(74,124,74,.2);background:#4a7c4a0d;color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .15s ease}.transform-mode-toggle .mode-btn:hover{background:#4a7c4a1f;color:var(--text-primary)}.transform-mode-toggle .mode-btn.active{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.model-controls{margin-top:.75rem;padding:.75rem;background:#4a7c4a14;border:1px solid rgba(74,124,74,.2);border-radius:8px}.model-controls .control-title{font-size:.6875rem;font-weight:600;color:var(--accent-green);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.model-controls .transform-info{margin:.5rem 0;padding:.5rem;background:#4a7c4a0d;border-radius:6px}.model-controls .info-row-small{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--text-secondary);padding:2px 0}.model-controls .info-row-small span:last-child{font-family:Inter,monospace;color:var(--text-primary);font-size:.625rem}.model-controls .transform-hint{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(74,124,74,.15);font-size:.625rem;color:var(--text-muted);display:flex;gap:1rem;justify-content:center}.rotation-presets{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.625rem}.preset-btn{flex:1;min-width:45px;padding:.375rem .25rem;font-size:.625rem;font-weight:500;font-family:inherit;background:#4a7c4a0f;border:1px solid rgba(74,124,74,.15);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.preset-btn:hover{background:#4a7c4a1f;color:var(--text-primary);border-color:var(--accent-green)}.rotation-sliders{display:flex;flex-direction:column;gap:.375rem}.rotation-slider{display:flex;align-items:center;gap:.375rem}.rotation-slider label{font-size:.6875rem;font-weight:600;color:var(--accent-green);width:.875rem;text-align:center}.rotation-slider input[type=range]{flex:1;height:4px;background:#4a7c4a26;border-radius:2px;appearance:none;cursor:pointer}.rotation-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:var(--accent-green);border-radius:50%;cursor:pointer;box-shadow:0 0 4px #4a7c4a66}.rotation-slider input[type=range]::-moz-range-thumb{width:10px;height:10px;background:var(--accent-green);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 4px #4a7c4a66}.rotation-slider span{font-family:Inter,monospace;font-size:.5625rem;color:var(--text-primary);min-width:2rem;text-align:right}.reset-rotation-btn{margin-top:.5rem;padding:.375rem;width:100%;font-size:.625rem;font-weight:500;font-family:inherit;background:#4a7c4a0f;border:1px solid rgba(74,124,74,.15);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.reset-rotation-btn:hover{background:#4a7c4a1f;color:var(--text-primary)}.controls-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:1.5rem;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.625rem 1.25rem;border-radius:8px;border:1px solid rgba(74,124,74,.2);font-size:.75rem;color:var(--text-secondary);box-shadow:0 2px 10px #00000014}.controls-hint span{white-space:nowrap}.left-sidebar::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar,.measurements-list::-webkit-scrollbar{width:6px}.left-sidebar::-webkit-scrollbar-track,.right-sidebar::-webkit-scrollbar-track,.measurements-list::-webkit-scrollbar-track{background:transparent}.left-sidebar::-webkit-scrollbar-thumb,.right-sidebar::-webkit-scrollbar-thumb,.measurements-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.left-sidebar::-webkit-scrollbar-thumb:hover,.right-sidebar::-webkit-scrollbar-thumb:hover,.measurements-list::-webkit-scrollbar-thumb:hover{background:#2d3d2d4d}@media(max-width:1024px){.left-sidebar{flex:0 0 200px}.right-sidebar{flex:0 0 220px}}@media(max-width:768px){.main-content{flex-direction:column}.left-sidebar,.right-sidebar{flex:0 0 auto;max-height:200px}.canvas-container{flex:1 1 300px}}.dark-mode{--bg-dark: #0d1a0d;--bg-secondary: #142014;--bg-tertiary: #1a2a1a;--border-color: rgba(124, 184, 124, .15);--text-primary: #e8f0e8;--text-secondary: #a8c8a8;--text-muted: #6a8a6a}.dark-mode .header{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-dark) 100%)}.dark-mode .canvas-container{background:#1a2a1a;box-shadow:inset 0 2px 20px #0000004d}.dark-mode .info-overlay,.dark-mode .measurement-toolbar,.dark-mode .controls-hint{background:#142014f2;border-color:#7cb87c33}.dark-mode .info-overlay .info-header,.dark-mode .measurement-toolbar .toolbar-title{color:var(--text-secondary);border-bottom-color:#7cb87c33}.dark-mode .info-overlay .info-label,.dark-mode .measurement-toolbar .tool-btn{color:var(--text-secondary)}.dark-mode .info-overlay .info-value{color:var(--text-primary)}.dark-mode .measurement-toolbar .tool-btn{background:#4a7c4a1a}.dark-mode .measurement-toolbar .tool-btn:hover{background:#4a7c4a33;color:var(--text-primary)}.dark-mode .measurement-toolbar .tool-btn.active{background:var(--accent-green);color:#fff}.dark-mode .empty-state{color:var(--text-muted)}.dark-mode .empty-state-sub,.dark-mode .empty-state-formats{color:var(--text-muted)!important}.dark-mode .progress-overlay{background:#0d1a0deb}.dark-mode .progress-modal{background:var(--bg-secondary);border-color:#7cb87c33}.dark-mode .drop-zone{background:#4a7c4a1a}.dark-mode .drop-zone-content{color:#7cb87c}.dark-mode .drop-zone-formats{color:var(--text-secondary)!important}.dark-mode .circumference-controls{background:#4a7c4a1a;border-color:#7cb87c33}.dark-mode .circumference-controls .plane-help,.dark-mode .circumference-controls .info-row-small{color:var(--text-secondary)}.dark-mode .circumference-controls .info-row-small span:last-child{color:var(--text-primary)}.dark-mode .model-controls{background:#4a7c4a1a;border-color:#7cb87c33}.dark-mode .model-controls .control-title{color:#7cb87c}.dark-mode .model-controls .transform-info{background:#4a7c4a1a}.dark-mode .model-controls .info-row-small{color:var(--text-secondary)}.dark-mode .model-controls .info-row-small span:last-child{color:var(--text-primary)}.dark-mode .model-controls .transform-hint{border-top-color:#7cb87c33;color:var(--text-muted)}.dark-mode .last-measurement{background:#4a7c4a26;border-color:#7cb87c}.dark-mode .last-measurement .measurement-label{color:var(--text-secondary)}.dark-mode .last-measurement .measurement-value{color:#7cb87c}.dark-mode .transform-mode-toggle .mode-btn{background:#4a7c4a1a;border-color:#7cb87c33;color:var(--text-secondary)}.dark-mode .transform-mode-toggle .mode-btn:hover{background:#4a7c4a33;color:var(--text-primary)}.dark-mode .preset-btn,.dark-mode .reset-rotation-btn{background:#4a7c4a1a;border-color:#7cb87c33;color:var(--text-secondary)}.dark-mode .preset-btn:hover,.dark-mode .reset-rotation-btn:hover{background:#4a7c4a33;color:var(--text-primary)}.dark-mode .rotation-slider label{color:#7cb87c}.dark-mode .rotation-slider input[type=range]{background:#4a7c4a4d}.dark-mode .rotation-slider span{color:var(--text-primary)}.dark-mode .point-size-control label{color:var(--text-secondary)}.dark-mode .point-size-control input[type=range]{background:#4a7c4a33}.dark-mode .point-size-control span{color:var(--text-primary)}.dark-mode .quality-info{color:#7cb87c}.dark-mode .point-color-control label{color:var(--text-secondary)}.dark-mode .point-color-control input[type=color]{border-color:#7cb87c4d}.dark-mode .point-color-control span{color:var(--text-secondary)}.dark-mode .info-overlay .rotation-controls{border-top-color:#7cb87c33}.dark-mode .info-overlay .rotation-title{color:var(--text-secondary)}.dark-toggle,.camera-toggle{font-size:1.1rem;padding:.4rem .6rem}.camera-speed-control{margin-top:.75rem;padding:.75rem;background:#4a7c4a14;border:1px solid rgba(74,124,74,.2);border-radius:8px}.camera-speed-control .control-title{font-size:.6875rem;font-weight:600;color:var(--accent-green);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.dark-mode .camera-speed-control{background:#4a7c4a1a;border-color:#7cb87c33}.dark-mode .camera-speed-control .control-title{color:#7cb87c}.detect-body-btn{background:linear-gradient(135deg,#9775fa,#845ef7)!important;color:#fff!important}.detect-body-btn:hover{background:linear-gradient(135deg,#845ef7,#7048e8)!important}.detect-body-btn.active{background:linear-gradient(135deg,#69db7c,#51cf66)!important}.detect-body-btn:disabled{opacity:.7;cursor:wait}.body-measurements-panel{margin-top:.75rem;padding:.5rem;background:linear-gradient(135deg,#9775fa1a,#845ef71a);border:1px solid rgba(151,117,250,.3);border-radius:8px;overflow:hidden}.body-measurements-panel .control-title{font-size:.6875rem;font-weight:600;color:#9775fa;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.body-measurements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.body-measurements-header .control-title{margin-bottom:0}.edit-landmarks-btn{background:#7048e81a;border:1px solid rgba(112,72,232,.3);color:#7048e8;padding:.2rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600;cursor:pointer;transition:all .15s ease}.edit-landmarks-btn:hover{background:#7048e833;border-color:#7048e8}.edit-landmarks-btn.active{background:#7048e8;color:#fff;border-color:#7048e8}.edit-landmarks-btn.loading{background:#7048e84d;color:#7048e8;border-color:#7048e880;cursor:wait}.edit-landmarks-btn:disabled{opacity:.7;cursor:wait}.body-measurements-grid{display:flex;flex-direction:column;gap:.3rem}.body-measurements-hint{font-size:.65rem;color:var(--text-muted);text-align:center;margin-bottom:.4rem;opacity:.7}.body-measurement-item{display:flex;justify-content:space-between;align-items:center;padding:.3rem .5rem;background:#ffffff80;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .15s ease;border:1px solid transparent;min-width:0;overflow:hidden}.body-measurement-item:hover{background:#fffc}.body-measurement-item.selected{background:#7048e833;border-color:#7048e8;box-shadow:0 0 4px #7048e84d}.body-measurement-label{color:var(--text-secondary);font-weight:500;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.body-measurement-item.selected .body-measurement-label{color:#7048e8}.body-measurement-value{color:#7048e8;font-weight:600;font-family:SF Mono,monospace;font-size:.7rem;white-space:nowrap}.body-measurement-item.measurement-warning,.body-measurement-item.measurement-danger{flex-wrap:wrap}.body-measurement-item.measurement-warning{background:#ffa50026;border-color:#ffa50066}.body-measurement-item.measurement-warning .body-measurement-value{color:#e67700}.body-measurement-item.measurement-danger{background:#ff3b3026;border-color:#ff3b3066}.body-measurement-item.measurement-danger .body-measurement-value{color:#e03131}.limb-value.measurement-warning{color:#e67700;background:#ffa50026;border-color:#ffa50066}.limb-value.measurement-danger{color:#e03131;background:#ff3b3026;border-color:#ff3b3066}.measurement-outlier-note{width:100%;font-size:.55rem;line-height:1.3;padding-top:2px;color:#e67700;font-style:italic}.measurement-danger .measurement-outlier-note{color:#e03131}.limb-measurement-row .measurement-outlier-note{padding:2px 0 0}.dark-mode .body-measurement-item.measurement-warning{background:#ffa5001f;border-color:#ffa50059}.dark-mode .body-measurement-item.measurement-warning .body-measurement-value{color:#ffa94d}.dark-mode .body-measurement-item.measurement-danger{background:#ff3b301f;border-color:#ff3b3059}.dark-mode .body-measurement-item.measurement-danger .body-measurement-value{color:#ff6b6b}.dark-mode .limb-value.measurement-warning{color:#ffa94d;background:#ffa5001f;border-color:#ffa50059}.dark-mode .limb-value.measurement-danger{color:#ff6b6b;background:#ff3b301f;border-color:#ff3b3059}.dark-mode .measurement-outlier-note{color:#ffa94d}.dark-mode .measurement-danger .measurement-outlier-note{color:#ff6b6b}.body-detection-note{margin-top:.5rem;font-size:.625rem;color:var(--text-muted);text-align:center;font-style:italic}.limb-measurement-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem .5rem;background:#ffffff80;border-radius:4px;font-size:.75rem;min-height:1.75rem}.limb-label{color:var(--text-secondary);font-weight:500;flex-shrink:0;font-size:.7rem;min-width:60px}.limb-values{display:flex;gap:.4rem;flex-wrap:nowrap}.limb-value{color:#7048e8;font-weight:600;font-family:SF Mono,monospace;font-size:.7rem;padding:.15rem .3rem;border-radius:3px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;background:#ffffff4d;white-space:nowrap}.limb-value:hover{background:#fffc}.limb-value.selected{background:#7048e833;border-color:#7048e8;box-shadow:0 0 4px #7048e84d}.dark-mode .limb-measurement-row{background:#28283c80}.dark-mode .limb-label{color:#a0a0c0}.dark-mode .limb-value{color:#b197fc;background:#3c3c5080}.dark-mode .limb-value:hover{background:#505064cc}.dark-mode .limb-value.selected{background:#9775fa4d;border-color:#b197fc}.dark-mode .body-measurements-panel{background:linear-gradient(135deg,#9775fa26,#845ef726);border-color:#9775fa4d}.dark-mode .body-measurements-panel .control-title{color:#b197fc}.dark-mode .body-measurement-item{background:#0000004d}.dark-mode .body-measurement-item:hover{background:#00000080}.dark-mode .body-measurement-item.selected{background:#9775fa40;border-color:#b197fc;box-shadow:0 0 8px #9775fa66}.dark-mode .body-measurement-item.selected .body-measurement-label,.dark-mode .body-measurement-value{color:#b197fc}.body-measurements-section-divider{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.4rem 0 .2rem;margin-top:.2rem;border-top:1px solid rgba(0,0,0,.1);opacity:.7}.dark-mode .body-measurements-section-divider{border-top-color:#ffffff1a}.dark-mode .edit-landmarks-btn{background:#9775fa26;border-color:#9775fa4d;color:#b197fc}.dark-mode .edit-landmarks-btn:hover{background:#9775fa40;border-color:#b197fc}.dark-mode .edit-landmarks-btn.active{background:#b197fc;color:#1a2a1a;border-color:#b197fc}.dark-mode .edit-landmarks-btn.loading{background:#9775fa4d;color:#b197fc;border-color:#9775fa80}.sizing-panel{margin-top:.75rem;padding:.5rem;background:linear-gradient(135deg,#3d8c5c1a,#4a7c4a1a);border:1px solid rgba(61,140,92,.3);border-radius:8px;overflow:hidden}.sizing-panel-header{margin-bottom:.5rem}.sizing-panel .control-title{font-size:.6875rem;font-weight:600;color:#3d8c5c;margin-bottom:0;text-transform:uppercase;letter-spacing:.05em}.sizing-chart-controls{margin-bottom:.5rem}.sizing-chart-select-row{display:flex;align-items:center;gap:4px;margin-bottom:6px}.sizing-chart-select{flex:1;padding:5px 8px;border:1px solid rgba(61,140,92,.3);border-radius:4px;background:#ffffffb3;color:var(--text-primary);font-size:.6875rem;font-weight:500;cursor:pointer}.sizing-delete-btn{padding:4px 6px;background:transparent;border:1px solid rgba(200,60,60,.3);border-radius:4px;cursor:pointer;font-size:.6875rem;color:#c83c3c;transition:all .15s ease}.sizing-delete-btn:hover{background:#c83c3c1a;border-color:#c83c3c}.sizing-chart-actions{display:flex;gap:4px}.sizing-action-btn{flex:1;padding:4px 6px;background:#3d8c5c14;border:1px solid rgba(61,140,92,.2);border-radius:4px;font-size:.625rem;font-weight:500;color:#3d8c5c;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sizing-action-btn:hover{background:#3d8c5c26;border-color:#3d8c5c66}.sizing-chart-note{font-size:.625rem;color:var(--text-muted);font-style:italic;margin-bottom:.5rem;padding:4px 8px;background:#3d8c5c0f;border-radius:4px}.sizing-empty-state{font-size:.6875rem;color:var(--text-muted);padding:.75rem .5rem;text-align:center;font-style:italic}.sizing-recommended{text-align:center;padding:.5rem;margin-bottom:.5rem;background:#3d8c5c14;border-radius:6px}.sizing-recommended-label{display:block;font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:2px}.sizing-recommended-size{display:block;font-size:1.5rem;font-weight:700;color:#3d8c5c;line-height:1.2}.sizing-recommended-score{display:block;font-size:.625rem;color:var(--text-secondary);margin-top:2px}.sizing-details{margin-bottom:.5rem}.sizing-warning{font-size:.625rem;color:#c87a00;padding:6px 8px;margin-bottom:.5rem;background:#ffa00014;border:1px solid rgba(255,160,0,.2);border-radius:4px}.sizing-warning-detail{font-size:.5625rem;color:#c87a00cc;margin-top:2px}.sizing-unmeasurable{font-size:.5625rem;color:#c87a00}.sizing-variants{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:.5rem}.sizing-variant-tag{font-size:.625rem;padding:2px 8px;border-radius:10px;background:#3d8c5c1f;color:#3d8c5c}.sizing-variant-tag strong{font-weight:600}.sizing-detail-row{display:flex;align-items:center;padding:4px 8px;margin-bottom:2px;border-radius:4px;font-size:.6875rem}.sizing-detail-row.sizing-status-fit,.sizing-detail-row.sizing-status-tightlow,.sizing-detail-row.sizing-status-tighthigh{background:#3d8c5c14}.sizing-detail-row.sizing-status-over,.sizing-detail-row.sizing-status-under{background:#ffa00014}.sizing-detail-row.sizing-status-nearestunder,.sizing-detail-row.sizing-status-nearestover{background:#3d8c5c0a}.sizing-detail-label{flex:1;color:var(--text-secondary);font-weight:500}.sizing-detail-value{font-family:monospace;color:var(--text-primary);margin-right:6px;font-weight:500}.sizing-detail-status{width:20px;text-align:center}.sizing-status-fit .sizing-detail-status,.sizing-status-tightlow .sizing-detail-status,.sizing-status-tighthigh .sizing-detail-status{color:#3d8c5c}.sizing-status-over .sizing-detail-status,.sizing-status-under .sizing-detail-status{color:#ffa000}.sizing-status-nearestunder .sizing-detail-status,.sizing-status-nearestover .sizing-detail-status{color:#3d8c5c99}.sizing-detail-range{font-size:.6rem;color:var(--text-muted);min-width:70px;text-align:right}.sizing-toggle-all{width:100%;padding:5px;margin-top:4px;background:transparent;border:1px solid rgba(61,140,92,.2);border-radius:4px;font-size:.625rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.sizing-toggle-all:hover{background:#3d8c5c0f;border-color:#3d8c5c66}.sizing-all-sizes{margin-top:6px}.sizing-size-row{display:flex;align-items:center;padding:3px 6px;margin-bottom:2px;border-radius:4px}.sizing-size-row.recommended{background:#3d8c5c1a}.sizing-size-label{width:32px;font-size:.6875rem;font-weight:500;color:var(--text-secondary);flex-shrink:0}.sizing-size-row.recommended .sizing-size-label{color:#3d8c5c;font-weight:600}.sizing-size-ranges{font-size:.5625rem;color:var(--text-muted);margin-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.sizing-score-bar{flex:1;height:4px;background:#00000014;border-radius:2px;margin-right:8px;overflow:hidden}.sizing-score-fill{height:100%;background:#3d8c5c66;border-radius:2px;transition:width .3s ease}.sizing-size-row.recommended .sizing-score-fill{background:#3d8c5c}.sizing-size-score{font-size:.625rem;color:var(--text-muted);min-width:28px;text-align:right}.sizing-best-badge{font-size:.5625rem;color:#3d8c5c;font-weight:600;margin-left:4px}.dark-mode .sizing-panel{background:linear-gradient(135deg,#3d8c5c26,#4a7c4a26);border-color:#3d8c5c4d}.dark-mode .sizing-panel .control-title{color:#5cb87a}.dark-mode .sizing-chart-select{background:#0000004d;border-color:#3d8c5c4d;color:#e0e0e0}.dark-mode .sizing-action-btn{background:#3d8c5c1f;border-color:#3d8c5c40;color:#5cb87a}.dark-mode .sizing-action-btn:hover{background:#3d8c5c33}.dark-mode .sizing-recommended{background:#3d8c5c1f}.dark-mode .sizing-recommended-size{color:#5cb87a}.dark-mode .sizing-detail-row.sizing-status-fit,.dark-mode .sizing-detail-row.sizing-status-tightlow,.dark-mode .sizing-detail-row.sizing-status-tighthigh{background:#3d8c5c1f}.dark-mode .sizing-detail-row.sizing-status-over,.dark-mode .sizing-detail-row.sizing-status-under{background:#ffa0001f}.dark-mode .sizing-detail-row.sizing-status-nearestunder,.dark-mode .sizing-detail-row.sizing-status-nearestover{background:#3d8c5c0f}.dark-mode .sizing-detail-value{color:#e0e0e0}.dark-mode .sizing-score-bar{background:#ffffff14}.dark-mode .sizing-delete-btn{border-color:#c83c3c4d;color:#e06060}.dark-mode .sizing-delete-btn:hover{background:#c83c3c26}.body-detection-overlay{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;gap:1.5rem}.body-detection-spinner{width:60px;height:60px;border:4px solid rgba(151,117,250,.3);border-top-color:#9775fa;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.body-detection-status{display:flex;flex-direction:column;align-items:center;gap:.5rem}.body-detection-title{font-size:1.25rem;font-weight:600;color:#fff}.body-detection-message{font-size:.875rem;color:#ffffffb3;min-height:1.25rem}.obj-modal-overlay{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200}.obj-modal{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center}.dark-mode .obj-modal{background:#2a2a2a}.obj-modal-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#333}.dark-mode .obj-modal-title{color:#eee}.obj-modal-description{font-size:.9rem;color:#666;margin-bottom:1.5rem}.dark-mode .obj-modal-description{color:#aaa}.obj-modal-buttons{display:flex;gap:1rem;margin-bottom:1rem}.obj-modal-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;border:2px solid #e0e0e0;border-radius:12px;background:#fafafa;cursor:pointer;transition:all .2s ease}.dark-mode .obj-modal-btn{background:#333;border-color:#444}.obj-modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.obj-modal-btn-point:hover{border-color:#9775fa;background:#9775fa1a}.obj-modal-btn-mesh:hover{border-color:#4dabf7;background:#4dabf71a}.obj-modal-btn-decimated:hover{border-color:#e67e22;background:#e67e221a}.obj-modal-btn-full:hover{border-color:#3498db;background:#3498db1a}.obj-modal-btn-icon{font-size:2rem}.obj-modal-btn-label{font-size:1rem;font-weight:600;color:#333}.dark-mode .obj-modal-btn-label{color:#eee}.obj-modal-btn-desc{font-size:.7rem;color:#888;line-height:1.3}.dark-mode .obj-modal-btn-desc{color:#999}.obj-modal-cancel{background:none;border:none;color:#888;font-size:.85rem;cursor:pointer;padding:.5rem 1rem;transition:color .2s}.obj-modal-cancel:hover{color:#333}.dark-mode .obj-modal-cancel:hover{color:#eee}.detect-body-container{display:flex;flex-direction:column;gap:.375rem}.detection-method-toggle{display:flex;gap:.25rem;padding:.25rem;background:#0000000d;border-radius:6px}.detection-method-toggle .method-btn{flex:1;padding:.25rem .5rem;font-size:.625rem;font-weight:600;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease;background:transparent;color:var(--text-secondary);white-space:nowrap}.detection-method-toggle .method-btn:hover{background:#9775fa1a;color:#9775fa}.detection-method-toggle .method-btn.active{background:linear-gradient(135deg,#9775fa,#845ef7);color:#fff;border-color:transparent}.detection-method-toggle .method-btn.unavailable{opacity:.5;cursor:not-allowed}.detection-method-toggle .method-btn.unavailable:hover{background:transparent;color:var(--text-secondary)}.dark-mode .detection-method-toggle{background:#ffffff0d}.dark-mode .detection-method-toggle .method-btn{color:var(--text-secondary)}.dark-mode .detection-method-toggle .method-btn:hover{background:#9775fa33;color:#b197fc}.dark-mode .detection-method-toggle .method-btn.active{background:linear-gradient(135deg,#9775fa,#845ef7);color:#fff}.pro-layout.app-container{background:#000!important;color:#fff}.pro-layout .pro-header{display:flex!important;align-items:center;background:#0f2a1a;border-bottom:1px solid rgba(255,255,255,.08);padding:0;height:48px;flex-shrink:0}.pro-layout .pro-header-logo{display:flex;align-items:center;padding:0 20px;height:100%;border-right:1px solid rgba(255,255,255,.08)}.pro-layout .pro-header-logo svg{width:40px;height:28px;color:#fff}.pro-layout .pro-header-menu{display:flex;align-items:center;gap:0;height:100%;flex:1}.pro-layout .pro-menu-item{padding:0 16px;height:100%;display:flex;align-items:center;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;background:transparent}.pro-layout .pro-menu-item:hover{color:#fff;background:#1a3a25}.pro-layout .pro-toolbar{position:absolute;top:60px;left:20px;display:flex!important;align-items:center;gap:12px;z-index:100}.pro-layout .pro-mode-toggle{display:flex;background:#142f1f;border-radius:8px;padding:4px;border:1px solid rgba(255,255,255,.08)}.pro-layout .pro-mode-btn{padding:8px 20px;border-radius:6px;font-size:13px;font-weight:500;color:#ffffffb3;background:transparent;border:none;cursor:pointer;transition:all .15s ease}.pro-layout .pro-mode-btn.active{background:#3d8c5c;color:#fff}.pro-layout .pro-mode-btn:hover:not(.active){color:#fff}.pro-layout .pro-tool-group{display:flex;background:#142f1f;border-radius:8px;padding:4px;gap:2px;border:1px solid rgba(255,255,255,.08)}.pro-layout .pro-tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#ffffffb3;background:transparent;border:none;cursor:pointer;transition:all .15s ease;font-size:16px}.pro-layout .pro-tool-btn:hover{background:#1a3a25;color:#fff}.pro-layout .pro-tool-btn.active{background:#3d8c5c;color:#fff}.pro-layout .pro-main{flex:1;display:flex;position:relative;overflow:hidden}.pro-layout .pro-viewer{flex:1;position:relative;background:var(--pro-bg-primary)}.pro-layout .pro-sidebar{width:340px;background:var(--pro-bg-secondary);border-left:1px solid var(--pro-border);display:flex;flex-direction:column;overflow:hidden}.pro-layout .pro-sidebar-header{padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.pro-layout .pro-sidebar-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80}.pro-layout .pro-sidebar-actions{display:flex;gap:8px}.pro-layout .pro-sidebar-action{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#ffffff80;background:transparent;border:none;border-radius:4px;cursor:pointer}.pro-layout .pro-sidebar-action:hover{background:#1a3a25;color:#fff}.pro-layout .pro-sidebar-content{flex:1;overflow-y:auto;padding:0}.pro-layout .pro-measurement-category{padding:12px 16px 8px}.pro-layout .pro-category-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin-bottom:8px}.pro-layout .pro-measurement-item{display:flex;align-items:center;padding:8px 12px;margin:0 -4px;border-radius:6px;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.pro-layout .pro-measurement-item:hover{background:#1a3a25}.pro-layout .pro-measurement-item.active{background:#3d8c5c4d;border:1px solid #3d8c5c}.pro-layout .pro-measurement-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px;color:#ffffff80;font-size:12px}.pro-layout .pro-measurement-item.active .pro-measurement-icon{color:#3d8c5c}.pro-layout .pro-measurement-name{flex:1;font-size:13px;color:#ffffffb3}.pro-layout .pro-measurement-item.active .pro-measurement-name{color:#fff}.pro-layout .pro-measurement-value{font-size:13px;font-weight:500;color:#fff;font-family:SF Mono,Consolas,monospace}.pro-layout .pro-select-row{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.pro-layout .pro-select-label{font-size:12px;color:#ffffff80}.pro-layout .pro-select-all-btn{padding:6px 12px;font-size:11px;font-weight:500;color:#ffffffb3;background:#142f1f;border:1px solid rgba(255,255,255,.08);border-radius:4px;cursor:pointer}.pro-layout .pro-select-all-btn:hover{background:#1a3a25;color:#fff}.pro-layout .pro-export-section{padding:16px;border-top:1px solid rgba(255,255,255,.08);background:#142f1f}.pro-layout .pro-export-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pro-layout .pro-export-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80}.pro-layout .pro-export-icons{display:flex;gap:8px}.pro-layout .pro-export-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pro-layout .pro-export-toggle{display:flex;background:#0a1f14;border-radius:4px;padding:2px}.pro-layout .pro-export-toggle-btn{padding:6px 14px;font-size:11px;font-weight:500;color:#ffffff80;background:transparent;border:none;border-radius:3px;cursor:pointer}.pro-layout .pro-export-toggle-btn.active{background:#1a3a25;color:#fff}.pro-layout .pro-file-select{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0a1f14;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:11px;color:#ffffffb3;cursor:pointer}.pro-layout .pro-file-select select{background:transparent;border:none;color:#fff;font-size:11px;font-weight:500;cursor:pointer}.pro-layout .pro-export-btn{width:100%;padding:12px;background:#3d8c5c;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.pro-layout .pro-export-btn:hover{background:#4a9d6a}.pro-layout .pro-statusbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0f2a1a;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#ffffff80;position:fixed;bottom:0;left:0;right:340px;z-index:200}.pro-layout .pro-statusbar-left{display:flex;align-items:center;gap:24px}.pro-layout .pro-statusbar-item{display:flex;align-items:center;gap:6px}.pro-layout .pro-statusbar-label{color:#ffffff80;text-transform:uppercase;font-size:10px;letter-spacing:.3px}.pro-layout .pro-statusbar-value{color:#ffffffb3;font-family:SF Mono,Consolas,monospace}.pro-layout .pro-statusbar-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#ffffff80;background:transparent;border:none;border-radius:4px;cursor:pointer}.pro-layout .pro-statusbar-close:hover{background:#1a3a25;color:#fff}.pro-layout .pro-orientation-widget{position:absolute;bottom:60px;left:20px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:100}.pro-layout .pro-orientation-cube{width:100px;height:100px;background:#142f1f;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.pro-layout .pro-orientation-toggle{display:flex;background:#142f1f;border-radius:6px;padding:3px;border:1px solid rgba(255,255,255,.08)}.pro-layout .pro-orientation-btn{padding:6px 14px;font-size:11px;font-weight:500;color:#ffffff80;background:transparent;border:none;border-radius:4px;cursor:pointer}.pro-layout .pro-orientation-btn.active{background:#1a3a25;color:#fff}.pro-layout .header,.pro-layout .info-overlay{display:none}.pro-layout .main-content{margin:0;padding:0}.pro-layout .viewer-container{margin:0;border-radius:0;border:none;background:var(--pro-bg-primary)}.layout-toggle{position:fixed;bottom:20px;right:20px;z-index:10000;padding:10px 18px;background:#3d8c5c;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s ease}.layout-toggle:hover{background:#4a9d6a;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.pro-layout .pro-sidebar-content::-webkit-scrollbar{width:6px}.pro-layout .pro-sidebar-content::-webkit-scrollbar-track{background:transparent}.pro-layout .pro-sidebar-content::-webkit-scrollbar-thumb{background:var(--pro-border-light);border-radius:3px}.pro-layout .pro-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--pro-text-muted)}.pro-layout .canvas-container{flex:1;display:flex;flex-direction:column;position:relative;margin:0!important;border-radius:0!important;background:radial-gradient(ellipse at center,#4a4a4a,#2a2a2a,#151515,#080808,#000)!important;box-shadow:none!important;min-height:0}.pro-layout .canvas-container canvas{display:block;width:100%!important;height:100%!important}.pro-layout .info-overlay{display:none!important}.pro-layout .controls-hint{display:none}.pro-layout .mode-toggle,.pro-layout .viewer-controls-panel{display:none!important}.pro-layout .layout-toggle{bottom:auto;top:60px;right:300px}