:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1d21;--accent: #4dabf7;--border: rgba(255, 255, 255, .12);--panel: rgba(255, 255, 255, .04);--input-bg: rgba(255, 255, 255, .06);--subtitle: rgba(255, 255, 255, .6);--drop-hover: rgba(77, 171, 247, .06);--error: #ff6b6b;--error-bg: rgba(255, 107, 107, .12);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;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh}#root{width:100%;display:flex;justify-content:center;align-items:center}h1{font-size:1.5rem;line-height:1.25;font-weight:600}button{border-radius:6px;border:1px solid transparent;padding:.5rem .875rem;font-size:.875rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .2s,background-color .2s}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:#f5f6f8;--border: rgba(0, 0, 0, .12);--panel: rgba(255, 255, 255, .9);--input-bg: #fff;--subtitle: #64748b;--drop-hover: rgba(77, 171, 247, .08);--error: #dc2626;--error-bg: rgba(220, 38, 38, .1)}a:hover{color:#747bff}button{background-color:#f9f9f9}}.file-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--panel);border-radius:8px;border:1px solid var(--border)}.file-count{font-size:.9rem}.file-nav{display:flex;align-items:center;gap:.5rem}.file-nav button{padding:.35rem .6rem;font-size:.85rem}.crop-actions{display:flex;gap:.5rem}.preview-img-wrap{position:relative;display:inline-block;line-height:0}.crop-overlay{position:absolute;border:2px solid var(--accent);background:#4dabf726;pointer-events:none;box-sizing:border-box}.stacking-empty{text-align:center}.file-input-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.empty-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.empty-actions .empty-action-btn{width:11rem;min-height:3.25rem;padding:.65rem 1rem;box-sizing:border-box}.stacking-view{flex:1;display:flex;flex-direction:column;min-height:0}@media(max-width:900px){.stacking-view{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.header-desktop,.stacking-controls-desktop{display:none!important}.mobile-tools-bar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:.5rem 0;border-bottom:1px solid var(--border, #ddd);gap:1rem}.mobile-tools-bar .toolbar-row{flex:1}.mobile-tools-title{font-size:1.125rem;font-weight:700;margin:0;flex-shrink:0}.mobile-tools-title .header-ir{color:#e63946}.stacking-layout{flex:1;min-height:0;max-height:calc(100dvh - 4rem);overflow:hidden;display:flex}.stacking-main{display:flex;flex-direction:column;flex:1;min-height:0;margin-right:0;overflow:hidden}.stacking-canvas-wrap{flex:1;min-height:0;max-height:none;aspect-ratio:auto;overflow:auto;-webkit-overflow-scrolling:touch}.stacking-resize-handle{display:none}.stacking-sidebar{flex-shrink:0;align-self:stretch;min-width:140px;max-width:40%;max-height:100%}.reference-scale-bar{flex-shrink:0;padding:.35rem 0;font-size:.75rem}.reference-scale-bar .y-min-adjust{flex-wrap:wrap}.stacking-sidebar{overflow:hidden;display:flex;flex-direction:column;min-height:0}.spectra-list,.archive-list{touch-action:pan-y;overscroll-behavior-y:contain;overflow-y:scroll;-webkit-overflow-scrolling:touch}.sidebar-tabs{margin-bottom:.3rem}.sample-library-modal{max-height:90dvh;width:95vw;min-width:0}}@media(min-width:901px){.mobile-tools-bar{display:none!important}}.stacking-view .header{margin-bottom:.75rem;flex-shrink:0}.stacking-view .header h1{font-size:1.25rem;font-weight:700}.header .header-ir{color:#e63946}.stacking-view .subtitle{font-size:.8125rem}.stacking-layout{display:flex;flex:1;min-height:0;align-items:stretch}.stacking-main{flex:1;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;min-height:0;margin-right:.5rem}.stacking-controls{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:flex-end;width:100%}.stacking-controls .control-group{margin-bottom:0}.stacking-controls .control-group label{margin-bottom:.25rem}.stacking-controls .toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.stacking-controls .toolbar-row .tool-btn,.stacking-controls .toolbar-row .btn-with-icon{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .6rem}.stacking-controls .toolbar-row .tool-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ref-calibrated{display:flex;flex-direction:column;gap:.35rem}.stacking-controls select{padding:.4rem .65rem;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);color:inherit;font-size:.8125rem}.stacking-canvas-wrap{flex:0 0 auto;width:100%;aspect-ratio:800 / 475;max-height:70vh;overflow:auto;border-radius:8px;background:#fff}.touch-hint-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.75rem 1.25rem;background:#000c;color:#fff;border-radius:8px;font-size:.9375rem;font-weight:500;pointer-events:none;z-index:55}.touch-region-adjust{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:#000000e0;color:#fff;border-radius:10px;box-shadow:0 4px 16px #0000004d;z-index:60}.touch-region-adjust-row{display:flex;align-items:center;gap:.5rem}.touch-region-adjust-label{font-size:.875rem;font-weight:500;min-width:40px}.touch-region-adjust-btn{min-width:44px;min-height:44px;padding:0;border:1px solid rgba(255,255,255,.4);border-radius:8px;background:#ffffff1f;color:inherit;font-size:1.25rem;font-weight:600;cursor:pointer;transition:background .15s}.touch-region-adjust-btn:hover{background:#ffffff40}.touch-region-adjust-btn:active{background:#ffffff59}.touch-region-adjust-actions{display:flex;gap:.5rem;margin-top:.25rem}.touch-region-adjust-confirm,.touch-region-adjust-cancel{flex:1;min-height:44px;padding:.5rem 1rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer}.stacking-canvas,.spectrum-data-display{display:block;width:100%;height:100%}.stacking-resize-handle{flex-shrink:0;width:8px;cursor:col-resize}.stacking-sidebar{flex-shrink:0;align-self:flex-start;min-width:160px;max-width:500px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-header{font-weight:600;font-size:.875rem;margin-bottom:.4rem;letter-spacing:-.01em}.sidebar-tabs{display:flex;gap:.2rem;margin-bottom:.4rem}.sidebar-tabs button{flex:1;padding:.4rem .5rem;font-size:.8125rem}.archive-list,.spectra-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.archive-empty{padding:.625rem;font-size:.8125rem;color:var(--subtitle);line-height:1.4}.archive-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.archive-item .spectrum-toggle{flex:1;min-width:0;cursor:default}.spectrum-item{padding:.5rem .6rem;border-radius:6px;background:var(--input-bg);border:1px solid transparent}.spectrum-item.visible{border-color:var(--accent)}.spectrum-item.active-spectrum{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.peak-list{margin-top:.35rem;font-size:.8125rem;max-height:160px;overflow-y:auto}.peak-list-item{display:flex;align-items:center;gap:.3rem;padding:.3rem 0;border-bottom:1px solid var(--border)}.peak-list-item:last-child{border-bottom:none}.peak-wavenumber{flex-shrink:0;font-family:ui-monospace,monospace;font-size:.75rem;min-width:48px}.peak-label-input{flex:1;min-width:0;padding:.25rem .35rem;font-size:.8125rem;border:1px solid var(--border);border-radius:4px}.peak-list-empty{padding:.5rem;color:var(--subtitle);font-size:.8125rem;line-height:1.4}.peak-list-actions{padding:.35rem 0;border-bottom:1px solid var(--border);margin-bottom:.25rem}.peak-checkbox{flex-shrink:0;margin:0}.peak-group-block{border:1px solid var(--border);border-radius:6px;padding:.35rem;margin:.35rem 0;background:var(--panel)}.peak-group-header{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.peak-group-block.collapsed .peak-group-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.peak-group-toggle{flex-shrink:0;width:20px;padding:.15rem;font-size:.7rem}.peak-group-count{font-size:.75rem;color:var(--subtitle);margin-left:auto}.peak-group-header .peak-label-input{flex:1;min-width:80px}.peak-in-group .peak-label-input{display:none}.peak-list-regions{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.peak-list-regions-label{font-size:.75rem;font-weight:500;color:var(--subtitle);margin-bottom:.25rem}.region-item{border-left:3px solid var(--accent, #0d47a1)}.spectrum-toggle-row{display:flex;align-items:center;gap:.4rem;font-size:.8125rem}.spectrum-icon-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;border-radius:4px;cursor:pointer;color:inherit}.spectrum-icon-btn:hover{background:var(--drop-hover)}.spectrum-icon-btn.muted{opacity:.4}.spectrum-icon-btn.muted:hover{opacity:.7}.spectrum-remove-btn:hover{color:var(--error)}.spectrum-active-check{flex-shrink:0;display:flex;align-items:center;cursor:pointer}.spectrum-active-check input{position:absolute;opacity:0;width:0;height:0}.spectrum-active-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--border);transition:border-color .2s,background .2s}.spectrum-active-check input:checked+.spectrum-active-dot{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px var(--input-bg)}.spectrum-active-check:hover .spectrum-active-dot{border-color:var(--accent)}.spectrum-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.spectrum-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.spectrum-toggle{display:flex;align-items:center;gap:.45rem;cursor:pointer;font-size:.8125rem}.spectrum-toggle input{cursor:pointer;width:14px;height:14px}.spectrum-meta{margin-top:.25rem;margin-left:1.4rem;display:flex;flex-wrap:wrap;gap:.25rem .5rem;align-items:center}.spectrum-meta .hint{margin-bottom:0;margin-right:.15rem}.spectrum-meta .small,.spectrum-meta button.small{font-size:.75rem;padding:.25rem .45rem}.full{width:100%;margin-top:auto}.calibration-modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.settings-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.settings-modal{background:var(--panel, #fff);border:1px solid var(--border, #ddd);border-radius:10px;box-shadow:0 8px 32px #0003;min-width:320px;max-width:400px;display:flex;flex-direction:column;overflow:hidden}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border, #ddd)}.settings-modal-header h3{margin:0;font-size:1rem;font-weight:600}.settings-modal-close{width:28px;height:28px;padding:0;font-size:1.25rem;line-height:1}.settings-modal-body{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.settings-modal-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.settings-modal-checkbox input{margin:0}.settings-modal-hint{font-size:.8125rem;color:var(--subtitle, #666);margin-bottom:.25rem}.settings-modal-footer{display:flex;justify-content:flex-end;padding:.75rem 1rem;border-top:1px solid var(--border, #ddd)}.reference-scale-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.8125rem;border-top:1px solid var(--border, #ddd);min-height:36px}.reference-scale-hint{color:var(--subtitle, #666)}.reference-scale-cal-hint{color:var(--subtitle, #666);margin-left:auto}.y-min-adjust{display:flex;align-items:center;gap:.35rem;margin-left:auto}.y-min-label{font-size:.8125rem;color:var(--subtitle, #666)}.y-min-value{font-size:.8125rem;font-family:ui-monospace,monospace;min-width:2.5rem;text-align:center}.y-min-btn{width:24px;height:24px;padding:0;font-size:1rem;line-height:1}.export-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.export-modal{background:var(--panel, #fff);border:1px solid var(--border, #ddd);border-radius:10px;box-shadow:0 8px 32px #0003;min-width:320px;max-width:400px;display:flex;flex-direction:column;overflow:hidden}.export-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border, #ddd)}.export-modal-header h3{margin:0;font-size:1rem;font-weight:600}.export-modal-close{width:28px;height:28px;padding:0;font-size:1.25rem;line-height:1}.export-modal-body{padding:1rem;display:flex;flex-direction:column;gap:1rem}.export-modal-option label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.35rem}.export-modal-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.export-modal-checkbox input{margin:0}.export-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border, #ddd)}.sample-library-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.sample-library-modal{background:#252930;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 8px 32px #00000080;min-width:420px;max-width:560px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.sample-library-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.sample-library-header h3{margin:0;font-size:.9375rem;font-weight:600;color:#fff}.sample-library-close{width:26px;height:26px;padding:0;font-size:1.1rem;line-height:1}.sample-library-modal .ghost{color:#ffffffd9}.sample-library-modal .ghost:hover{color:#fff}.sample-library-list{flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.sample-library-list-header{display:grid;grid-template-columns:1fr 110px 72px;gap:.75rem;padding:.5rem 1rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffffbf;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.sample-library-row{display:grid;grid-template-columns:1fr 110px 72px;gap:.75rem;align-items:center;padding:.5rem 1rem;font-size:.875rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.sample-library-row:hover{background:#ffffff0f}.sample-library-col-name{display:flex;align-items:center;gap:10px;min-width:0}.sample-library-icon{flex-shrink:0;font-size:1rem;opacity:.8}.sample-library-col-cas{font-family:ui-monospace,monospace;font-size:.8125rem;color:#ffffffe6}.sample-library-col-action{display:flex;justify-content:flex-end}.sample-library-footer{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-top:1px solid rgba(255,255,255,.08);background:#ffffff08}.sample-library-hint{font-size:.8125rem;color:#ffffffa6}.calibration-modal-content{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem;max-width:90vw;max-height:90vh;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.calibration-bg-row{display:flex;align-items:center;gap:.5rem}.calibration-bg-row .color-picker{width:36px;height:32px}.calibration-img-wrap{padding:12px;border-radius:8px;display:inline-block}.calibration-canvas-wrap{position:relative}.calibration-zoom-box{position:absolute;border:2px dashed rgba(0,100,255,.8);pointer-events:none}.calibration-img{max-width:100%;max-height:60vh;cursor:crosshair;border-radius:4px;display:block}.spectrum-adjust{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);font-size:.8125rem}.spectrum-adjust label{display:block;margin-top:.4rem;margin-bottom:.2rem;font-size:.75rem}.nudge-row{display:flex;align-items:center;gap:.3rem}.nudge-row button{padding:.25rem .4rem;font-size:.8125rem}.nudge-row input[type=number]{font-size:.8125rem}.app{display:flex;flex-direction:column;min-height:100vh;padding:1.25rem 1.5rem;max-width:1200px;margin:0 auto}@media(max-width:900px){.app{height:100dvh;max-height:100dvh;padding:.25rem .5rem;overflow:hidden;box-sizing:border-box}}.nav-links{display:flex;gap:.75rem;margin-bottom:.75rem;justify-content:center}.nav-link{color:var(--subtitle);text-decoration:none;font-size:.875rem}.nav-link:hover{color:var(--accent)}.nav-link.active{color:var(--accent);font-weight:500}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:1.5rem;font-weight:700;margin:0 0 .4rem;letter-spacing:-.02em}.subtitle{color:var(--subtitle);font-size:.875rem;margin:0;line-height:1.5}.upload-zone{position:relative;margin-bottom:1.5rem}.file-input{position:absolute;opacity:0;width:0;height:0}.drop-area{border:2px dashed var(--border);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.drop-area:hover{border-color:var(--accent);background:var(--drop-hover)}.drop-area span{display:block}.drop-area .formats{font-size:.85rem;color:var(--subtitle);margin-top:.25rem}.error{background:var(--error-bg);color:var(--error);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.workspace{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}@media(max-width:768px){.workspace{grid-template-columns:1fr}}.controls{background:var(--panel);border-radius:12px;padding:1.25rem;border:1px solid var(--border);position:sticky;top:1rem}.control-group{margin-bottom:1rem}.control-group:last-of-type{margin-bottom:1.5rem}.live-toggle-group{margin-bottom:1rem}.toggle-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer}.toggle-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.live-warning{display:block;font-size:.75rem;color:var(--error);margin-top:.35rem}.control-group label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.35rem}.color-row{display:flex;gap:.5rem;align-items:center}.hex-input{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-family:ui-monospace,monospace;font-size:.9rem;background:var(--input-bg);color:inherit}.color-picker{width:40px;height:36px;padding:2px;border:1px solid var(--border);border-radius:6px;cursor:pointer;background:var(--input-bg)}.eyedropper-btn{padding:.5rem .75rem;font-size:.85rem;white-space:nowrap}.eyedropper-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.control-group input[type=range]{width:100%;margin-bottom:.25rem}.hint{font-size:.75rem;color:var(--subtitle);display:block;line-height:1.35}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{filter:brightness(1.05)}.secondary{border-color:var(--accent);color:var(--accent)}.ghost{color:var(--subtitle)}.ghost:hover{color:inherit}button.small{padding:.35rem .6rem;font-size:.8125rem}.full{width:100%}.preview-area{position:relative}.eyedropper-hint{position:absolute;top:-1.5rem;left:0;font-size:.8rem;color:var(--accent);font-weight:500}.preview-wrapper{background:repeating-conic-gradient(gray 0% 25%,silver 0% 50%) 50% / 16px 16px;border-radius:8px;padding:12px;display:inline-block;max-width:100%}.preview-bg-btn{padding:.4rem .6rem;font-size:1rem;line-height:1}.preview-bg-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.zoom-lens{position:fixed;z-index:100;pointer-events:none;border-radius:6px;box-shadow:0 4px 20px #0006;overflow:hidden}.zoom-lens canvas{display:block;border-radius:6px}.preview-img{max-width:100%;max-height:70vh;display:block;border-radius:4px}.offscreen{position:absolute;left:-9999px;width:0;height:0}