@font-face{font-family:Zalando Sans;src:url(/fonts/ZalandoSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pitagon Sans Mono;src:url(/fonts/PitagonSansMono-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.bean-card-preview{--bean-card-bg: #3b3b3b;--bean-card-text: #ffffff;width:min(100%,400px);min-width:0;color:var(--bean-card-text);filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.bean-card-preview__card{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding:14px 16px 16px;background:var(--bean-card-bg);color:var(--bean-card-text)}.bean-card-preview__name,.bean-card-preview__roaster{margin:0;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}.bean-card-preview__name{font-family:"Zalando Sans",var(--font-sans);font-size:24px;font-weight:400;line-height:1.15}.bean-card-preview__roaster{font-family:"Pitagon Sans Mono",var(--font-mono);font-size:13px;font-weight:700;line-height:1.2;letter-spacing:1.5px;text-transform:uppercase}.bean-card-preview__edge{width:100%;height:5px;overflow:hidden;line-height:0}.bean-card-preview__edge svg{display:block;width:100%;height:5px}:root{--bg: #f5f5f5;--surface: #ffffff;--surface-raised: #ffffff;--surface-hover: #eeeeee;--surface-sunken: #f1f1f1;--border: #e2e2e2;--border-strong: #d7d7d7;--selected: #e9e9e9;--selected-hover: #e5e5e5;--selected-border: #3b3b3b;--selected-ring: rgba(43, 43, 43, .18);--text: #2b2725;--text-secondary: #7a716c;--text-tertiary: #a59c97;--text-inverted: #ffffff;--label: #4d4d4d;--accent: #3b3b3b;--accent-hover: #2f2f2f;--accent-press: #242424;--accent-soft: rgba(43, 43, 43, .08);--accent-soft-strong: rgba(43, 43, 43, .14);--accent-line: rgba(43, 43, 43, .34);--accent-ring: rgba(43, 43, 43, .18);--success: #2f7d4c;--success-soft: rgba(47, 125, 76, .1);--danger: #c0432a;--danger-soft: #fbf1ee;--danger-border: #eccabf;--warn: #b06a12;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(40, 30, 24, .05);--shadow-md: 0 4px 16px -6px rgba(40, 30, 24, .14);--shadow-card: 0 2px 8px -2px rgba(40, 30, 24, .18);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--topbar-h: 48px;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-size:13px;line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:720px;min-height:100vh}button,input,a{font:inherit;color:inherit}h1,h2,h3,p{margin:0}::selection{background:var(--accent-soft-strong)}.eyebrow,.field-label,.copy-field-label,.match-card span,.confirmation-block span,.suggestion-button span,.bean-roaster{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--label)}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--topbar-h);padding:0 16px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar-brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--text);white-space:nowrap}.brand-icon{width:24px;height:24px;border-radius:var(--radius-xs);box-shadow:var(--shadow-sm)}.topbar-sep{width:1px;height:16px;background:var(--border-strong)}.section-select-wrap{display:inline-flex;min-width:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.section-select{appearance:none;-webkit-appearance:none;height:28px;padding:0 28px 0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background-color:var(--surface);background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 14px) center,calc(100% - 9px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.section-select:hover{background-color:var(--surface-hover);border-color:var(--border-strong)}.section-select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.topbar-actions{display:flex;align-items:center;gap:10px}.console-grid{display:grid;grid-template-columns:minmax(248px,320px) minmax(380px,1fr);gap:1px;flex:1;min-height:0;background:var(--border)}.cleanup-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(520px,1fr);gap:1px;flex:1;min-height:0;background:var(--border)}.cleanup-sidebar,.cleanup-main{min-height:0;overflow-y:auto;background:var(--bg)}.cleanup-main{display:flex;flex-direction:column}.cleanup-pair-list{display:grid;gap:6px;padding:12px}.cleanup-pair{display:grid;gap:4px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:pointer}.cleanup-pair:hover{background:var(--surface-hover);border-color:var(--border-strong)}.cleanup-pair.selected{border-color:var(--selected-border);background:var(--surface);box-shadow:inset 0 0 0 1px var(--selected-border)}.cleanup-pair-heading{display:grid;gap:3px;min-width:0}.cleanup-pair-label{color:var(--text);font-size:13px;font-weight:600;overflow-wrap:anywhere}.cleanup-pair-meta{color:var(--text-secondary);font-size:12px;overflow-wrap:anywhere}.cleanup-form{display:grid;gap:16px;padding:16px}.cleanup-direction-panel{display:grid;gap:14px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.cleanup-direction-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cleanup-direction-header h2{color:var(--text);font-size:16px;font-weight:700;line-height:1.25}.cleanup-direction-header>span{flex:0 0 auto;color:var(--text-tertiary);font-size:11px;font-weight:650;white-space:nowrap}.cleanup-roaster-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cleanup-roaster-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken)}.cleanup-roaster-card>div{display:grid;gap:2px;min-width:0}.cleanup-roaster-card strong{color:var(--text);font-size:13px;font-weight:650;overflow-wrap:anywhere}.cleanup-roaster-card span{color:var(--text-secondary);font-size:12px}.cleanup-roaster-card .primary-link{flex:0 0 auto}.cleanup-direction-actions{display:grid;gap:8px}.cleanup-dismiss{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--border)}.cleanup-dismiss-text{display:grid;gap:2px}.cleanup-dismiss-text strong{color:var(--text);font-size:13px;font-weight:650}.cleanup-dismiss-note{width:100%;height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px}.cleanup-dismiss-note:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.cleanup-dismiss .secondary-button{justify-self:start}.cleanup-dismissed{margin:0 12px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.cleanup-dismissed>summary{display:flex;align-items:center;gap:6px;padding:10px 12px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;list-style:none}.cleanup-dismissed>summary::-webkit-details-marker{display:none}.cleanup-dismissed-count{color:var(--text-tertiary);font-size:11px;font-weight:650}.cleanup-dismissed-empty{padding:0 12px 12px}.cleanup-dismissed-list{display:grid;gap:6px;padding:0 12px 12px}.cleanup-dismissed-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken)}.cleanup-dismissed-names{display:grid;gap:2px;min-width:0}.cleanup-dismissed-names strong{color:var(--text);font-size:13px;font-weight:600;overflow-wrap:anywhere}.cleanup-dismissed-item .secondary-button{flex:0 0 auto}.cleanup-bean-target select{width:100%;height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px}.cleanup-bean-target select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.cleanup-review{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.cleanup-review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--border)}.cleanup-review-header h3{font-size:14px;font-weight:650}.cleanup-review-header>span{color:var(--text-tertiary);font-size:11px;font-weight:650;white-space:nowrap}.cleanup-bean-list{display:grid}.cleanup-bean-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1fr);gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--border)}.cleanup-bean-row:first-child{border-top:0}.cleanup-bean-source{display:grid;gap:2px;min-width:0}.cleanup-bean-source strong{color:var(--text);font-size:13px;font-weight:600;overflow-wrap:anywhere}.cleanup-bean-source span,.cleanup-bean-suggestions{color:var(--text-secondary);font-size:12px}.cleanup-bean-target{min-width:0}.cleanup-bean-suggestions{grid-column:2;margin-top:-6px}.cleanup-confirmation{margin:16px 16px 0;border-color:#2f7d4c47;background:var(--success-soft)}.queue-panel,.review-panel{display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:var(--bg);scrollbar-width:thin}.review-panel{background:var(--bg)}.panel-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;height:56px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--surface)}.review-header-actions{display:flex;align-items:center;gap:12px;min-width:0}.review-panel .panel-header,.queue-panel .panel-header{background:var(--surface)}.panel-title-group{display:grid;gap:2px;min-width:0}.panel-header h2{font-size:13px;font-weight:650;letter-spacing:0;color:var(--text)}.panel-header p{display:none}.panel-header>span,.panel-count{font-size:11px;font-weight:600;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.status-block{margin:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:12px}.status-block strong{display:block;margin-bottom:3px;color:var(--text);font-size:13px;font-weight:600}.status-block p{margin-top:4px}.status-block.error{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.status-block.error strong{color:var(--danger)}.status-action{margin-top:12px;height:28px;padding:0 12px;border:1px solid currentColor;border-radius:var(--radius-sm);background:transparent;color:inherit;font-size:12px;font-weight:600;cursor:pointer}.status-action:hover{background:#c0432a14}.queue-list{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:3px}.queue-item{position:relative;display:grid;width:100%;gap:2px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;text-align:left;cursor:pointer;transition:background .1s ease,border-color .1s ease}.queue-item:hover{background:var(--surface-hover)}.queue-item.selected{background:var(--surface);border-color:var(--border);box-shadow:none}.queue-item.selected:hover{background:var(--surface)}.queue-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-ring)}.queue-item-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:550;color:var(--text);min-width:0}.queue-item-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.queue-item-badge{flex:0 0 auto;padding:1px 6px;font-size:9.5px;font-weight:650}.queue-item-roaster{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-meta{display:flex;justify-content:space-between;gap:10px;margin-top:1px;font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.bean-summary{width:100%;max-width:820px;margin:0 auto;padding:16px}.mono-value{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:11.5px;font-weight:400;color:var(--text-secondary)}.submitted-bean{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.submitted-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:12px 20px}.submitted-search{grid-column:3;grid-row:1;align-self:center}.submitted-when{justify-items:end;text-align:right}.submitted-photo{display:flex;justify-content:center;margin-top:12px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken)}.submitted-photo img{max-width:100%;max-height:340px;border-radius:var(--radius-sm);object-fit:contain}.submitted-photo:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-ring)}.copy-field{display:grid;gap:3px;min-width:0}.copy-field-label{margin:0}.copy-field-value-row{display:flex;align-items:center;gap:7px;min-width:0}.copy-field-value{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.copy-field-value.mono-value{font-weight:400;font-family:var(--font-mono);font-size:11.5px}.copy-button{flex:0 0 auto;height:18px;padding:0 6px;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease}.copy-button:hover{background:var(--surface-hover);color:var(--text)}.copy-button.copied{border-color:transparent;background:var(--success-soft);color:var(--success)}.copy-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-ring)}.workflow-step{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.workflow-step.muted{background:var(--surface)}h3{font-size:13px;font-weight:600;color:var(--text)}.workflow-step>h3{margin-bottom:12px}.field-label{display:block;margin-bottom:6px}.text-field{width:100%;height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px}.text-field::placeholder{color:var(--text-tertiary)}.text-field:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.text-field:disabled{color:var(--text-secondary);background:var(--surface-sunken);cursor:not-allowed}.text-area{width:100%;min-height:112px;padding:9px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;line-height:1.4;resize:vertical}.text-area::placeholder{color:var(--text-tertiary)}.text-area:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.text-field.invalid{border-color:var(--danger);background:var(--danger-soft)}.mono-input{font-family:var(--font-mono);font-size:12px;text-transform:uppercase}.helper-text{margin-top:8px;color:var(--text-secondary);font-size:12px;line-height:1.4}.inline-error{margin-bottom:12px;padding:10px 12px;border:1px solid var(--danger-border);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:12px}.inline-error strong{font-weight:600}.inline-error p{margin-top:4px}.field-error{margin-top:8px;color:var(--danger);font-size:12px}.create-bean-panel{flex:1}.create-inline-error{margin-top:10px;margin-bottom:0}.duplicate-warning{cursor:default}.duplicate-warning:hover{background:var(--surface);border-color:var(--border)}.scan-copy{margin-top:-4px;margin-bottom:12px}.scan-keywords-input{font-family:var(--font-sans)}.keyword-chip-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.keyword-chip{max-width:100%;padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);font-size:11.5px;overflow-wrap:anywhere}.match-card,.confirmation-block{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.new-roaster-metadata{display:grid;gap:6px;margin-top:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.new-roaster-metadata .field-label{margin-top:4px}.new-roaster-metadata .helper-text{margin:0 0 2px}.match-card{display:grid;gap:3px}.match-card.selected{border-color:var(--selected-border);background:var(--surface);box-shadow:inset 0 0 0 1px var(--selected-border)}.confirmation-block-text{display:grid;gap:3px;min-width:0}.match-card strong,.confirmation-block strong{font-size:13px;font-weight:600;color:var(--text)}.match-card p{margin:0;color:var(--text-secondary);font-size:12px}.suggestion-list{display:grid;gap:6px;margin-top:10px}.suggestion-button{display:grid;gap:3px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:pointer;transition:background .1s ease,border-color .1s ease}.suggestion-button strong{font-size:13px;font-weight:550;color:var(--text)}.suggestion-button:hover{background:var(--surface-hover);border-color:var(--border-strong)}.suggestion-button.selected{border-color:var(--selected-border);background:var(--surface);box-shadow:inset 0 0 0 1px var(--selected-border)}.suggestion-button:focus-visible,.identity-option:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-ring)}.identity-choices{display:grid;gap:6px;margin-top:12px}.identity-choices-label{margin:6px 0 2px;font-size:12px;font-weight:600;color:var(--text-secondary)}.identity-choices-label:first-child{margin-top:0}.identity-option{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:pointer;transition:background .1s ease,border-color .1s ease}.identity-option:hover{background:var(--surface-hover);border-color:var(--border-strong)}.identity-option.selected{border-color:var(--selected-border);background:var(--surface);box-shadow:inset 0 0 0 1px var(--selected-border)}.identity-option-main{display:grid;gap:2px;min-width:0;flex:1 1 auto}.identity-option-main strong{font-size:13px;font-weight:600;color:var(--text);overflow-wrap:anywhere}.identity-option-sub{font-size:12px;color:var(--text-secondary);overflow-wrap:anywhere}.identity-option-badge{flex:0 0 auto;padding:2px 8px;border-radius:var(--radius-pill);background:var(--selected);color:var(--text);font-size:10.5px;font-weight:650;letter-spacing:.02em;white-space:nowrap}.color-tools{display:grid;gap:10px}.color-tools>h3{margin-bottom:0}.color-hint{color:var(--text-tertiary);font-size:11.5px;line-height:1.4}.color-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.color-swatch-card{display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .1s ease,box-shadow .1s ease}.color-swatch-card.active{border-color:var(--selected-border);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--selected-border)}.color-swatch-sample{width:46px;height:46px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff38;transition:border-color .1s ease,box-shadow .1s ease}.color-swatch-sample.is-unset{border-style:dashed;background-image:repeating-conic-gradient(var(--surface-sunken) 0% 25%,var(--surface) 0% 50%);background-size:12px 12px}.color-swatch-sample:hover{border-color:var(--selected-border)}.color-swatch-sample:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent-ring)}.color-swatch-fields{display:grid;gap:5px;min-width:0}.color-swatch-fields .field-label{margin-bottom:0}.color-swatch-field-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px;align-items:center}.existing-color-suggestions{display:grid;gap:8px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised)}.existing-color-suggestions-header{display:grid;gap:2px}.existing-color-suggestions-header strong{font-size:13px;font-weight:600;color:var(--text)}.existing-color-suggestions-header span{color:var(--text-secondary);font-size:11.5px}.existing-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px}.existing-color-button{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;min-width:0;padding:7px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:pointer;transition:background .1s ease,border-color .1s ease,box-shadow .1s ease}.existing-color-button:hover{background:var(--surface-hover);border-color:var(--border-strong)}.existing-color-button.selected{border-color:var(--selected-border);background:var(--selected);box-shadow:inset 0 0 0 1px var(--selected-border)}.existing-color-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-ring)}.existing-color-preview{display:grid;grid-template-columns:1fr 1fr;width:42px;height:34px;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-sunken)}.existing-color-preview span{min-width:0}.existing-color-copy{display:grid;gap:2px;min-width:0}.existing-color-copy strong{overflow:hidden;color:var(--text);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.existing-color-copy span{overflow:hidden;color:var(--text-secondary);font-family:var(--font-mono);font-size:10.5px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.color-spectrum-button{position:relative;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:linear-gradient(135deg,#d84c4c,#d7be4a 34%,#4da76b,#3d7fc7 76%,#7556b8);cursor:pointer;overflow:hidden;box-shadow:var(--shadow-sm)}.color-spectrum-button:hover{border-color:var(--selected-border)}.color-spectrum-button:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.color-spectrum-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);transition:border-color .1s ease,background .1s ease}.drop-zone.dragging{border-color:var(--accent);background:var(--accent-soft)}.drop-zone-copy{display:grid;gap:2px;min-width:0}.drop-zone-copy strong{font-size:13px;font-weight:600}.drop-zone-copy span{color:var(--text-secondary);font-size:11.5px}.image-color-picker{display:grid;gap:6px}.image-preview-frame{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken)}.image-preview{display:block;width:100%;max-height:280px;object-fit:contain;cursor:crosshair}.image-loupe{position:absolute;z-index:3;display:grid;justify-items:center;gap:4px;pointer-events:none}.image-loupe[data-placement=above]{transform:translate(-50%,calc(-100% - 18px))}.image-loupe[data-placement=below]{transform:translate(-50%,18px)}.image-loupe canvas{width:132px;height:132px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 10px -2px #00000080,0 0 0 1px #00000040;background:var(--surface-sunken);image-rendering:pixelated}.image-loupe-hex{padding:2px 8px;border-radius:var(--radius-pill);background:#14100eeb;color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em}.image-remove-button{position:absolute;top:8px;right:8px;height:26px;padding:0 10px;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-sm);background:#ffffffeb;color:#2b2725;font-size:12px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-remove-button:hover{background:#fff}.image-remove-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.palette-button{display:flex;align-items:end;min-height:46px;padding:6px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:#fff;cursor:pointer;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.55);box-shadow:inset 0 0 0 1px #ffffff2e}.palette-button span{font-family:var(--font-mono);font-size:10px;font-weight:700}.contrast-block{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised)}.contrast-block strong{font-size:13px;font-weight:600}.contrast-block p{grid-column:1;color:var(--text-secondary);font-size:12px}.contrast-block.warning{border-color:var(--danger-border);background:var(--danger-soft)}.contrast-block.warning strong{color:var(--danger)}.contrast-block .secondary-button{grid-row:1 / span 2;grid-column:2}.submit-reason{color:var(--text-secondary);font-size:12px}.submit-error{margin-top:0;margin-bottom:12px}.submit-confirmation-tag{flex:0 0 auto;height:18px;display:inline-flex;align-items:center;padding:0 7px;border-radius:var(--radius-xs);background:var(--success);color:var(--text-inverted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.confirmation-id{display:inline-flex;align-items:center;gap:6px;min-width:0}.confirmation-id code{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);overflow-wrap:anywhere}.toast-region{position:fixed;right:16px;bottom:16px;z-index:10;display:grid;gap:8px;max-width:min(420px,calc(100vw - 32px))}.result-toast{display:flex;align-items:flex-start;gap:12px;padding:12px 12px 12px 14px;border:1px solid rgba(47,125,76,.3);border-left:3px solid var(--success);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md)}.result-toast-body{display:grid;gap:8px;min-width:0}.result-toast-line{display:flex;align-items:center;gap:8px;min-width:0}.result-toast-headline{font-size:12.5px;font-weight:600;color:var(--text);overflow-wrap:anywhere}.result-toast-facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.result-toast-dismiss{flex:0 0 auto;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:17px;line-height:1;cursor:pointer}.result-toast-dismiss:hover{background:var(--surface-hover);color:var(--text)}.result-toast-dismiss:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-ring)}.step-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.secondary-button,.primary-button,.primary-link{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:550;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .1s ease,border-color .1s ease,box-shadow .1s ease}.secondary-button:hover,.primary-link:hover{background:var(--surface-hover);border-color:var(--border-strong)}.primary-button{border-color:var(--accent);background:var(--accent);color:var(--text-inverted);box-shadow:var(--shadow-sm)}.primary-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.primary-button:active{background:var(--accent-press)}.primary-link{gap:6px}.primary-link:before{content:"↗";font-size:12px;color:var(--text-tertiary)}.secondary-button.compact,.primary-button.compact,.primary-link.compact,.status-action{height:28px;padding:0 10px;font-size:12px}.secondary-button:focus-visible,.primary-button:focus-visible,.primary-link:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.primary-button:disabled,.secondary-button:disabled{border-color:var(--border);background:var(--surface-sunken);color:var(--text-tertiary);box-shadow:none;cursor:not-allowed}.subnav{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--surface)}.segmented{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-sunken)}.segmented-option{height:24px;padding:0 12px;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .1s ease,color .1s ease}.segmented-option:hover{color:var(--text)}.segmented-option.selected{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.segmented-option:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-ring)}.segmented-option:disabled{color:var(--text-tertiary);cursor:not-allowed}.secondary-button.active{border-color:var(--selected-border);background:var(--surface-hover)}.dismiss-panel{display:grid;gap:12px;margin-bottom:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.dismiss-panel-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.dismiss-panel-title{font-size:13px;font-weight:650;color:var(--text)}.dismiss-note{min-height:72px}.dismiss-panel .field-label{margin-bottom:0}.dismiss-panel-actions{display:flex;justify-content:flex-end;gap:8px}.dismiss-danger{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.dismiss-danger-title{font-size:13px;font-weight:650;color:var(--danger)}.dismiss-danger-note{margin:0;font-size:12px;line-height:1.45;color:var(--text-secondary)}.dismiss-danger-trigger{justify-self:start}.secondary-button.danger{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.dismissed-panel,.verified-panel{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;background:var(--bg);scrollbar-width:thin}.dismissed-action-error{margin:12px 16px 0}.dismissed-list,.verified-list{list-style:none;width:100%;max-width:820px;margin:0 auto;padding:12px 16px;display:grid;gap:8px}.dismissed-card{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.dismissed-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dismissed-card-identity{display:grid;gap:2px;min-width:0}.dismissed-card-name{font-size:13px;font-weight:600;color:var(--text);overflow-wrap:anywhere}.dismissed-card-roaster{font-size:12px;color:var(--text-secondary);overflow-wrap:anywhere}.dismissed-card-note{padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-secondary);font-size:12px;overflow-wrap:anywhere}.dismissed-card-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.dismissed-card-actions{display:flex;justify-content:flex-end}.status-badge{flex:0 0 auto;padding:2px 8px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:650;letter-spacing:.02em;white-space:nowrap}.status-badge.dismissed{background:var(--accent-soft-strong);color:var(--text)}.status-badge.spam{border:1px solid var(--danger-border);background:var(--danger-soft);color:var(--danger)}.status-badge.active{background:var(--success-soft);color:var(--success)}.audit-panel{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;background:var(--bg);scrollbar-width:thin}.audit-header{gap:16px}.audit-controls{display:flex;align-items:center;gap:8px}.audit-filter select{height:28px;min-width:180px;padding:0 28px 0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background-color:var(--surface);color:var(--text);font-size:12px;font-weight:600}.audit-filter select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.audit-list{display:grid;gap:8px;width:100%;max-width:920px;margin:0 auto;padding:12px 16px;list-style:none}.audit-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.audit-card-main{display:grid;gap:5px;min-width:0}.audit-card-head{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.audit-card-head time{color:var(--text-tertiary);font-size:11px;font-variant-numeric:tabular-nums}.audit-action{color:var(--text);font-size:12px;font-weight:650}.audit-card p{color:var(--text);font-size:13px;overflow-wrap:anywhere}.audit-undoable{flex:0 0 auto;padding:2px 8px;border-radius:var(--radius-pill);background:var(--success-soft);color:var(--success);font-size:10.5px;font-weight:650;letter-spacing:.02em;white-space:nowrap}.audit-undoable.log-only{background:var(--accent-soft-strong);color:var(--text)}@media(max-width:1080px){.console-grid{grid-template-columns:minmax(220px,280px) 1fr}}@media(max-width:760px){body{min-width:0}.app-shell{height:auto;overflow:visible}.console-grid{grid-template-columns:1fr}.queue-panel,.review-panel,.dismissed-panel,.verified-panel,.audit-panel{overflow:visible}.color-picker-grid,.submitted-grid{grid-template-columns:1fr}.submitted-search{grid-column:1;grid-row:auto;justify-self:start}.submitted-when{align-items:start;text-align:left}.review-header{height:auto;flex-wrap:wrap;padding:12px 16px}.contrast-block{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){:root{--bg: #161413;--surface: #1f1d1c;--surface-raised: #262321;--surface-hover: #2c2926;--surface-sunken: #211f1d;--border: #322e2b;--border-strong: #423d39;--text: #f2efed;--text-secondary: #a8a09b;--text-tertiary: #7c736d;--text-inverted: #ffffff;--label: #d2cbc6;--selected: #34302d;--selected-hover: #3a3633;--selected-border: #d8d2ce;--selected-ring: rgba(216, 210, 206, .2);--accent: #4a4642;--accent-hover: #5a554f;--accent-press: #68625d;--accent-soft: rgba(216, 210, 206, .12);--accent-soft-strong: rgba(216, 210, 206, .18);--accent-line: rgba(216, 210, 206, .34);--accent-ring: rgba(216, 210, 206, .2);--success: #5cc486;--success-soft: rgba(92, 196, 134, .14);--danger: #f0a48f;--danger-soft: #2a1a14;--danger-border: #5a3225;--warn: #f0b87a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px -6px rgba(0, 0, 0, .5);--shadow-card: 0 2px 10px -2px rgba(0, 0, 0, .5)}}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.auth-card{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);text-align:center}.auth-card-wide{max-width:520px;align-items:stretch;text-align:left}.auth-brand{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--text-secondary)}.auth-icon{width:22px;height:22px;border-radius:var(--radius-xs)}.auth-title{font-size:18px;font-weight:650}.auth-subtitle{color:var(--text-secondary);font-size:13px}.auth-card .primary-button{width:100%;margin-top:4px}.auth-error{color:var(--danger);font-size:13px}.auth-env-value{width:100%;resize:vertical;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text);font-family:var(--font-mono);font-size:12px;line-height:1.5}.auth-card-wide code{font-family:var(--font-mono);font-size:12px;background:var(--accent-soft);padding:1px 4px;border-radius:var(--radius-xs)}.grinder-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(480px,1fr);gap:1px;flex:1;min-height:0;background:var(--border)}.grinder-sidebar,.grinder-main{display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:var(--bg);scrollbar-width:thin}.grinder-sidebar .panel-header,.grinder-main .panel-header{background:var(--surface)}.grinder-list-controls{display:grid;gap:8px;padding:12px 12px 0}.grinder-list{display:grid;gap:2px;margin:0;padding:12px;list-style:none}.grinder-row{position:relative;display:grid;width:100%;gap:2px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;text-align:left;cursor:pointer;transition:background .1s ease,border-color .1s ease}.grinder-row:hover{background:var(--surface-hover)}.grinder-row.selected{background:var(--surface);border-color:var(--border)}.grinder-row:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-ring)}.grinder-row-name{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px}.grinder-row-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.grinder-row-meta{color:var(--text-tertiary);font-size:11.5px;font-variant-numeric:tabular-nums}.grinder-badge{flex-shrink:0;padding:1px 6px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);font-size:10.5px;font-weight:600}.grinder-badge.deprecated{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.grinder-main>.confirmation-block,.grinder-main>.inline-error,.grinder-main>.status-block{margin:12px 16px 0}.grinder-form{display:grid;gap:14px;padding:16px}.grinder-form-row{display:flex;gap:12px}.grinder-field{display:block;flex:1;min-width:0}.grinder-field .helper-text{display:block;margin-top:6px}.grinder-warning{padding:10px 12px;border:1px solid rgba(176,106,18,.35);border-radius:var(--radius-sm);background:#b06a1214;color:var(--warn);font-size:12px}.grinder-warning strong{font-weight:600}.grinder-warning p{margin-top:4px}.grinder-actions{display:flex;align-items:center;gap:8px}.grinder-actions .secondary-button.danger{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.catalog-controls{display:grid;gap:8px;padding:12px 12px 8px;border-bottom:1px solid var(--border)}.catalog-controls .segmented{width:100%}.catalog-filter select{width:100%;height:30px;padding:0 28px 0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background-color:var(--surface);color:var(--text);font-size:12px;font-weight:600}.catalog-filter select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.catalog-roaster-chip{margin:0}.catalog-swatch-pair{display:inline-flex;gap:2px;flex-shrink:0}.catalog-swatch{width:12px;height:12px;border-radius:3px;border:1px solid rgba(40,30,24,.18)}.catalog-swatch.is-unset{background:repeating-linear-gradient(45deg,var(--surface-sunken),var(--surface-sunken) 3px,var(--border) 3px,var(--border) 6px)}.catalog-row-name{display:inline-flex;align-items:center;gap:6px}.catalog-row-badge{padding:1px 6px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text-secondary);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.catalog-row-badge.verified{border-color:#2f7d4c59;background:var(--success-soft);color:var(--success)}.catalog-facts{display:flex;flex-wrap:wrap;gap:10px 24px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken)}.catalog-fact{display:grid;gap:2px;font-size:13px}.catalog-fact-label{color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.catalog-saved-summary{border-color:#2f7d4c59;background:var(--success-soft)}.catalog-roaster-wide{margin-top:12px}.catalog-diff-list{display:grid;gap:6px;list-style:none;margin:0;padding:0}.catalog-diff-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:13px}.catalog-diff-label{min-width:120px;color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.catalog-diff-before{color:var(--text-secondary);text-decoration:line-through}.catalog-diff-arrow{color:var(--text-tertiary)}.catalog-diff-after{font-weight:600}.audit-bean-filter{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);font-size:12px;font-weight:600}.audit-bean-filter code{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:11px;color:var(--text)}.audit-bean-filter-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:14px;line-height:1;cursor:pointer}.audit-bean-filter-clear:hover{background:var(--surface-hover);color:var(--text)}.user-cap-note{margin-top:12px}.user-bean-empty{margin-top:4px}.user-created-list,.user-bean-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.user-created-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken)}.user-bean-card{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken)}.user-bean-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.user-bean-identity{display:inline-flex;align-items:center;gap:8px;min-width:0}.user-bean-identity strong{display:block;font-size:13px;font-weight:600}.user-bean-roaster{display:block;font-size:12px;color:var(--text-secondary)}.user-bean-badges{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px;font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.user-badge{padding:1px 6px;border-radius:var(--radius-pill);border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--text);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.user-bean-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:6px;font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.user-bean-id{display:inline-flex;align-items:center;gap:4px}.user-bean-id code{font-family:var(--font-mono);font-size:11px}.user-recipe-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.user-recipe{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.user-recipe-head{display:flex;align-items:center;gap:6px;font-size:12px}.user-recipe-head strong{font-weight:600}.user-recipe-head time{margin-left:auto;font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.user-recipe-facts{display:flex;flex-wrap:wrap;gap:4px 20px;margin:6px 0 0}.user-recipe-facts>div{display:grid;gap:1px}.user-recipe-facts dt{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.user-recipe-facts dd{margin:0;font-size:12px;font-variant-numeric:tabular-nums}.user-recipe-note{margin-top:6px;font-size:12px;color:var(--text-secondary);white-space:pre-wrap}