*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f4f5;--surface: #ffffff;--border: #e2e2e5;--text: #18181b;--muted: #71717a;--accent: #2563eb;--accent-h: #1d4ed8;--pass: #16a34a;--warn: #d97706;--fail: #dc2626;--c-color: #00aeef;--m-color: #ec008c;--y-color: #f7ea00;--k-color: #231f20;--o-color: #f26522;--g-color: #00a651;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;background:var(--bg);color:var(--text);min-height:100vh}header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{max-width:1400px;margin:0 auto;padding:0 1.5rem;height:52px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem}.logo{font-weight:700;font-size:15px;letter-spacing:-.2px}#printer-select{font-size:13px;border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .6rem;background:var(--bg);color:var(--text);cursor:pointer}nav{display:flex;gap:.25rem}.nav-btn{background:none;border:none;padding:.4rem .85rem;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;color:var(--muted);transition:background .15s,color .15s}.nav-btn:hover{background:var(--bg);color:var(--text)}.nav-btn.active{background:var(--accent);color:#fff}main{max-width:1400px;margin:0 auto;padding:1.5rem}.view{display:none}.view.active{display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.card h2{font-size:14px;font-weight:600;margin-bottom:1rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-header-row h2{margin:0}.match-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media (max-width: 1000px){.match-layout{grid-template-columns:1fr 1fr}#results-card{grid-column:span 2}}@media (max-width: 640px){.match-layout{grid-template-columns:1fr}#results-card{grid-column:span 1}}.field{margin-bottom:.85rem}.field label{display:block;font-size:12px;font-weight:500;margin-bottom:.35rem;color:var(--muted)}.hint{font-weight:400;font-style:italic}input[type=text],input[type=number],select,textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .65rem;font-size:13px;color:var(--text);background:var(--surface);transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{opacity:.4}.lab-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.lab-field{display:flex;flex-direction:column;gap:.2rem}.lab-field span{font-size:11px;font-weight:600;color:var(--muted);text-align:center}.swatch-row{display:flex;gap:1rem;margin-bottom:1rem}.swatch-wrap{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:11px;color:var(--muted)}.swatch{width:60px;height:40px;border-radius:var(--radius);border:1px solid var(--border);background:#e5e5e5}.cmykog-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.channel{display:flex;align-items:center;gap:.4rem;background:var(--bg);border-radius:var(--radius);padding:.4rem .6rem;border-left:3px solid transparent}.channel label{font-size:13px;font-weight:700;min-width:14px}.channel input{flex:1;border:none;background:transparent;padding:.2rem .3rem;font-size:13px}.channel input:focus{box-shadow:none}.channel span{font-size:12px;color:var(--muted)}.channel.c{border-color:var(--c-color)}.channel.m{border-color:var(--m-color)}.channel.y{border-color:var(--y-color);background:#fffce8}.channel.k{border-color:var(--k-color)}.channel.o{border-color:var(--o-color)}.channel.g{border-color:var(--g-color)}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.55rem 1.1rem;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;width:100%;margin-top:.5rem}.btn-primary:hover:not(:disabled){background:var(--accent-h)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .9rem;font-size:13px;cursor:pointer;color:var(--muted);transition:border-color .15s,color .15s;width:100%;margin-top:.5rem}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{padding:.3rem .65rem;font-size:12px;width:auto;margin-top:0}.empty-state{color:var(--muted);font-size:13px;text-align:center;padding:2rem 0}.delta-e-display{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:var(--bg);border-radius:var(--radius)}.de-label{font-size:12px;font-weight:600;color:var(--muted)}.de-value{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.de-badge{font-size:11px;font-weight:600;padding:.2rem .55rem;border-radius:99px;letter-spacing:.03em}.de-badge.pass{background:#dcfce7;color:var(--pass)}.de-badge.warn{background:#fef3c7;color:var(--warn)}.de-badge.fail{background:#fee2e2;color:var(--fail)}.de-value.pass{color:var(--pass)}.de-value.warn{color:var(--warn)}.de-value.fail{color:var(--fail)}.delta-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:1rem}.delta-item{background:var(--bg);border-radius:var(--radius);padding:.5rem;text-align:center}.delta-label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:.2rem}.delta-val{display:block;font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.delta-hint{display:block;font-size:10px;color:var(--muted);margin-top:.15rem}.correction-guide{font-size:12px;line-height:1.6;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius);padding:.65rem .8rem;margin-bottom:1rem;color:#1e40af}.correction-guide:empty{display:none}.attempts-list{display:flex;flex-direction:column;gap:.4rem}.attempt-row{display:flex;align-items:center;gap:.5rem;font-size:12px;padding:.4rem .6rem;background:var(--bg);border-radius:var(--radius);border-left:3px solid var(--border);cursor:pointer;transition:background .1s}.attempt-row:hover{background:#f0f0f4}.attempt-row.pass{border-color:var(--pass)}.attempt-row.warn{border-color:var(--warn)}.attempt-row.fail{border-color:var(--fail)}.attempt-num{font-weight:700;min-width:22px}.attempt-de{font-weight:600;margin-left:auto}.attempt-recipe{color:var(--muted);font-size:11px;font-family:monospace}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.view-header h2{font-size:18px;font-weight:700}.view-header input{max-width:280px}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:border-color .15s;box-shadow:var(--shadow)}.history-item:hover{border-color:var(--accent)}.history-swatch{width:36px;height:36px;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.history-info{flex:1}.history-name{font-weight:600;font-size:14px}.history-meta{color:var(--muted);font-size:12px;margin-top:.15rem}.history-de{font-size:13px;font-weight:700;text-align:right;min-width:60px}.history-de.pass{color:var(--pass)}.history-de.warn{color:var(--warn)}.history-de.fail{color:var(--fail)}.history-de.none{color:var(--muted)}.ink-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.ink-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;box-shadow:var(--shadow)}.ink-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem}.ink-name{font-weight:600;font-size:14px}.ink-actions{display:flex;gap:.4rem}.btn-icon{background:none;border:none;cursor:pointer;color:var(--muted);font-size:13px;padding:.2rem;border-radius:4px}.btn-icon:hover{color:var(--text);background:var(--bg)}.ink-recipe{font-size:12px;font-family:monospace;color:var(--muted)}.ink-recipe span{display:inline-block;margin-right:.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:200;display:flex;align-items:center;justify-content:center}.modal{background:var(--surface);border-radius:10px;width:min(480px,95vw);box-shadow:0 20px 60px #0003;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:15px;font-weight:600}.modal-close{background:none;border:none;font-size:16px;cursor:pointer;color:var(--muted);line-height:1}#modal-body{padding:1.25rem}.cal-progress-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.cal-progress-bar{flex:1;height:8px;background:var(--border);border-radius:99px;overflow:hidden;max-width:400px}#cal-progress-fill{height:100%;background:var(--accent);border-radius:99px;width:0%;transition:width .3s}#cal-progress-label{font-size:12px;color:var(--muted)}.cal-instructions{font-size:12px;color:var(--muted);margin-bottom:.75rem;line-height:1.5;max-width:700px}.cal-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.cal-table{width:100%;border-collapse:collapse;font-size:12px}.cal-table th{background:var(--bg);padding:.45rem .5rem;text-align:center;font-weight:600;font-size:11px;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.cal-table td{padding:.25rem .4rem;text-align:center;border-bottom:1px solid var(--border);vertical-align:middle}.cal-table tbody tr:last-child td{border-bottom:none}.cal-table tbody tr:hover{background:#f7f7f9}.cal-table tbody tr.measured{background:#f0fdf4}.cal-table tbody tr.measured:hover{background:#dcfce7}.cal-swatch{width:28px;height:18px;border-radius:3px;border:1px solid var(--border);display:inline-block}.cal-table input[type=number]{width:62px;padding:.2rem .3rem;text-align:center;font-size:12px;border:1px solid var(--border);border-radius:4px}.cal-table input[type=number]:focus{border-color:var(--accent);outline:none}.btn-save-patch{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:.2rem .55rem;font-size:11px;cursor:pointer;white-space:nowrap}.btn-save-patch:hover{background:var(--accent-h)}.btn-save-patch.saved{background:var(--pass);cursor:default}.mode-switcher{display:flex;gap:.5rem;margin-bottom:1rem}.mode-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.55rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s;text-align:left}.mode-btn strong{font-size:13px;font-weight:600;color:var(--text)}.mode-btn span{font-size:11px;color:var(--muted)}.mode-btn:hover{border-color:var(--accent)}.mode-btn.active{border-color:var(--accent);background:#eff6ff}.mode-btn.active strong{color:var(--accent)}.match-mode-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.25rem .55rem;font-size:11px;font-weight:500;cursor:pointer;color:var(--muted);transition:background .12s,color .12s,border-color .12s}.match-mode-btn:hover{border-color:var(--accent);color:var(--accent)}.match-mode-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.suggestion-panel{font-size:12px;border-radius:var(--radius);padding:.55rem .75rem;margin-bottom:.85rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.suggestion-panel.sug-high{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.suggestion-panel.sug-medium{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.suggestion-panel.sug-low{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.suggestion-panel.sug-warn{background:#f8fafc;border:1px solid var(--border);color:var(--muted)}.sug-label{font-weight:600}.sug-meta{font-size:11px;opacity:.8}.scan-toolbar{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius);margin-bottom:.75rem;font-size:13px}.scan-indicator{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.06em;white-space:nowrap}#scan-counter{font-weight:700;font-family:monospace;font-size:15px;color:var(--text)}#scan-status{font-size:11px;color:var(--muted);font-style:italic}.cal-table tbody tr.scan-active td{background:#dbeafe}.cal-table tbody tr.scan-active{outline:2px solid var(--accent);outline-offset:-1px}.cal-table tbody tr.scan-active input[type=number]{border-color:var(--accent);background:#fff}#btn-start-scan.scanning{border-color:var(--accent);color:var(--accent);background:#eff6ff}.chart-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.chart-upload-slot{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.chart-slot-label{display:flex;flex-direction:column;gap:.1rem;flex:1}.chart-slot-label strong{font-size:13px}.chart-slot-label span{font-size:11px;color:var(--muted)}.chart-slot-status{font-size:11px;color:var(--muted);white-space:nowrap}.chart-upload-btn{cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center}