:root{--font-display:"Rubik",system-ui,sans-serif;--font-body:"IBM Plex Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--font-table:"Rubik",system-ui,sans-serif;--weight-light:200;--weight-regular:300;--weight-medium:500;--weight-bold:700;--weight-heavy:800;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--color-slate-blue:#5b7a8e;--color-sage-green:#8baa92;--color-deep-navy:#0d1b3e;--color-golden-yellow:#f4b942;--color-warm-gray:#f5f5f5;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-custom-highlight:#f4b942;--color-standard-highlight:#10b981}:root,:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e5e7eb;--bg-surface:#fff;--bg-input:#fff;--bg-overlay:#0d1b3e99;--text-primary:#0d1b3e;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--border-light:#e5e7eb;--border-default:#d1d5db;--border-strong:#9ca3af;--focus-ring:#5b7a8e66;--hover-overlay:#0000000a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#373636;--bg-secondary:#2b2b2b;--bg-tertiary:#4a4a4a;--bg-surface:#403f3f;--bg-input:#2b2b2b;--bg-overlay:#000000d9;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:#909090;--text-muted:#707070;--text-inverse:#373636;--border-light:#4a4a4a;--border-default:#555;--border-strong:#666;--focus-ring:#f4b94266;--hover-overlay:#ffffff0d;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006;--shadow-xl:0 20px 25px #00000080}}:root[data-theme=dark]{--bg-primary:#373636;--bg-secondary:#2b2b2b;--bg-tertiary:#4a4a4a;--bg-surface:#403f3f;--bg-input:#2b2b2b;--bg-overlay:#000000d9;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:#909090;--text-muted:#707070;--text-inverse:#373636;--border-light:#4a4a4a;--border-default:#555;--border-strong:#666;--focus-ring:#f4b94266;--hover-overlay:#ffffff0d;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006;--shadow-xl:0 20px 25px #00000080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#fff;background-color:var(--bg-primary);color:#0d1b3e;color:var(--text-primary);font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-base);font-weight:300;font-weight:var(--weight-regular);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-slow),color var(--transition-slow)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--border-strong);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#5b7a8e;background:var(--color-slate-blue)}h1,h2,h3,h4,h5,h6{color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-weight:500;font-weight:var(--weight-medium);line-height:1.2}h1{font-size:2.5rem;font-size:var(--text-4xl)}h2{font-size:1.5rem;font-size:var(--text-2xl)}h3{font-size:1.25rem;font-size:var(--text-xl)}h4{font-size:1.125rem;font-size:var(--text-lg)}p{color:#4b5563;color:var(--text-secondary);font-weight:200;font-weight:var(--weight-light)}.minimalist-card{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-md);transition:box-shadow .2s ease,border-color .2s ease;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.minimalist-card:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md)}.minimalist-card h2{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--weight-bold);margin-bottom:1rem;margin-bottom:var(--space-sm);padding-bottom:.5rem;padding-bottom:var(--space-xs)}.minimalist-card h2,.minimalist-input{color:#0d1b3e;color:var(--text-primary)}.minimalist-input{background-color:#fff;background-color:var(--bg-input);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:4px;border-radius:var(--radius-sm);font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-base);font-weight:300;font-weight:var(--weight-regular);padding:.625rem .875rem;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);width:100%}.minimalist-input:hover:not(:disabled):not(:focus){border-color:#9ca3af;border-color:var(--border-strong)}.minimalist-input:focus{border-color:#5b7a8e;border-color:var(--color-slate-blue);box-shadow:0 0 0 3px #5b7a8e66;box-shadow:0 0 0 3px var(--focus-ring);outline:none}.minimalist-input:disabled,.minimalist-input[readonly]{background-color:#f5f5f5;background-color:var(--bg-secondary);cursor:default;opacity:.7}.minimalist-input::placeholder{color:#9ca3af;color:var(--text-muted);font-weight:200;font-weight:var(--weight-light)}select.minimalist-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:36px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) select.minimalist-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CBD5E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}}:root[data-theme=dark] select.minimalist-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CBD5E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.minimalist-button{align-items:center;background-color:#5b7a8e;background-color:var(--color-slate-blue);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium);gap:.5rem;justify-content:center;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease;transition:all var(--transition-base)}.minimalist-button:hover:not(:disabled){box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);filter:brightness(110%);transform:translateY(-2px)}.minimalist-button:active:not(:disabled){transform:translateY(0)}.minimalist-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.minimalist-button:focus-visible{outline:3px solid #f4b942;outline:3px solid var(--color-golden-yellow);outline-offset:2px}.btn-primary,.new-formula-btn,.save-formula-btn{background-color:#f4b942!important;background-color:var(--color-golden-yellow)!important;color:#0d1b3e!important;color:var(--color-deep-navy)!important;font-weight:700;font-weight:var(--weight-bold)}.btn-primary:hover:not(:disabled),.new-formula-btn:hover:not(:disabled),.save-formula-btn:hover:not(:disabled){box-shadow:0 8px 16px #f4b9424d}.btn-secondary{background-color:initial;border:2px solid #5b7a8e;border:2px solid var(--color-slate-blue);color:#5b7a8e;color:var(--color-slate-blue)}.btn-secondary:hover:not(:disabled){background-color:#5b7a8e;background-color:var(--color-slate-blue);color:#fff;color:var(--text-inverse)}.btn-danger,.confirm-delete-btn,.delete-btn{background-color:#ef4444!important;background-color:var(--color-error)!important;color:#fff!important}.btn-danger:hover:not(:disabled),.confirm-delete-btn:hover:not(:disabled),.delete-btn:hover:not(:disabled){box-shadow:0 8px 16px #ef44444d}.btn-success{background-color:#10b981!important;background-color:var(--color-success)!important;color:#fff!important}.btn-ghost{background-color:initial;border:none;color:#0d1b3e;color:var(--text-primary);text-decoration:underline;text-underline-offset:4px}.btn-ghost:hover:not(:disabled){box-shadow:none;color:#5b7a8e;color:var(--color-slate-blue);transform:none}.tint-btn-custom{background-color:#f4b942!important;background-color:var(--color-custom-highlight)!important;border:none;color:#0d1b3e!important;color:var(--color-deep-navy)!important;font-weight:700;font-weight:var(--weight-bold);min-width:100px}.tint-btn-custom:hover:not(:disabled){box-shadow:0 4px 12px #f4b94266}.tint-btn-standard{background-color:#10b981!important;background-color:var(--color-standard-highlight)!important;border:none;color:#fff!important;font-weight:700;font-weight:var(--weight-bold);min-width:100px}.tint-btn-standard:hover:not(:disabled){box-shadow:0 4px 12px #10b98166}.table-minimalist{border-collapse:collapse;font-family:Rubik,system-ui,sans-serif;font-family:var(--font-table);font-size:1.125rem;font-size:var(--text-lg);width:100%}.table-minimalist thead{background-color:initial;border-bottom:2px solid #5b7a8e;border-bottom:2px solid var(--color-slate-blue)}.table-minimalist th{color:#4b5563;color:var(--text-secondary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:.875rem;font-size:var(--text-sm);font-weight:700;font-weight:var(--weight-bold);letter-spacing:.08em;padding:1rem 1rem calc(1rem + 2px);padding:var(--space-sm) var(--space-sm) calc(var(--space-sm) + 2px);text-align:left;text-transform:uppercase}.table-minimalist td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);color:#0d1b3e;color:var(--text-primary);padding:1rem;padding:var(--space-sm) var(--space-sm);vertical-align:middle}.table-minimalist tbody tr{transition:background-color .15s ease;transition:background-color var(--transition-fast)}.table-minimalist tbody tr:hover{background-color:#0000000a;background-color:var(--hover-overlay)}.table-minimalist tbody tr:last-child td{border-bottom:none}.table-minimalist input,.table-minimalist select{background:#0000;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-table);font-size:1.125rem;font-size:var(--text-lg);padding:.375rem .5rem;transition:border-color .15s ease,background-color .15s ease;transition:border-color var(--transition-fast),background-color var(--transition-fast);width:100%}.table-minimalist select{word-wrap:break-word;overflow-wrap:break-word;text-overflow:ellipsis;white-space:normal}.table-minimalist input:hover:not(:disabled):not(:focus),.table-minimalist select:hover:not(:disabled):not(:focus){border-color:#d1d5db;border-color:var(--border-default)}.table-minimalist input:focus,.table-minimalist select:focus{background-color:#fff;background-color:var(--bg-input);border-color:#5b7a8e;border-color:var(--color-slate-blue);outline:none}.library-table td strong,.library-table td.strong,.table-minimalist td strong,.table-minimalist td.strong{font-weight:500;font-weight:var(--weight-medium)}.section-header td{background-color:#f5f5f5;background-color:var(--bg-secondary);border-left:3px solid #f4b942;border-left:3px solid var(--color-golden-yellow);color:#4b5563;color:var(--text-secondary);font-size:.75rem;font-size:var(--text-xs);letter-spacing:.1em;padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.grand-total td,.section-header td{font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-weight:700;font-weight:var(--weight-bold)}.grand-total td{border-top:2px solid #d1d5db;border-top:2px solid var(--border-default);color:#0d1b3e;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);padding-top:1.5rem;padding-top:var(--space-md)}.library-table{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-collapse:collapse;border-radius:8px;border-radius:var(--radius-md);overflow:hidden;width:100%}.library-table thead{background-color:#f5f5f5;background-color:var(--bg-secondary)}.library-table th{border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--border-default);color:#6b7280;color:var(--text-tertiary);font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--weight-medium);letter-spacing:.05em;text-align:left;text-transform:uppercase}.library-table td,.library-table th{padding:1rem;padding:var(--space-sm)}.library-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-table);font-size:.875rem;font-size:var(--text-sm)}.library-table tbody tr{transition:background-color .15s ease;transition:background-color var(--transition-fast)}.library-table tbody tr:hover{background-color:#0000000a;background-color:var(--hover-overlay)}.library-table input[type=text]{background-color:#fff;background-color:var(--bg-input);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:4px;border-radius:var(--radius-sm);color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-table);font-size:.875rem;font-size:var(--text-sm);padding:.375rem .5rem;width:100%}.library-table input[type=text]:focus{border-color:#5b7a8e;border-color:var(--color-slate-blue);box-shadow:0 0 0 2px #5b7a8e66;box-shadow:0 0 0 2px var(--focus-ring);outline:none}.library-table input[type=checkbox]{accent-color:#5b7a8e;accent-color:var(--color-slate-blue);cursor:pointer;height:18px;width:18px}.formula-composition-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:0}.formula-title-group{align-items:flex-end;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;gap:1rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-sm);padding-bottom:.5rem;padding-bottom:var(--space-xs)}.formula-title-group h2{border-bottom:none;margin-bottom:0;padding-bottom:0}.formula-title-group .toggle-shots-btn{margin-bottom:1px}.consolidate-btn{background:#5b7a8e;background:var(--color-slate-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s ease}.consolidate-btn:hover{background:#0d1b3e;background:var(--color-deep-navy);transform:translateY(-1px)}.formula-header-buttons{display:flex;gap:8px}.refactor-btn{background:#5b7a8e;background:var(--color-slate-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s ease}.refactor-btn:hover{background:#0d1b3e;background:var(--color-deep-navy);transform:translateY(-1px)}.refactor-popup{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0d1b3e99;background-color:var(--bg-overlay);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.refactor-popup-content{animation:popupFadeIn .2s ease-out;background-color:#fff;background-color:var(--bg-surface);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);max-width:550px;min-width:450px;padding:2rem;padding:var(--space-lg)}.refactor-popup-content h2{color:#0d1b3e;color:var(--text-primary);margin-bottom:1.5rem;margin-bottom:var(--space-md);text-align:center}.refactor-steps{justify-content:center;margin-bottom:2rem;margin-bottom:var(--space-lg);padding:1rem 0;padding:var(--space-sm) 0}.refactor-step,.refactor-steps{align-items:center;display:flex}.refactor-step{flex-direction:column;gap:4px}.refactor-step .step-number{align-items:center;background:var(--bg-muted);border-radius:50%;color:#9ca3af;color:var(--text-muted);display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.refactor-step .step-label{color:#9ca3af;color:var(--text-muted);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.refactor-step.active .step-number{background:#5b7a8e;background:var(--color-slate-blue);color:#fff}.refactor-step.active .step-label{color:#5b7a8e;color:var(--color-slate-blue)}.refactor-step.completed .step-number{background:#10b981;background:var(--color-success);color:#fff}.step-connector{background:#d1d5db;background:var(--border-default);height:2px;margin:0 8px 16px;width:40px}.refactor-step-content{align-items:center;display:flex;flex-direction:column;min-height:180px;padding:1.5rem 0;padding:var(--space-md) 0;text-align:center}.refactor-icon{font-size:2.5rem}.refactor-icon,.refactor-step-content h3{margin-bottom:1rem;margin-bottom:var(--space-sm)}.refactor-step-content h3{color:#0d1b3e;color:var(--text-primary)}.refactor-step-content p{color:#4b5563;color:var(--text-secondary);margin-bottom:.5rem;margin-bottom:var(--space-xs);max-width:380px}.refactor-note{color:#9ca3af;color:var(--text-muted);font-size:.85rem;font-style:italic}.refactor-scale-controls{align-items:center;background-color:#f5f5f5;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:1rem;gap:var(--space-sm);justify-content:center;margin-top:1.5rem;margin-top:var(--space-md);padding:1rem;padding:var(--space-sm)}.refactor-scale-btn{background-color:#fff;background-color:var(--bg-surface);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:4px;border-radius:var(--radius-sm);color:#0d1b3e;color:var(--text-primary);cursor:pointer;font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:500;font-weight:var(--weight-medium);padding:.5rem 1.5rem;padding:var(--space-xs) var(--space-md);transition:all .2s ease;transition:all var(--transition-base)}.refactor-scale-btn:hover{background-color:#e5e7eb;background-color:var(--bg-tertiary);border-color:#9ca3af;border-color:var(--border-strong)}.refactor-scale-btn.connected{background-color:#5b7a8e;background-color:var(--color-slate-blue);border-color:#5b7a8e;border-color:var(--color-slate-blue);color:#fff}.refactor-scale-btn.connected:hover{background-color:#5a6b8c}.refactor-tare-btn{background-color:#f4b942;background-color:var(--color-golden-yellow);border-color:#f4b942;border-color:var(--color-golden-yellow);color:#0d1b3e;color:var(--color-deep-navy)}.refactor-tare-btn:hover{background-color:#e5a830;border-color:#e5a830}.refactor-live-weight{background-color:#fff;background-color:var(--bg-surface);border:2px solid #10b981;border:2px solid var(--color-success);border-radius:4px;border-radius:var(--radius-sm);color:#10b981;color:var(--color-success);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:1.25rem;font-weight:700;font-weight:var(--weight-bold);min-width:80px;padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm);text-align:center}.refactor-weight-input{margin:1.5rem 0;margin:var(--space-md) 0;max-width:300px;text-align:left;width:100%}.refactor-weight-input label{color:#0d1b3e;color:var(--text-primary);display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-xs)}.weight-input-row{display:flex;gap:8px}.weight-input-row input{background:#fff;background:var(--bg-surface);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);color:#0d1b3e;color:var(--text-primary);flex:1 1;font-size:1rem;padding:10px 12px}.weight-input-row input:focus{border-color:#5b7a8e;border-color:var(--color-slate-blue);outline:none}.scale-capture-btn{background:#f59e0b;background:var(--color-warning);border:none;border-radius:8px;border-radius:var(--radius-md);color:#0d1b3e;color:var(--color-deep-navy);cursor:pointer;font-weight:600;padding:10px 14px;transition:all .2s ease;white-space:nowrap}.scale-capture-btn:hover{background:#e6a700;transform:translateY(-1px)}.refactor-comparison{font-size:.9rem;margin-top:1.5rem;margin-top:var(--space-md)}.refactor-summary-table{margin-top:1.5rem;margin-top:var(--space-md);max-height:200px;overflow-y:auto;width:100%}.refactor-summary-table table{border-collapse:collapse;font-size:.9rem;width:100%}.refactor-summary-table td,.refactor-summary-table th{border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--border-default);padding:8px 12px;text-align:left}.refactor-summary-table th{background:var(--bg-muted);color:#0d1b3e;color:var(--text-primary);font-weight:600}.refactor-summary-table td{color:#4b5563;color:var(--text-secondary)}.refactor-summary-table td:last-child{color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-table);text-align:right}.refactor-buttons{border-top:1px solid #d1d5db;border-top:1px solid var(--border-default);display:flex;gap:1rem;gap:var(--space-sm);justify-content:center;margin-top:2rem;margin-top:var(--space-lg);padding-top:1.5rem;padding-top:var(--space-md)}.formulation-table{table-layout:fixed}.formulation-table th:not(:first-child){text-align:right}.formulation-table td:first-child,.formulation-table th:first-child{min-width:200px;width:38%}.formulation-table td:nth-child(2),.formulation-table td:nth-child(3),.formulation-table td:nth-child(4),.formulation-table th:nth-child(2),.formulation-table th:nth-child(3),.formulation-table th:nth-child(4){width:14%}.formulation-table td:nth-child(5),.formulation-table td:nth-child(6),.formulation-table th:nth-child(5),.formulation-table th:nth-child(6){width:10%}.formulation-table.shots-collapsed td:first-child,.formulation-table.shots-collapsed th:first-child{width:50%}.formulation-table.shots-collapsed td:nth-child(2),.formulation-table.shots-collapsed th:nth-child(2){width:22%}.formulation-table.shots-collapsed td:nth-child(3),.formulation-table.shots-collapsed td:nth-child(4),.formulation-table.shots-collapsed th:nth-child(3),.formulation-table.shots-collapsed th:nth-child(4){width:14%}.toggle-shots-btn{background:#f4b9421f;border:1px solid #0d1b3e;border:1px solid var(--text-primary);border-radius:9999px;border-radius:var(--radius-full);color:#0d1b3e;color:var(--text-primary);cursor:pointer;font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--weight-medium);letter-spacing:.04em;line-height:1.4;padding:.2rem .6rem;transition:all .15s ease;transition:all var(--transition-fast)}.toggle-shots-btn:hover{background:#f4b94240;border-color:#f4b942;border-color:var(--color-golden-yellow);color:#0d1b3e;color:var(--text-primary)}.add-row-tr td{border-bottom:none!important;padding:.5rem!important;padding:var(--space-xs)!important}.add-row-btn{background:#f4b9421f;border:1px dashed #f4b942;border:1px dashed var(--color-golden-yellow);border-radius:4px;border-radius:var(--radius-sm);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-size:var(--text-xs);padding:.25rem .75rem;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.add-row-btn:hover{background:#f4b94240;border-color:#f4b942;border-color:var(--color-golden-yellow);color:#0d1b3e;color:var(--text-primary)}.remove-row-btn{background:none;border:none;color:#6b7280;color:var(--text-tertiary);cursor:pointer;float:right;font-size:1.1rem;line-height:1;opacity:0;padding:0 4px;transition:opacity .15s ease;transition:opacity var(--transition-fast)}tr:hover .remove-row-btn{opacity:1}.remove-row-btn:hover{color:#ef4444;color:var(--color-error)}.production-data-table td:first-child,.production-data-table th:first-child{width:50%}.production-data-table td:nth-child(2),.production-data-table td:nth-child(3),.production-data-table th:nth-child(2),.production-data-table th:nth-child(3){text-align:right;width:25%}.ingredient-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formulator-layout-grid{align-items:stretch;display:flex;flex-direction:row;gap:0;min-height:calc(100vh - 160px);padding:1.5rem;padding:var(--space-md);width:100%}.formulator-layout-grid>*{align-self:stretch}.layout-column-left{flex-shrink:0;min-width:200px;overflow-y:auto}.layout-column-center{flex:1 1;min-width:400px;overflow-y:auto;padding:0 .5rem;padding:0 var(--space-xs)}.layout-column-right{flex-shrink:0;min-width:240px;overflow-y:auto;transition:width .2s ease,opacity .2s ease,transform .2s ease;transition:width var(--transition-base),opacity var(--transition-base),transform var(--transition-base)}.layout-column-right .production-table{flex-shrink:0}.layout-column-right .notes-input{flex:1 1 auto!important;min-height:200px;resize:vertical}.layout-column-right.collapsed{min-width:0;opacity:0;overflow:hidden;padding:0;width:0!important}.resize-handle{align-items:flex-start;background:#0000;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;padding-top:2rem;padding-top:var(--space-lg);position:relative;transition:background-color .15s ease;transition:background-color var(--transition-fast);width:16px}.resize-handle:before{background:#e5e7eb;background:var(--border-light);border-radius:9999px;border-radius:var(--radius-full);content:"";height:100%;max-height:300px;transition:all .15s ease;transition:all var(--transition-fast);width:4px}.resize-handle:focus:before,.resize-handle:hover:before{background:#5b7a8e;background:var(--color-slate-blue);width:5px}.resize-handle:focus{outline:none}.resize-handle:focus-visible:before{background:#5b7a8e;background:var(--color-slate-blue);box-shadow:0 0 0 2px #5b7a8e66;box-shadow:0 0 0 2px var(--focus-ring)}.resize-handle-active:before{background:#f4b942!important;background:var(--color-golden-yellow)!important;width:6px!important}.drawer-toggle-btn{align-items:center;background:#5b7a8e;background:var(--color-slate-blue);border:none;border-radius:9999px;border-radius:var(--radius-full);bottom:2rem;bottom:var(--space-lg);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--text-inverse);cursor:pointer;display:none;height:48px;justify-content:center;position:fixed;right:1.5rem;right:var(--space-md);transition:all .15s ease;transition:all var(--transition-fast);width:48px;z-index:101}.drawer-toggle-btn:hover{background:#0d1b3e;background:var(--color-deep-navy);transform:scale(1.05)}.drawer-overlay{display:none}@media (max-width:1399px){.formulator-layout-grid{position:relative}.resize-handle-right{display:none}.layout-column-right{background:#fff;background:var(--bg-surface);border-left:1px solid #d1d5db;border-left:1px solid var(--border-default);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);height:calc(100vh - 60px);padding:1.5rem;padding:var(--space-md);position:fixed;right:0;top:60px;transform:translateX(0);width:320px!important;z-index:100}.layout-column-right.collapsed{opacity:1;transform:translateX(100%);width:320px!important}.drawer-toggle-btn{display:flex}.drawer-overlay{background:#0d1b3e99;background:var(--bg-overlay);display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;transition:opacity var(--transition-base);z-index:99}.drawer-overlay.visible{opacity:1;pointer-events:auto}}@media (max-width:768px){.formulator-layout-grid{flex-direction:column}.layout-column-center,.layout-column-left,.layout-column-right{min-width:0;min-width:auto;width:100%!important}.resize-handle{display:none}.layout-column-right{border-left:none;box-shadow:none;height:auto!important;overflow:visible;position:static!important;transform:none!important;width:100%!important}.layout-column-right.collapsed{display:none}.batch-summary-bar,.drawer-overlay,.drawer-toggle-btn{display:none!important}.formulator-action-bar{flex-wrap:wrap;gap:.5rem!important;gap:var(--space-xs)!important;padding:.5rem!important;padding:var(--space-xs)!important}.formulator-action-bar .formulator-btn{font-size:.75rem;font-size:var(--text-xs);padding:.35rem .6rem}.toolbar-scale-group{display:none!important}.formula-info-summary-bar{flex-wrap:nowrap;gap:.5rem;gap:var(--space-xs);overflow-x:auto;padding:.5rem;padding:var(--space-xs)}.summary-badge{min-width:60px;padding:.2rem .5rem}.summary-badge-label{font-size:.6rem}.summary-badge-value{font-size:.7rem}.formula-composition-header{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-xs)}.formula-title-group{width:100%}.formula-header-buttons{justify-content:flex-start;width:100%}.formulator-page,.layout-column-center,.layout-column-right{overflow-x:hidden}.formulator-layout-grid{padding:.5rem;padding:var(--space-xs)}.layout-column-center{min-width:0;padding:0}.layout-column-right{flex-shrink:1;margin-top:1rem;margin-top:var(--space-sm);min-width:0!important;padding:0}.layout-column-right.collapsed{display:block!important;opacity:1!important;overflow:visible!important;width:100%!important}.formula-table-scroll-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.formulation-table{min-width:0;width:100%}.formulation-table td,.formulation-table th{font-size:.75rem;font-size:var(--text-xs);padding:.5rem .25rem;padding:var(--space-xs) .25rem}.formulation-table input,.formulation-table select{font-size:.75rem!important;font-size:var(--text-xs)!important;max-width:100%}.formulation-table td:first-child,.formulation-table th:first-child{width:50%}.formulation-table:not(.shots-collapsed){min-width:500px}.formula-table-container.minimalist-card{padding:.5rem;padding:var(--space-xs)}.production-table{table-layout:fixed;width:100%}.production-table td,.production-table th{font-size:.75rem;font-size:var(--text-xs);padding:.25rem}.ingredient-cell{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minimalist-card{overflow:hidden}.wizard-overlay{align-items:flex-start!important;height:100vh;height:100dvh;padding:1rem!important;padding:var(--space-sm)!important;padding-top:2vh!important}.wizard-modal{max-height:85vh!important;max-height:85dvh!important;max-width:100%!important;overflow-y:auto!important}.wizard-body,.wizard-header{padding:8px 16px!important}.wizard-target-weight{font-size:3.5rem!important;margin-bottom:4px!important}.wizard-step-content{padding:0!important}.wizard-actions{flex-direction:column!important;gap:.5rem!important;gap:var(--space-xs)!important;padding:8px 0!important}.wizard-actions button{padding:10px!important;width:100%!important}}.formulator-action-buttons{flex-wrap:wrap;gap:.5rem;gap:var(--space-xs)}.action-container,.formulator-action-buttons{background-color:#f5f5f5;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);display:flex;margin-bottom:1.5rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-sm)}.action-container{align-items:center;justify-content:space-between}.production-controls,.production-table.minimalist-card{padding:1rem;padding:var(--space-sm)}.production-controls{background-color:#f5f5f5;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1rem;gap:var(--space-sm);margin-bottom:1.5rem;margin-bottom:var(--space-md)}.production-control-row{grid-gap:1rem;grid-gap:var(--space-sm);align-items:center;display:grid;gap:1rem;gap:var(--space-sm);grid-template-columns:120px 1fr}.production-control-row label{font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium)}.control-input-group{align-items:center;display:flex;gap:.5rem;gap:var(--space-xs)}.control-input-group .unit{color:#9ca3af;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.875rem;font-size:var(--text-sm)}.switch{display:inline-block;height:26px;position:relative;width:48px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#d1d5db;background-color:var(--border-default);border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;inset:0}.slider,.slider:before{position:absolute;transition:.2s ease;transition:var(--transition-base)}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);content:"";height:20px;left:3px;width:20px}input:checked+.slider{background-color:#5b7a8e;background-color:var(--color-slate-blue)}input:checked+.slider:before{transform:translateX(22px)}input:focus-visible+.slider{box-shadow:0 0 0 3px #5b7a8e66;box-shadow:0 0 0 3px var(--focus-ring)}.input-group{display:flex;flex-direction:column;gap:.25rem}.input-group label{color:#6b7280;color:var(--text-tertiary);font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--weight-medium);letter-spacing:.05em;text-transform:uppercase}.overlay{z-index:999}.confirm-popup,.delete-popup,.details-popup,.feedback-popup,.image-popup,.overlay,.save-popup,.webcam-popup{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0d1b3e99;background-color:var(--bg-overlay);inset:0;position:fixed}.confirm-popup,.delete-popup,.details-popup,.feedback-popup,.image-popup,.save-popup,.webcam-popup{align-items:center;display:flex;justify-content:center;z-index:1000}.confirm-popup-content,.delete-popup-content,.details-popup-content,.feedback-popup-content,.image-popup-content,.save-popup-content,.webcam-popup-content{animation:popupFadeIn .2s ease-out;background-color:#fff;background-color:var(--bg-surface);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);color:#0d1b3e;color:var(--text-primary);max-height:90vh;max-width:90vw;overflow-y:auto;padding:2rem;padding:var(--space-lg)}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-popup-content h2,.delete-popup-content h2,.details-popup-content h2,.feedback-popup-content h2,.image-popup-content h2,.save-popup-content h2,.webcam-popup-content h2{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--weight-bold);margin-bottom:1.5rem;margin-bottom:var(--space-md);padding-bottom:1rem;padding-bottom:var(--space-sm)}.feedback-popup-content{width:450px}.confirm-popup-content{min-width:320px;text-align:center}.confirm-popup-content p{color:#0d1b3e;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:300;font-weight:var(--weight-regular);margin-bottom:1.5rem;margin-bottom:var(--space-md)}.confirm-popup-content button,.delete-popup-content button{margin:0 .5rem;margin:0 var(--space-xs);padding:.5rem 1.5rem;padding:var(--space-xs) var(--space-md)}.header-logo{display:block;height:auto;margin:1.5rem auto;margin:var(--space-md) auto;max-width:400px}.notes-textarea{font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-base);font-weight:200;font-weight:var(--weight-light);line-height:1.6;min-height:120px;resize:vertical}.thumbnail-grid{grid-gap:1.5rem;grid-gap:var(--space-md);display:grid;gap:1.5rem;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.thumbnail-card{background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;padding:1rem;padding:var(--space-sm);position:relative;text-align:center;transition:all .2s ease;transition:all var(--transition-base)}.thumbnail-card:hover{border-color:#5b7a8e;border-color:var(--color-slate-blue);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.thumbnail-card img{border-radius:4px;border-radius:var(--radius-sm);height:160px;margin-bottom:.5rem;margin-bottom:var(--space-xs);object-fit:cover;width:100%}.thumbnail-card p{color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:.875rem;font-size:var(--text-sm);font-weight:700;font-weight:var(--weight-bold);margin-top:.5rem;margin-top:var(--space-xs)}.thumbnail-card input[type=checkbox]{accent-color:#5b7a8e;accent-color:var(--color-slate-blue);height:20px;left:1rem;left:var(--space-sm);position:absolute;top:1rem;top:var(--space-sm);width:20px}.filters-container{background-color:#f5f5f5;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-sm);margin-bottom:1.5rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-sm)}.filters-container input{background-color:#fff;background-color:var(--bg-input);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:4px;border-radius:var(--radius-sm);color:#0d1b3e;color:var(--text-primary);flex:1 1;font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-size:var(--text-sm);min-width:150px;padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm)}.filters-container input:focus{border-color:#5b7a8e;border-color:var(--color-slate-blue);box-shadow:0 0 0 2px #5b7a8e66;box-shadow:0 0 0 2px var(--focus-ring);outline:none}.clear-filters-btn{background-color:#e5e7eb;background-color:var(--bg-tertiary);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:4px;border-radius:var(--radius-sm);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm);transition:all .15s ease;transition:all var(--transition-fast)}.clear-filters-btn:hover{background-color:#d1d5db;background-color:var(--border-default);color:#0d1b3e;color:var(--text-primary)}.binder-load-green,.status-positive{color:#10b981!important;color:var(--color-success)!important}.binder-load-red,.status-negative{color:#ef4444!important;color:var(--color-error)!important}.view-image-button{background:#0000;border:none;color:#5b7a8e;color:var(--color-slate-blue);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium);padding:0;text-decoration:underline;text-underline-offset:4px;transition:color .15s ease;transition:color var(--transition-fast)}.view-image-button:hover{color:#f4b942;color:var(--color-golden-yellow)}@media (max-width:768px){body{font-size:14px}.formulator-action-buttons{flex-direction:column}.formulator-action-buttons .minimalist-button{width:100%}.action-container{flex-direction:column;gap:1rem;gap:var(--space-sm)}.library-table{display:block;overflow-x:auto}.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.feedback-popup-content,.image-popup-content,.popup-content,.save-popup-content,.webcam-popup-content{padding:1.5rem;padding:var(--space-md);width:95vw}}:focus-visible{outline:3px solid #f4b942;outline:3px solid var(--color-golden-yellow);outline-offset:2px}:focus:not(:focus-visible){outline:none}.shot-input-wrapper{align-items:center;display:flex;gap:4px;position:relative}.shot-input-wrapper input{flex:1 1;min-width:0}.scale-save-btn{align-items:center;background-color:#10b981;background-color:var(--color-success);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:28px;justify-content:center;line-height:1;padding:0;transition:all .15s ease;transition:all var(--transition-fast);width:28px}.scale-save-btn:hover{background-color:#059669;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:scale(1.1)}.scale-save-btn:active{transform:scale(.95)}.scale-status{align-items:center;background-color:#f5f5f5;background-color:var(--bg-secondary);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:4px;border-radius:var(--radius-sm);display:flex;font-family:Rubik,system-ui,sans-serif;font-family:var(--font-table);font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-xs);padding:.375rem .75rem}.scale-status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.scale-status-dot.connected{background-color:#10b981;background-color:var(--color-success);box-shadow:0 0 8px #10b981;box-shadow:0 0 8px var(--color-success)}.scale-status-dot.partial{background-color:#f59e0b;background-color:var(--color-warning);box-shadow:0 0 8px #f59e0b;box-shadow:0 0 8px var(--color-warning)}.scale-status-dot.disconnected{background-color:#ef4444;background-color:var(--color-error)}.scale-weight-display{color:#10b981;color:var(--color-success);font-weight:700;font-weight:var(--weight-bold);margin-left:.5rem;margin-left:var(--space-xs)}.weight-overlay{animation:overlayFadeIn .15s ease-out;background-color:#fff;background-color:var(--bg-surface);border:2px solid #f4b942;border:2px solid var(--color-golden-yellow);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);min-width:180px;padding:1.5rem;padding:var(--space-md);position:fixed;text-align:center;z-index:1000}@keyframes overlayFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.weight-overlay-value{color:#10b981;color:var(--color-success);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-table);font-size:2.5rem;font-size:var(--text-4xl);font-weight:800;font-weight:var(--weight-heavy);line-height:1;margin-bottom:.5rem;margin-bottom:var(--space-xs)}.weight-overlay-unit{color:#4b5563;color:var(--text-secondary);font-size:1.125rem;font-size:var(--text-lg);margin-bottom:1rem;margin-bottom:var(--space-sm)}.weight-overlay-save-btn{background-color:#f4b942;background-color:var(--color-golden-yellow);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#0d1b3e;color:var(--color-deep-navy);cursor:pointer;font-size:1rem;font-size:var(--text-base);font-weight:700;font-weight:var(--weight-bold);padding:.5rem 1.5rem;padding:var(--space-xs) var(--space-md);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.weight-overlay-save-btn:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.weight-overlay-save-btn:active{transform:translateY(0)}.scale-btn{align-items:center;display:inline-flex;gap:.375rem}.scale-btn-icon{font-size:1.1em}.batch-selector-overlay{align-items:center;background:#0d1b3e99;background:var(--bg-overlay);display:flex;inset:0;justify-content:center;position:fixed;z-index:1001}.batch-selector-modal{background:#fff;background:var(--bg-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);max-width:360px;min-width:280px;padding:2rem;padding:var(--space-lg);text-align:center}.batch-selector-modal h3{color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--weight-bold);margin:0 0 1.5rem;margin:0 0 var(--space-md) 0}.batch-selector-options{display:flex;flex-direction:column;gap:1rem;gap:var(--space-sm);margin-bottom:1.5rem;margin-bottom:var(--space-md)}.batch-selector-btn{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border:2px solid #d1d5db;border:2px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);transition:.15s ease;transition:var(--transition-fast)}.batch-selector-btn:hover{background:var(--bg-hover);border-color:#5b7a8e;border-color:var(--color-slate-blue)}.batch-selector-label{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium)}.batch-selector-label,.batch-selector-value{font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display)}.batch-selector-value{color:#0d1b3e;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--weight-bold)}.batch-selector-cancel{background:#0000;border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1.5rem;padding:var(--space-xs) var(--space-md);transition:.15s ease;transition:var(--transition-fast)}.batch-selector-cancel:hover{background:var(--bg-hover);color:#0d1b3e;color:var(--text-primary)}.wizard-overlay{align-items:center;background:#0d1b3e99;background:var(--bg-overlay);display:flex;inset:0;justify-content:center;padding:2rem;padding:var(--space-lg);position:fixed;z-index:1000}.wizard-modal{background:#fff;background:var(--bg-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.wizard-header{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--space-md) var(--space-lg)}.wizard-title{color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--weight-bold);margin:0}.wizard-close-x{background:none;border:none;color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:2rem;line-height:1;padding:0;transition:color .15s ease;transition:color var(--transition-fast)}.wizard-close-x:hover{color:#0d1b3e;color:var(--text-primary)}.wizard-body{flex:1 1;overflow-y:auto;padding:16px 24px}.wizard-progress{margin-bottom:16px}.wizard-progress-text{color:#4b5563;color:var(--text-secondary);display:block;font-size:.875rem;font-size:var(--text-sm);margin-bottom:.5rem;margin-bottom:var(--space-xs)}.wizard-progress-bar{background:#e5e7eb;background:var(--border-light);height:6px;overflow:hidden}.wizard-progress-bar,.wizard-progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.wizard-progress-fill{background:#5b7a8e;background:var(--color-slate-blue);height:100%;transition:width .2s ease;transition:width var(--transition-base)}.wizard-scale-controls{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:1rem;gap:var(--space-sm);justify-content:center;margin-bottom:12px;padding:1rem;padding:var(--space-sm)}.wizard-scale-btn{background:#fff;background:var(--bg-surface);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium);padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm);transition:all .15s ease;transition:all var(--transition-fast)}.wizard-scale-btn:hover{background:#f5f5f5;background:var(--bg-secondary)}.wizard-scale-btn.connected{background:#5b7a8e;background:var(--color-slate-blue);border-color:#5b7a8e;border-color:var(--color-slate-blue);color:#fff;color:var(--text-inverse)}.wizard-tare-btn{background:#f4b942;background:var(--color-golden-yellow);border-color:#f4b942;border-color:var(--color-golden-yellow);color:#0d1b3e;color:var(--color-deep-navy)}.wizard-live-weight{background:#fff;background:var(--bg-surface);border:2px solid #10b981;border:2px solid var(--color-success);border-radius:4px;border-radius:var(--radius-sm);color:#10b981;color:var(--color-success);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--weight-bold);padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm)}.wizard-step-content{padding:8px 0;text-align:center}.wizard-ingredient-label{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--space-xs);text-transform:uppercase}.wizard-ingredient-name{color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:32px;font-weight:700;font-weight:var(--weight-bold);margin-bottom:16px}.wizard-target-label{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);margin-bottom:.5rem;margin-bottom:var(--space-xs)}.wizard-target-weight{color:#10b981;color:var(--color-success);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-table);font-size:8rem;font-weight:800;font-weight:var(--weight-heavy);line-height:1;margin-bottom:12px}.wizard-weight-progress{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;gap:var(--space-sm);margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:400px;padding:1.5rem;padding:var(--space-md);width:100%}.wizard-current-weight-display{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-xs)}.wizard-current-label{color:#6b7280;color:var(--text-tertiary);font-size:.75rem;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.wizard-current-value{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:2rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--weight-bold);transition:color .15s ease;transition:color var(--transition-fast)}.wizard-current-value.progress-under{color:#5b7a8e;color:var(--color-slate-blue)}.wizard-current-value.progress-perfect{color:#10b981;color:var(--color-success)}.wizard-current-value.progress-over{color:#ef4444;color:var(--color-error)}.wizard-progress-container{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-xs);width:100%}.wizard-progress-track{background:#e5e7eb;background:var(--bg-tertiary);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:9999px;border-radius:var(--radius-full);height:16px;overflow:visible;position:relative}.wizard-progress-bar-fill{border-radius:9999px;border-radius:var(--radius-full);height:100%;left:0;position:absolute;top:0;transition:width .15s ease-out,background-color .15s ease;transition:width .15s ease-out,background-color var(--transition-fast)}.wizard-progress-bar-fill.progress-under{background:linear-gradient(90deg,#5b7a8e,#7a9bb0);background:linear-gradient(90deg,var(--color-slate-blue) 0,#7a9bb0 100%)}.wizard-progress-bar-fill.progress-perfect{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--color-success) 0,#34d399 100%)}.wizard-progress-bar-fill.progress-over{background:linear-gradient(90deg,#ef4444,#f87171);background:linear-gradient(90deg,var(--color-error) 0,#f87171 100%)}.wizard-progress-target-line{background:#0d1b3e;background:var(--text-primary);border-radius:2px;bottom:-4px;position:absolute;right:0;top:-4px;width:3px}.wizard-progress-status{font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium);text-align:center;transition:color .15s ease;transition:color var(--transition-fast)}.wizard-progress-status.progress-under{color:#5b7a8e;color:var(--color-slate-blue)}.wizard-progress-status.progress-perfect{color:#10b981;color:var(--color-success)}.wizard-progress-status.progress-over{color:#ef4444;color:var(--color-error)}.wizard-input-section{flex-direction:row;flex-wrap:wrap;gap:1.5rem;gap:var(--space-md)}.wizard-input-section,.wizard-record-btn{align-items:center;display:flex;justify-content:center}.wizard-record-btn{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--weight-medium);gap:.5rem;gap:var(--space-xs);padding:1rem 2rem;padding:var(--space-sm) var(--space-lg);transition:all .15s ease;transition:all var(--transition-fast)}.wizard-record-scale{background:#5b7a8e;background:var(--color-slate-blue);color:#fff;color:var(--text-inverse)}.wizard-record-scale:hover{background:#0d1b3e;background:var(--color-deep-navy);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.wizard-record-check{background:#10b981;background:var(--color-success);color:#fff;color:var(--text-inverse)}.wizard-record-check:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-2px)}.wizard-record-icon{font-size:1.1rem}.wizard-input{background:#fff;background:var(--bg-input);border:2px solid #d1d5db;border:2px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;color:#0d1b3e;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--weight-bold);padding:1rem 2rem;padding:var(--space-sm) var(--space-lg);text-align:center;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:200px}.wizard-input::placeholder{font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--weight-medium);opacity:.6}.wizard-input:focus{border-color:#5b7a8e;border-color:var(--color-slate-blue);outline:none}.wizard-navigation{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;margin-top:16px;padding-top:12px}.wizard-nav-btn{background:#fff;background:var(--bg-surface);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--weight-medium);padding:1rem 2rem;padding:var(--space-sm) var(--space-lg);transition:all .15s ease;transition:all var(--transition-fast)}.wizard-nav-btn:hover:not(:disabled){background:#f5f5f5;background:var(--bg-secondary)}.wizard-nav-btn:disabled{cursor:not-allowed;opacity:.5}.wizard-nav-next{background:#5b7a8e;background:var(--color-slate-blue);border-color:#5b7a8e;border-color:var(--color-slate-blue);color:#fff;color:var(--text-inverse)}.wizard-nav-next:hover{background:#0d1b3e;background:var(--color-deep-navy)}.wizard-final,.wizard-summary{padding:0}.wizard-final-title,.wizard-summary-title{color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--weight-bold);margin-bottom:1.5rem;margin-bottom:var(--space-md)}.wizard-summary-table{border-collapse:collapse;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);margin-bottom:2rem;margin-bottom:var(--space-lg);width:100%}.wizard-summary-table th{border-bottom:2px solid #d1d5db;border-bottom:2px solid var(--border-default);color:#4b5563;color:var(--text-secondary);font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium);letter-spacing:.05em;padding:1rem;padding:var(--space-sm);text-align:left;text-transform:uppercase}.wizard-summary-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);padding:1rem;padding:var(--space-sm)}.wizard-summary-table tr.pour-good td:first-child{border-left:3px solid #10b981;border-left:3px solid var(--color-success)}.wizard-summary-table tr.pour-error td:first-child{border-left:3px solid #f59e0b;border-left:3px solid var(--color-warning)}.diff-good{color:#10b981;color:var(--color-success)}.diff-error,.diff-good{font-weight:700;font-weight:var(--weight-bold)}.diff-error{color:#f59e0b;color:var(--color-warning)}.wizard-summary-status{margin-bottom:2rem;margin-bottom:var(--space-lg)}.wizard-status-success,.wizard-status-warning{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--weight-bold);gap:1rem;gap:var(--space-sm);justify-content:center;padding:1.5rem;padding:var(--space-md)}.wizard-status-success{background:#10b9811a;color:#10b981;color:var(--color-success)}.wizard-status-warning{background:#f59e0b1a;color:#f59e0b;color:var(--color-warning)}.wizard-status-icon{font-size:1.5rem}.wizard-summary-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-sm);justify-content:center}.wizard-action-btn{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-size:var(--text-base);font-weight:700;font-weight:var(--weight-bold);padding:1rem 2rem;padding:var(--space-sm) var(--space-lg);transition:all .15s ease;transition:all var(--transition-fast)}.wizard-btn-primary{background:#5b7a8e;background:var(--color-slate-blue);color:#fff;color:var(--text-inverse)}.wizard-btn-primary:hover{background:#0d1b3e;background:var(--color-deep-navy)}.wizard-btn-overwrite{background:#f4b942;background:var(--color-golden-yellow);color:#0d1b3e;color:var(--color-deep-navy)}.wizard-btn-overwrite:hover{filter:brightness(1.1)}.wizard-btn-close{background:#ef4444;background:var(--color-error);color:#fff;color:var(--text-inverse)}.wizard-btn-close:hover{filter:brightness(1.1)}.wizard-btn-label{background:#fff;background:var(--bg-surface);border:2px solid #5b7a8e;border:2px solid var(--color-slate-blue);color:#0d1b3e;color:var(--text-primary)}.wizard-btn-label:hover{background:#5b7a8e;background:var(--color-slate-blue);color:#fff;color:var(--text-inverse)}.helper-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.helper-modal{animation:slideUp .25s ease-out;background:#fff;background:var(--bg-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.helper-header{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--space-md) var(--space-lg)}.helper-title{color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--weight-bold);margin:0}.helper-close-btn{background:none;border:none;color:#6b7280;color:var(--text-tertiary);cursor:pointer;font-size:1.75rem;line-height:1;padding:0;transition:color .15s ease;transition:color var(--transition-fast)}.helper-close-btn:hover{color:#ef4444;color:var(--color-error)}.helper-progress{background:#fff;background:var(--bg-surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);padding:1.5rem 2rem;padding:var(--space-md) var(--space-lg)}.helper-progress-steps{align-items:center;display:flex;gap:.5rem;gap:var(--space-xs);justify-content:center}.helper-progress-step{align-items:center;display:flex;flex-direction:column;gap:var(--space-2xs)}.helper-progress-number{align-items:center;background:#f5f5f5;background:var(--bg-secondary);border:2px solid #d1d5db;border:2px solid var(--border-default);border-radius:50%;color:#6b7280;color:var(--text-tertiary);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:700;font-weight:var(--weight-bold);height:28px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:28px}.helper-progress-step.active .helper-progress-number{background:#5b7a8e;background:var(--color-slate-blue);border-color:#5b7a8e;border-color:var(--color-slate-blue);color:#fff}.helper-progress-step.completed .helper-progress-number{background:#10b981;background:var(--color-success);border-color:#10b981;border-color:var(--color-success);color:#fff}.helper-progress-label{color:#6b7280;color:var(--text-tertiary);font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--weight-medium)}.helper-progress-step.active .helper-progress-label{color:#5b7a8e;color:var(--color-slate-blue)}.helper-progress-connector{background:#d1d5db;background:var(--border-default);height:2px;margin-bottom:18px;width:40px}.helper-body{flex:1 1;overflow-y:auto;padding:2rem;padding:var(--space-lg)}.helper-step-content{animation:fadeIn .2s ease-out}.helper-step-question{color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--weight-bold);margin:0 0 1.5rem;margin:0 0 var(--space-md) 0;text-align:center}.helper-options-list{display:flex;flex-direction:column;gap:1rem;gap:var(--space-sm)}.helper-option-card{background:#fff;background:var(--bg-surface);border:2px solid #d1d5db;border:2px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;padding:var(--space-md);transition:all .15s ease;transition:all var(--transition-fast)}.helper-option-card:hover{background:#f5f5f5;background:var(--bg-secondary);border-color:#5b7a8e;border-color:var(--color-slate-blue)}.helper-option-card.selected{background:#f4b9421a;border-color:#f4b942;border-color:var(--color-golden-yellow)}.helper-option-card.disabled{cursor:not-allowed;opacity:.5}.helper-option-card.disabled:hover{background:#fff;background:var(--bg-surface);border-color:#d1d5db;border-color:var(--border-default)}.helper-option-title{align-items:center;color:#0d1b3e;color:var(--text-primary);display:flex;font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:1rem;font-size:var(--text-base);font-weight:700;font-weight:var(--weight-bold);gap:1rem;gap:var(--space-sm);margin-bottom:var(--space-2xs)}.helper-disabled-badge{color:#6b7280;color:var(--text-tertiary);font-size:.75rem;font-size:var(--text-xs);font-style:italic;font-weight:300;font-weight:var(--weight-regular)}.helper-option-examples{color:#5b7a8e;color:var(--color-slate-blue);font-size:.875rem;font-size:var(--text-sm);font-style:italic;margin-bottom:var(--space-2xs)}.helper-option-description{color:#6b7280;color:var(--text-tertiary);font-size:.875rem;font-size:var(--text-sm)}.helper-application-grid{grid-gap:1rem;grid-gap:var(--space-sm);display:grid;gap:1rem;gap:var(--space-sm);grid-template-columns:repeat(3,1fr);margin:1.5rem 0;margin:var(--space-md) 0}.helper-application-btn{background:#fff;background:var(--bg-surface);border:2px solid #d1d5db;border:2px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);color:#0d1b3e;color:var(--text-primary);cursor:pointer;font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium);padding:1.5rem;padding:var(--space-md);transition:all .15s ease;transition:all var(--transition-fast)}.helper-application-btn:hover{background:#f5f5f5;background:var(--bg-secondary);border-color:#5b7a8e;border-color:var(--color-slate-blue)}.helper-application-btn.selected{background:#f4b942;background:var(--color-golden-yellow);border-color:#f4b942;border-color:var(--color-golden-yellow);color:#0d1b3e;color:var(--color-deep-navy)}.helper-glaze-note{background:#667eea1a;color:#5b7a8e;color:var(--color-slate-blue);font-size:.875rem;font-size:var(--text-sm);font-style:italic;padding:1rem;padding:var(--space-sm);text-align:center}.helper-glaze-note,.helper-recommendation{border-radius:8px;border-radius:var(--radius-md)}.helper-recommendation{background:#f5f5f5;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-light);margin-top:2rem;margin-top:var(--space-lg);padding:1.5rem;padding:var(--space-md)}.helper-recommendation-title{color:#0d1b3e;color:var(--text-primary);font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:1rem;font-size:var(--text-base);font-weight:700;font-weight:var(--weight-bold);margin-bottom:1rem;margin-bottom:var(--space-sm);text-align:center}.helper-recommendation-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--space-xs) 0}.helper-recommendation-row:last-of-type{border-bottom:none}.helper-recommendation-label{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium)}.helper-recommendation-value{color:#10b981;color:var(--color-success);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.875rem;font-size:var(--text-sm);font-weight:700;font-weight:var(--weight-bold)}.helper-note{color:#6b7280;color:var(--text-tertiary);font-size:.75rem;font-size:var(--text-xs);font-style:italic;margin-top:1rem;margin-top:var(--space-sm);text-align:center}.helper-footer{background:#f5f5f5;background:var(--bg-secondary);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);display:flex;gap:1rem;gap:var(--space-sm);padding:1.5rem 2rem;padding:var(--space-md) var(--space-lg)}.helper-nav-btn{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:700;font-weight:var(--weight-bold);padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);transition:all .15s ease;transition:all var(--transition-fast)}.helper-nav-btn:disabled{cursor:not-allowed;opacity:.5}.helper-nav-back{background:#fff;background:var(--bg-surface);border:1px solid #d1d5db;border:1px solid var(--border-default);color:#4b5563;color:var(--text-secondary)}.helper-nav-back:hover:not(:disabled){background:#fff;background:var(--bg-primary)}.helper-nav-cancel{background:#0000;color:#6b7280;color:var(--text-tertiary);margin-left:auto}.helper-nav-cancel:hover{color:#ef4444;color:var(--color-error)}.helper-nav-next{background:#5b7a8e;background:var(--color-slate-blue);color:#fff}.helper-nav-next:hover:not(:disabled){background:#0d1b3e;background:var(--color-deep-navy)}.helper-nav-apply{background:#8baa92;background:var(--color-sage-green);color:#0d1b3e;color:var(--color-deep-navy)}.helper-nav-apply:hover:not(:disabled){filter:brightness(1.1)}@media (max-width:480px){.helper-modal{margin:1rem;margin:var(--space-sm);max-height:calc(100vh - 1.5rem);max-height:calc(100vh - var(--space-md));max-width:100%}.helper-application-grid{grid-template-columns:repeat(2,1fr)}.helper-progress-connector{width:20px}}.input-with-scale{align-items:center;display:flex;position:relative}.input-with-scale .minimalist-input{flex:1 1;padding-right:36px}.input-scale-btn{align-items:center;background:#f4b942;background:var(--color-golden-yellow);border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;padding:0;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .15s ease;transition:all var(--transition-fast);width:28px;z-index:1}.input-scale-btn:hover{background:#5b7a8e;background:var(--color-slate-blue);transform:translateY(-50%) scale(1.1)}@keyframes captureFlash{0%{box-shadow:inset 0 0 0 0 #fffc}50%{box-shadow:inset 0 0 100px 100px #fffc}to{box-shadow:inset 0 0 0 0 #fff0}}.capture-flash{animation:captureFlash .3s ease-out}.toolbar-overflow-menu{background-color:#fff;background-color:var(--bg-surface);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);left:0;margin-top:4px;min-width:180px;overflow:hidden;position:absolute;top:100%;z-index:100}.toolbar-overflow-menu button{background:none;border:none;color:#0d1b3e;color:var(--text-primary);cursor:pointer;display:block;font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;text-align:left;transition:background-color .15s ease;transition:background-color var(--transition-fast);width:100%}.toolbar-overflow-menu button:hover:not(:disabled){background-color:#f5f5f5;background-color:var(--bg-secondary)}.toolbar-overflow-menu button:disabled{cursor:not-allowed;opacity:.4}.toolbar-overflow-menu hr{border:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);margin:0}.formula-info-summary-bar{align-items:center;background-color:#fff;background-color:var(--bg-surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-sm);padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm);transition:all .2s ease;transition:all var(--transition-base)}.formula-info-summary-bar:hover{border-color:#5b7a8e;border-color:var(--color-slate-blue);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.summary-badge{align-items:center;background-color:#f5f5f5;background-color:var(--bg-secondary);border-radius:4px;border-radius:var(--radius-sm);display:flex;flex-direction:column;min-width:70px;padding:.25rem .75rem}.summary-badge-label{color:#6b7280;color:var(--text-tertiary);font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--weight-medium);letter-spacing:.05em;text-transform:uppercase}.summary-badge-value{color:#0d1b3e;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.875rem;font-size:var(--text-sm);font-weight:700;font-weight:var(--weight-bold)}.summary-badge-positive{background-color:#10b9811a;border:1px solid #10b981;border:1px solid var(--color-success)}.summary-badge-positive .summary-badge-value{color:#10b981;color:var(--color-success)}.summary-badge-negative{background-color:#ef44441a;border:1px solid #ef4444;border:1px solid var(--color-error)}.summary-badge-negative .summary-badge-value{color:#ef4444;color:var(--color-error)}.summary-badge-id{background-color:#0d1b3e;background-color:var(--color-deep-navy);margin-left:auto}.summary-badge-id .summary-badge-value{color:#f4b942;color:var(--color-golden-yellow);font-size:.75rem;font-size:var(--text-xs)}.left-drawer-panel{background-color:#fff;background-color:var(--bg-surface);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);height:100vh;left:0;max-width:85vw;overflow-y:auto;padding:1.5rem;padding:var(--space-md);position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;transition:transform var(--transition-slow);width:320px;z-index:100}.left-drawer-panel.open{transform:translateX(0)}.batch-summary-bar{background-color:#fff;background-color:var(--bg-surface);border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);bottom:1.5rem;bottom:var(--space-md);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);color:#0d1b3e;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:1rem;gap:var(--space-sm);padding:.5rem 1.5rem;padding:var(--space-xs) var(--space-md);position:fixed;right:1.5rem;right:var(--space-md);transition:all .2s ease;transition:all var(--transition-base);z-index:50}.batch-summary-bar:hover{border-color:#5b7a8e;border-color:var(--color-slate-blue);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.batch-summary-expand{color:#5b7a8e;color:var(--color-slate-blue);font-weight:700;font-weight:var(--weight-bold)}.app-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);color:#6b7280;color:var(--text-tertiary);display:flex;font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.75rem;font-size:var(--text-xs);gap:1rem;gap:var(--space-sm);justify-content:center;margin-top:auto;padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md)}.app-footer-brand{font-weight:500;font-weight:var(--weight-medium)}.app-footer-version{border-radius:4px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-tertiary);padding:2px 6px;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.app-footer-version:hover{background-color:#0000000a;background-color:var(--hover-overlay);color:#5b7a8e;color:var(--color-slate-blue)}.changelog-page{background-color:#fff;background-color:var(--bg-primary);color:#0d1b3e;color:var(--text-primary);min-height:calc(100vh - 75px);padding:3rem 1.5rem;padding:var(--space-xl) var(--space-md)}.changelog-container{margin:0 auto;max-width:720px}.changelog-header{align-items:baseline;border-bottom:2px solid #5b7a8e;border-bottom:2px solid var(--color-slate-blue);display:flex;justify-content:space-between;margin-bottom:3rem;margin-bottom:var(--space-xl);padding-bottom:1rem;padding-bottom:var(--space-sm)}.changelog-header h1{font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:2rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--weight-bold);margin:0}.changelog-current{color:#5b7a8e;color:var(--color-slate-blue);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium)}.changelog-release{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);margin-bottom:3rem;margin-bottom:var(--space-xl);padding-bottom:2rem;padding-bottom:var(--space-lg)}.changelog-release:last-of-type{border-bottom:none}.changelog-release-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-xs);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-sm)}.changelog-release-header h2{border-bottom:none;font-family:Rubik,system-ui,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--weight-bold);margin:0;padding-bottom:0}.changelog-date{color:#6b7280;color:var(--text-tertiary);font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-size:var(--text-sm)}.changelog-list{list-style:none;margin:0;padding:0}.changelog-list li{color:#4b5563;color:var(--text-secondary);font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-base);line-height:1.6;padding:.5rem 0 .5rem 1.5rem;padding:var(--space-xs) 0 var(--space-xs) var(--space-md);position:relative}.changelog-list li:before{background-color:#5b7a8e;background-color:var(--color-slate-blue);border-radius:9999px;border-radius:var(--radius-full);content:"";height:6px;left:4px;position:absolute;top:calc(.5rem + .55em);top:calc(var(--space-xs) + .55em);width:6px}.changelog-back-btn{background:#0000;border:1px solid #d1d5db;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-family:IBM Plex Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium);margin-top:1.5rem;margin-top:var(--space-md);padding:.5rem 1.5rem;padding:var(--space-xs) var(--space-md);transition:all .15s ease;transition:all var(--transition-fast)}.changelog-back-btn:hover{border-color:#5b7a8e;border-color:var(--color-slate-blue);color:#5b7a8e;color:var(--color-slate-blue)}.colorbox-overlay{--cb-bg-primary:#1a1a2e;--cb-bg-secondary:#252540;--cb-bg-tertiary:#333;--cb-text-primary:#eee;--cb-text-secondary:#888;--cb-text-muted:#666;--cb-text-dim:#555;--cb-border:#444;--cb-accent:#4a6cf7;--cb-success:#22c55e;--cb-warning:#f59e0b;--cb-danger:#ef4444;--cb-font-mono:"SF Mono",Monaco,monospace;align-items:center;animation:colorboxFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;display:flex;inset:0;justify-content:center;padding:8px;position:fixed;z-index:1000}@keyframes colorboxFadeIn{0%{opacity:0}to{opacity:1}}.colorbox-container{background:var(--cb-bg-primary);border-radius:8px;color:var(--cb-text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:calc(100vh - 16px);max-height:calc(100vh - 16px);max-width:calc(100vw - 16px);overflow:hidden;width:100%}.colorbox-hidden{display:none!important}.colorbox-header{align-items:center;background:var(--cb-bg-secondary);border-bottom:1px solid var(--cb-border);display:flex;flex-shrink:0;gap:10px;padding:10px 14px}.colorbox-title{color:var(--cb-text-primary);font-size:.95rem;font-weight:600;margin:0}.colorbox-mode-toggle{background:var(--cb-bg-primary);border-radius:4px;display:flex;margin-left:12px;padding:2px}.colorbox-mode-btn{background:#0000;border:none;border-radius:3px;color:var(--cb-text-secondary);cursor:pointer;font-size:.7rem;font-weight:500;padding:5px 12px;transition:all .15s}.colorbox-mode-btn:hover{color:var(--cb-text-primary)}.colorbox-mode-btn.active{background:var(--cb-accent);color:#fff}.colorbox-camera-select{align-items:center;display:flex;gap:8px;margin-left:16px}.colorbox-camera-select label{color:var(--cb-text-secondary);font-size:.75rem;font-weight:500}.colorbox-camera-select select{background:var(--cb-bg-primary);border:1px solid var(--cb-border);border-radius:4px;color:var(--cb-text-primary);cursor:pointer;flex:1 1;font-size:.75rem;max-width:240px;padding:5px 8px}.colorbox-header-controls{display:flex;gap:8px;margin-left:auto}.colorbox-close-btn{background:none;border:none;color:var(--cb-text-secondary);cursor:pointer;font-size:1.4rem;line-height:1;padding:0 4px;transition:color .15s}.colorbox-close-btn:hover{color:var(--cb-text-primary)}.colorbox-btn{border:none;border-radius:4px;cursor:pointer;font-size:.7rem;font-weight:500;padding:5px 12px;transition:all .15s;white-space:nowrap}.colorbox-btn:disabled{cursor:not-allowed;opacity:.5}.colorbox-btn-primary{background:var(--cb-accent);color:#fff}.colorbox-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.colorbox-btn-secondary{background:var(--cb-border);color:#fff}.colorbox-btn-capture{background:var(--cb-success);color:#fff}.colorbox-btn-capture:hover:not(:disabled){filter:brightness(1.1)}.colorbox-btn-wood{background:#92400e;color:#fff}.colorbox-btn-target{background:#7c3aed;color:#fff}.colorbox-btn-target.captured,.colorbox-btn-wood.captured{background:#166534}.colorbox-btn-ai{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;margin-top:8px;width:100%}.colorbox-main{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr 380px;min-height:0;overflow:hidden;padding:12px}.colorbox-preview-section{display:flex;flex-direction:column;gap:6px;min-height:0}.colorbox-video-container{background:#000;border-radius:6px;flex:1 1;min-height:0;overflow:hidden;position:relative}.colorbox-video-container video{background:#000;height:100%;object-fit:contain;width:100%}.colorbox-video-container canvas.colorbox-overlay-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.colorbox-sample-region{align-items:center;background:#4a6cf714;border:2px solid #4a6cf7e6;border-radius:4px;box-shadow:0 0 0 2000px #0000004d;display:flex;height:60%;justify-content:center;left:20%;pointer-events:none;position:absolute;top:20%;transition:top .15s ease,left .15s ease,width .15s ease,height .15s ease;width:60%}.colorbox-sample-region span{background:#4a6cf7d9;border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;padding:3px 8px}.colorbox-region-controls{background:#000000b3;border-radius:6px;bottom:10px;left:10px;padding:6px 10px;pointer-events:auto;position:absolute;z-index:10}.colorbox-region-toggle-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:4px}.colorbox-region-label{color:#fff;font-size:.7rem;font-weight:500}.colorbox-region-slider-row{align-items:center;display:flex;gap:6px}.colorbox-region-slider-row input[type=range]{-webkit-appearance:none;appearance:none;background:var(--cb-border);border-radius:2px;height:4px;outline:none;width:90px}.colorbox-region-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--cb-accent);border-radius:50%;cursor:pointer;height:12px;-webkit-transition:transform .15s;transition:transform .15s;width:12px}.colorbox-region-slider-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.colorbox-region-slider-row input[type=range]:disabled{opacity:.4}.colorbox-region-slider-row input[type=range]:disabled::-webkit-slider-thumb{background:#666;cursor:not-allowed}.colorbox-region-value{color:#fff;font-family:var(--cb-font-mono);font-size:.65rem;min-width:28px;text-align:right}.colorbox-toggle-switch{display:inline-block;height:18px;position:relative;width:32px}.colorbox-toggle-switch input{height:0;opacity:0;width:0}.colorbox-toggle-slider{background:var(--cb-border);border-radius:18px;cursor:pointer;inset:0;position:absolute;transition:.2s}.colorbox-toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:12px;left:3px;position:absolute;transition:.2s;width:12px}.colorbox-toggle-switch input:checked+.colorbox-toggle-slider{background:var(--cb-accent)}.colorbox-toggle-switch input:checked+.colorbox-toggle-slider:before{transform:translateX(14px)}.colorbox-video-container.flash:after{animation:colorboxCaptureFlash .3s ease-out;background:#fff;content:"";inset:0;pointer-events:none;position:absolute}@keyframes colorboxCaptureFlash{0%{opacity:.7}to{opacity:0}}.colorbox-empty-state{align-items:center;color:var(--cb-text-muted);display:flex;flex-direction:column;font-size:.85rem;height:100%;justify-content:center;padding:20px;text-align:center}.colorbox-empty-state-icon{font-size:2.5rem;margin-bottom:12px;opacity:.5}.colorbox-histogram-section{background:var(--cb-bg-secondary);border-radius:6px;flex-shrink:0;padding:6px 8px}.colorbox-histograms{display:flex;gap:8px}.colorbox-histogram-container{flex:1 1}.colorbox-histogram-container canvas{background:var(--cb-bg-primary);border-radius:3px;height:28px;width:100%}.colorbox-readings-section{display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto}.colorbox-card{background:var(--cb-bg-secondary);border-radius:6px;flex-shrink:0;padding:8px 10px}.colorbox-card h3{border-bottom:1px solid var(--cb-bg-tertiary);color:var(--cb-text-primary);font-size:.75rem;margin:0 0 6px;padding-bottom:4px}.colorbox-reading-group{margin-bottom:6px}.colorbox-reading-group:last-child{margin-bottom:0}.colorbox-reading-group h4{color:var(--cb-text-dim);font-size:.55rem;letter-spacing:.5px;margin:0 0 2px;text-transform:uppercase}.colorbox-values-inline{display:flex;font-family:var(--cb-font-mono)}.colorbox-values-inline .colorbox-inline-item{color:var(--cb-text-secondary);font-size:.75rem;padding-right:16px}.colorbox-values-inline .colorbox-inline-item:last-child{padding-right:0}.colorbox-inline-item strong{color:var(--cb-text-primary);font-size:1rem;margin-left:2px}.colorbox-inline-item small{color:var(--cb-text-dim);font-size:.65rem}.colorbox-hsl-preview{background:var(--cb-bg-tertiary);border:1px solid var(--cb-border);border-radius:3px;height:14px;margin-top:4px;width:100%}.colorbox-stats-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr}.colorbox-stat-item{background:var(--cb-bg-primary);border-radius:3px;padding:3px 5px;text-align:center}.colorbox-stat-label{color:var(--cb-text-muted);display:block;font-size:.5rem;text-transform:uppercase}.colorbox-stat-value{color:var(--cb-text-primary);display:block;font-family:var(--cb-font-mono);font-size:.8rem;font-weight:700}.colorbox-metric-box{background:var(--cb-bg-primary);border-left:3px solid var(--cb-border);border-radius:4px;margin-bottom:4px;padding:6px}.colorbox-metric-box:last-child{margin-bottom:0}.colorbox-metric-box.success{border-left-color:var(--cb-success)}.colorbox-metric-box.warning{border-left-color:var(--cb-warning)}.colorbox-metric-box.danger{border-left-color:var(--cb-danger)}.colorbox-metric-header{align-items:center;display:flex;gap:5px;margin-bottom:3px}.colorbox-metric-icon{align-items:center;background:var(--cb-border);border-radius:50%;color:var(--cb-text-primary);display:flex;font-size:.55rem;height:14px;justify-content:center;width:14px}.colorbox-metric-box.success .colorbox-metric-icon{background:var(--cb-success);color:#fff}.colorbox-metric-box.warning .colorbox-metric-icon{background:var(--cb-warning);color:#000}.colorbox-metric-box.danger .colorbox-metric-icon{background:var(--cb-danger);color:#fff}.colorbox-metric-title{color:var(--cb-text-primary);font-size:.7rem;font-weight:500}.colorbox-metric-value{color:var(--cb-text-primary);font-family:var(--cb-font-mono);font-size:1rem;font-weight:700}.colorbox-metric-details{color:var(--cb-text-muted);font-size:.6rem}.colorbox-clipping-bars{margin-top:4px}.colorbox-clip-bar{align-items:center;display:flex;font-size:.6rem;gap:5px;margin-bottom:2px}.colorbox-clip-bar span:first-child{color:var(--cb-text-muted);width:10px}.colorbox-clip-progress{background:var(--cb-bg-tertiary);border-radius:2px;flex:1 1;height:3px;overflow:hidden}.colorbox-clip-fill{background:var(--cb-success);height:100%;transition:width .1s;width:0}.colorbox-clip-fill.warning{background:var(--cb-warning)}.colorbox-clip-fill.danger{background:var(--cb-danger)}.colorbox-clip-pct{color:var(--cb-text-secondary);font-family:var(--cb-font-mono);text-align:right;width:28px}.colorbox-metrics-row{display:flex;gap:4px}.colorbox-metric-box-compact{background:var(--cb-bg-primary);border-left:3px solid var(--cb-border);border-radius:4px;flex:1 1;padding:6px;text-align:center}.colorbox-metric-box-compact.success{border-left-color:var(--cb-success)}.colorbox-metric-box-compact.warning{border-left-color:var(--cb-warning)}.colorbox-metric-box-compact.danger{border-left-color:var(--cb-danger)}.colorbox-metric-header-compact{align-items:center;display:flex;gap:3px;justify-content:center;margin-bottom:2px}.colorbox-metric-value-compact{color:var(--cb-text-primary);font-family:var(--cb-font-mono);font-size:1.2rem;font-weight:700}.colorbox-snapshots-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));max-height:140px;overflow-y:auto}.colorbox-empty-state-small{color:var(--cb-text-dim);font-size:.7rem;padding:8px;text-align:center}.colorbox-snapshot-item{background:var(--cb-bg-primary);border:2px solid #0000;border-radius:3px;cursor:pointer;overflow:hidden;transition:border-color .15s}.colorbox-snapshot-item:hover{border-color:var(--cb-accent)}.colorbox-snapshot-item img{aspect-ratio:4/3;display:block;object-fit:cover;width:100%}.colorbox-snapshot-info{background:#0009;color:#fff;font-family:var(--cb-font-mono);font-size:.55rem;padding:2px 3px}.colorbox-snapshot-hsl{white-space:nowrap}.colorbox-capture-slot{background:var(--cb-bg-primary);border:1px solid var(--cb-bg-tertiary);border-radius:4px;margin-bottom:4px;padding:6px}.colorbox-capture-slot:last-of-type{margin-bottom:0}.colorbox-capture-slot.captured{border-color:var(--cb-success)}.colorbox-capture-header{align-items:center;display:flex;gap:5px;margin-bottom:4px}.colorbox-capture-step{align-items:center;background:var(--cb-accent);border-radius:50%;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;width:16px}.colorbox-capture-title{color:var(--cb-text-primary);font-size:.7rem;font-weight:600}.colorbox-capture-empty{color:var(--cb-text-dim);font-size:.65rem;padding:4px;text-align:center}.colorbox-capture-data{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:40px 1fr 24px}.colorbox-capture-thumb{border-radius:3px;cursor:pointer;height:30px;object-fit:cover;transition:opacity .15s,transform .15s;width:40px}.colorbox-capture-thumb:hover{opacity:.8;transform:scale(1.05)}.colorbox-capture-values{font-size:.65rem}.colorbox-capture-hsl{color:var(--cb-text-primary);display:flex;font-family:var(--cb-font-mono);gap:6px}.colorbox-capture-range{color:var(--cb-text-muted);display:flex;font-size:.6rem;gap:6px;margin-top:1px}.colorbox-capture-swatch{border:1px solid var(--cb-border);border-radius:3px;height:24px;width:24px}.colorbox-delta-panel{background:var(--cb-bg-primary);border:1px solid var(--cb-accent);border-radius:4px;margin-top:4px;padding:6px}.colorbox-delta-panel h4{color:var(--cb-accent);font-size:.65rem;margin:0 0 4px;text-transform:uppercase}.colorbox-delta-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(4,1fr);margin-bottom:6px}.colorbox-delta-item{background:var(--cb-bg-secondary);border-radius:3px;padding:3px;text-align:center}.colorbox-delta-label{color:var(--cb-text-muted);display:block;font-size:.5rem;text-transform:uppercase}.colorbox-delta-value{display:block;font-family:var(--cb-font-mono);font-size:.8rem;font-weight:700}.colorbox-delta-value.positive{color:var(--cb-success)}.colorbox-delta-value.negative{color:var(--cb-danger)}.colorbox-delta-value.neutral{color:var(--cb-text-muted)}.colorbox-delta-meaning{color:var(--cb-text-dim);font-size:.5rem;margin-top:1px}.colorbox-visual-compare{align-items:center;background:var(--cb-bg-secondary);border-radius:4px;display:flex;gap:8px;justify-content:center;padding:6px}.colorbox-compare-swatch{border:1px solid var(--cb-border);border-radius:3px;height:24px;width:36px}.colorbox-compare-arrow{color:var(--cb-accent);font-size:.9rem}.colorbox-export-modal{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.colorbox-export-content{background:var(--cb-bg-secondary);border-radius:8px;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.colorbox-export-header{align-items:center;border-bottom:1px solid var(--cb-bg-tertiary);display:flex;justify-content:space-between;padding:10px 14px}.colorbox-export-header h3{color:var(--cb-text-primary);font-size:.9rem;margin:0}.colorbox-export-body{padding:14px}.colorbox-export-body p{color:var(--cb-text-secondary);font-size:.75rem;margin-bottom:8px}.colorbox-export-body textarea{background:var(--cb-bg-primary);border:1px solid var(--cb-border);border-radius:4px;color:var(--cb-text-primary);font-family:var(--cb-font-mono);font-size:.7rem;height:180px;margin-bottom:8px;padding:8px;resize:none;width:100%}.colorbox-export-actions{display:flex;gap:8px;justify-content:flex-end}.colorbox-capture-controls{display:flex;gap:6px;margin-top:8px}.colorbox-capture-controls .colorbox-btn{flex:1 1}@media (max-width:900px){.colorbox-main{grid-template-columns:1fr;grid-template-rows:1fr auto}.colorbox-readings-section{max-height:300px}}.colorbox-camera-controls-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.colorbox-camera-controls-header h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.colorbox-collapse-icon{color:var(--cb-text-muted);font-size:.7rem}.colorbox-camera-controls-body{display:flex;flex-direction:column;gap:4px;margin-top:6px}.colorbox-ctrl-row{align-items:center;display:flex;gap:6px}.colorbox-ctrl-label{color:var(--cb-text-secondary);flex-shrink:0;font-size:.65rem;text-align:right;width:70px}.colorbox-ctrl-slider{-webkit-appearance:none;appearance:none;background:var(--cb-border);border-radius:2px;flex:1 1;height:4px;outline:none}.colorbox-ctrl-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--cb-accent);border-radius:50%;cursor:pointer;height:12px;-webkit-transition:transform .15s;transition:transform .15s;width:12px}.colorbox-ctrl-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.colorbox-ctrl-value{color:var(--cb-text-primary);font-family:var(--cb-font-mono);font-size:.6rem;min-width:32px;text-align:right}.colorbox-ctrl-modes{display:flex;flex:1 1;gap:2px}.colorbox-ctrl-mode-btn{background:#0000;border:1px solid var(--cb-border);border-radius:3px;color:var(--cb-text-secondary);cursor:pointer;font-size:.6rem;padding:2px 8px;text-transform:capitalize;transition:all .15s}.colorbox-ctrl-mode-btn:hover{border-color:var(--cb-accent);color:var(--cb-text-primary)}.colorbox-ctrl-mode-btn.active{background:var(--cb-accent);border-color:var(--cb-accent);color:#fff}@media (min-width:1400px){.colorbox-main{grid-template-columns:1fr 420px}}
/*# sourceMappingURL=main.d54d4bf2.css.map*/