:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0;max-width:95vw;text-align:center}.analyzer-container{align-items:center;display:flex;flex-direction:column;gap:1rem;max-height:95vh;transition:margin-right .3s ease-in-out}.carousel-container{width:100%}.delete-button{align-items:center;background-color:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:-8px;top:-8px;transition:background-color .2s ease;width:20px}.drawer-content{color:#fff;flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.drawer-toggle-btn{align-items:center;background-color:#333;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:calc(40% + 16px);top:50%;transform:translateY(-50%);transition:background-color .2s,right .3s ease-in-out;width:36px;z-index:1001}.drawer-toggle-btn.drawer-closed{right:16px}.drawer-toggle-btn:hover{background-color:#444}.drawer-toggle-icon{height:20px;width:20px}.drawer-toggle-btn .drawer-toggle-icon{transition:transform .3s ease-in-out;transform:rotate(0)}.drawer-toggle-btn.drawer-closed .drawer-toggle-icon{transform:rotate(180deg)}.file-button{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.file-button:hover{background-color:#2563eb}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-input-wrapper{display:inline-block;position:relative}.preview-drawer-container{display:flex;height:40vh;position:relative;width:100vw;overflow:hidden}.preview-section{height:100%;transition:width .3s ease-in-out;width:100%;display:flex;align-items:center;justify-content:center}.preview-section.with-drawer{width:60%}.metadata-drawer{background-color:#1a1a1a;box-shadow:-2px 0 5px #0003;height:100%;width:0;position:absolute;right:0;top:0;transition:width .3s ease-in-out;display:flex;flex-direction:column;overflow:hidden}.metadata-drawer.open{width:40%}.preview-section canvas{cursor:crosshair;height:100%;max-height:100%;max-width:100%;object-fit:contain}.scope-container{display:flex;flex-direction:column}.scopes-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:100%}.scopes-section{width:50%}.thumbnail-btn{align-items:center;background:none;border:2px solid transparent;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;position:relative;transition:transform .2s ease;width:160px}.thumbnail-btn img{border-radius:2px;max-height:100%;max-width:100%;object-fit:contain}.thumbnail-container{display:inline-block;position:relative}.thumbnails{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;max-width:100%;overflow-x:auto;padding:.5rem}.thumbnails-wrapper{display:flex;gap:12px;overflow-x:auto;padding-top:10px;scrollbar-color:rgba(136,136,136,.5) transparent;scrollbar-width:thin}.thumbnails-wrapper::-webkit-scrollbar{background:transparent;height:8px}.title{font-size:1.5rem;font-weight:700}.drawer-title{color:#fff;font-size:1.25rem;font-weight:500;margin:0 0 1rem}.drawer-section{margin-bottom:1rem}.measurement-tooltip{position:absolute;background-color:#1a1a1ae6;border-radius:8px;padding:12px;color:#fff;font-family:monospace;z-index:1000;box-shadow:0 4px 12px #0003;min-width:200px;pointer-events:none}.tooltip-title{font-size:14px;font-weight:700;margin-bottom:8px}.tooltip-detail{display:block;margin:4px 0;font-size:12px}.tooltip-color-preview{display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:4px;vertical-align:middle}.preview-container{position:relative;cursor:crosshair}.canvas-container{position:relative;height:40vh;width:600px;margin:0 auto}.canvas{position:absolute;top:0;left:0;width:100%;height:100%}.base-canvas{z-index:1}.overlay-canvas{z-index:2}.false-color-canvas{z-index:3;opacity:.7}.measurement-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1a1a1a;padding:24px;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:1000;min-width:300px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.measurement-input{background-color:#0003;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:14px;padding:8px 12px;width:100%;margin-bottom:16px}.button-container{display:flex;gap:8px;justify-content:flex-end}.modal-button{background-color:#3b82f6;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;transition:background-color .2s}.modal-button:hover{background-color:#2563eb}.modal-button.cancel{background-color:transparent;border:1px solid rgba(255,255,255,.2)}.modal-button.cancel:hover{background-color:#ffffff1a}.no-images-message{text-align:center;padding:32px;color:#666}.carousel-container{position:relative;padding:0 80px;width:calc(100% - 160px);margin:0 80px}.thumbnails-wrapper{display:flex;gap:12px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:rgba(136,136,136,.5) transparent}.thumbnails-wrapper::-webkit-scrollbar{height:8px;background:transparent}.thumbnails-wrapper::-webkit-scrollbar-track{background:transparent;border-radius:4px}.thumbnails-wrapper::-webkit-scrollbar-thumb{background:#88888880;border-radius:4px}.thumbnails-wrapper::-webkit-scrollbar-thumb:hover{background:#555555b3}.thumbnail-container{position:relative;display:inline-block}.thumbnail-btn{background:none;border:2px solid transparent;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;position:relative;transition:transform .2s ease;width:160px}.thumbnail-btn.active{border-color:#06c}.thumbnail-btn:hover{transform:scale(1.05)}.thumbnail-aspect-ratio{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.thumbnail-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000}.thumbnail-image{max-width:100%;max-height:100%;object-fit:contain}.delete-button{position:absolute;top:-8px;right:-8px;background-color:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:16px;line-height:1;padding:0;transition:background-color .2s}.delete-button:hover{background-color:#c00}.carousel-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#0009;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:2;transition:all .2s ease;opacity:0;pointer-events:none}.carousel-nav-button.visible{opacity:1;pointer-events:auto}.carousel-nav-button:hover{background-color:#000c}.carousel-nav-button.prev{left:20px}.carousel-nav-button.next{right:20px}.carousel-nav-button svg{width:32px;height:32px}.carousel-nav-button path{stroke-width:2.5}.scopes-section{display:flex;align-items:center;flex-direction:column;width:100%}.scopes-grid{display:flex;flex-direction:row;overflow-x:auto;gap:0;scroll-behavior:smooth;scrollbar-width:thin;-ms-overflow-style:none}.scopes-grid::-webkit-scrollbar{height:6px}.scopes-grid::-webkit-scrollbar-track{background:#1a1a1a}.scopes-grid::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.scope-container{flex:1;min-width:300px;max-width:600px;background-color:#000}.scope-header{position:relative;display:flex;justify-content:center;align-items:center;padding:4px 8px;background-color:#1a1a1a;border-bottom:1px solid #333}.scope-title{color:#fff;font-size:14px;font-weight:400;margin:0;position:absolute;left:50%;transform:translate(-50%)}.fullscreen-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;opacity:.7;transition:opacity .2s;margin-left:auto;z-index:1}.fullscreen-button:hover{opacity:1}.fullscreen-icon{width:16px;height:16px}.loading{display:flex;align-items:center;justify-content:center;height:420px;background-color:#000;color:#eee;font-size:.875rem}.ire-container{background-color:#1a1a1a;border-radius:8px;padding:16px;color:#fff;font-family:monospace;margin:16px 0;width:fit-content}.ire-row{display:flex;align-items:center;gap:8px;margin:4px 0}.ire-label{font-size:14px;min-width:80px}.ire-value{font-size:18px;font-weight:700;color:#4caf50}.ire-no-data{color:#888;font-style:italic}.ire-checkbox{margin-top:12px;display:flex;align-items:center;gap:8px}.ire-legend{margin-top:16px;display:none}.ire-legend.visible{display:block}.ire-legend-title{font-size:14px;margin-bottom:8px}.ire-legend-item{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:12px}.ire-color-swatch{width:16px;height:16px;border-radius:4px}.dimensions-container{background-color:#1a1a1a;border-radius:8px;padding:16px;color:#fff;font-family:monospace;margin:16px 0;width:fit-content}.dimensions-row{display:flex;align-items:center;gap:8px;margin:4px 0}.dimensions-label{font-size:14px;min-width:120px}.dimensions-value{font-size:18px;font-weight:700;color:#4caf50}.measurement-container{padding:16px 0;border-top:1px solid rgba(255,255,255,.1)}.measurement-title{font-size:16px;font-weight:500;margin-bottom:12px;color:#fff}.measurement-list{display:flex;flex-direction:column;gap:12px}.measurement-item{background-color:#0003;border-radius:6px;padding:12px;position:relative;transition:background-color .2s;cursor:default}.measurement-item:hover{background-color:#0000004d}.item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.color-preview{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.title-input{background:none;border:1px solid transparent;color:#fff;font-size:14px;padding:2px 4px;width:100%;outline:none}.title-input.editing{border:1px solid rgba(255,255,255,.3);background-color:#0003;border-radius:4px}.measurement-details{font-size:12px;color:#ffffffb3;display:flex;flex-direction:column;gap:4px}.delete-button{position:absolute;top:8px;right:8px;background:none;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:color .2s;width:24px;height:24px}.delete-button:hover{color:#ffffffe6}.no-measurements{color:#ffffff80;text-align:center;padding:16px 0;font-style:italic}.color-palette-container{padding:16px;background-color:#1a1a1a;border-radius:8px;margin-bottom:16px}.color-palette-title{font-size:16px;color:#fff;margin-bottom:12px;font-weight:500}.color-palette{display:flex;overflow:hidden;border-radius:4px;height:40px}.color-swatch{flex:1;transition:transform .2s;cursor:pointer;position:relative}.color-swatch:hover{transform:scaleY(1.1)}.color-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:1000}.export-container{display:flex;gap:16px;margin-top:16px}.export-button{background-color:#3b82f6;color:#fff;padding:8px 16px;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s}.export-button:hover{background-color:#2563eb}.export-button.cancel{background-color:transparent;border:1px solid rgba(255,255,255,.2)}.dropzone{border:3px dashed #666;border-radius:8px;padding:40px;text-align:center;background-color:#1a1a1a;color:#888;font-size:1.2em;cursor:pointer;transition:all .3s ease;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin:20px}.dropzone.dragging{border-color:#3b82f6;background-color:#1e293b;color:#fff}.dropzone-text{font-size:1.5em;margin:0}.dropzone-subtext{font-size:.9em;color:#666}.dropzone-container{width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}