@media (width>=768px){.cm-correction-panel__workspace{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start}}@media (width<=767px){.cm-correction-panel__header{flex-direction:column;align-items:stretch}.cm-correction-comparison,.cm-correction-result__comparison,.cm-correction-deltas{grid-template-columns:1fr}.cm-correction-color-reference__swatch{min-height:80px}}@media (width<=480px){.cm-correction-panel,.cm-correction-panel__context{padding:var(--cm-space-3)}.cm-correction-addition{grid-template-columns:42px minmax(0,1fr)}.cm-correction-addition__swatch{width:42px;height:42px}.cm-correction-addition__amount{text-align:left;grid-column:2}.cm-correction-result__heading{grid-template-columns:1fr}.cm-correction-result__total{flex-direction:column}}@media (width<=480px){.cm-page--mixer{padding:var(--cm-space-4)}.cm-target-preview{grid-template-columns:96px minmax(0,1fr)}.cm-paint-grid,.cm-comparison{grid-template-columns:1fr}.cm-comparison__swatch{min-height:92px}.cm-ingredient-header{display:none}.cm-ingredient-row{grid-template-columns:36px minmax(0,1fr)}.cm-ingredient-row>span:nth-child(3):before{content:"Prozent: ";color:var(--cm-color-text-muted)}.cm-ingredient-row>span:nth-child(4):before{content:"Teile: ";color:var(--cm-color-text-muted)}.cm-ingredient-row>span:nth-child(n+3){grid-column:2}.cm-tech-details{grid-template-columns:1fr}.cm-section-heading,.cm-results__heading{flex-direction:column;align-items:start}.cm-results__heading>p{text-align:left}.cm-mode-options{grid-template-columns:1fr}.cm-selection-status{flex-direction:column;align-items:stretch}.cm-sampling-options{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-image-canvas{height:280px}}@media (width>=1200px){.cm-mixer-layout{grid-template-columns:minmax(340px,400px) minmax(0,1fr);align-items:start}.cm-mixer-controls{top:var(--cm-space-6);position:sticky}.cm-paint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cm-correction-action{width:100%}.cm-correction-panel{gap:var(--cm-space-5);min-width:0;margin-top:var(--cm-space-6);padding:clamp(var(--cm-space-4), 3vw, var(--cm-space-6));border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-lg);background:var(--cm-color-surface);box-shadow:var(--cm-shadow-sm);display:grid}.cm-correction-panel__header{justify-content:space-between;align-items:start;gap:var(--cm-space-4);display:flex}.cm-correction-panel__header h2,.cm-correction-panel__workspace h3,.cm-correction-result h3,.cm-correction-result h4{margin:0}.cm-correction-panel__header p:not(.cm-kicker){margin-bottom:0}.cm-correction-panel__workspace{gap:var(--cm-space-4);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.cm-correction-panel__context{align-content:start;gap:var(--cm-space-3);min-width:0;padding:var(--cm-space-4);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-lg);background:var(--cm-color-background);display:grid}.cm-correction-comparison,.cm-correction-result__comparison{gap:var(--cm-space-2);grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid}.cm-correction-color-reference{gap:var(--cm-space-2);min-width:0;padding:var(--cm-space-3);border-radius:var(--cm-radius-md);color:#171717;background:#ffffffe0;display:grid}.cm-correction-color-reference__swatch{border-radius:var(--cm-radius-md);border:1px solid #00000040;width:100%;min-height:96px}.cm-correction-color-reference strong,.cm-correction-color-reference code{overflow-wrap:anywhere;display:block}.cm-correction-color-reference code{margin-top:var(--cm-space-1)}.cm-correction-confirmation{align-items:center;gap:var(--cm-space-2) var(--cm-space-4);padding:var(--cm-space-3);border-left:3px solid var(--cm-color-accent);background:var(--cm-color-surface-secondary);flex-wrap:wrap;display:flex}.cm-correction-result{gap:var(--cm-space-4);min-width:0;padding-top:var(--cm-space-4);border-top:1px solid var(--cm-color-border);display:grid}.cm-correction-result__heading,.cm-correction-no-change{gap:var(--cm-space-2);display:grid}.cm-correction-result__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.cm-correction-result__heading p,.cm-correction-no-change p,.cm-correction-result__instruction,.cm-correction-result__reference{margin:0}.cm-correction-result__reference{margin-top:var(--cm-space-1);color:var(--cm-color-text-muted)}.cm-correction-additions{gap:var(--cm-space-2);margin:0;padding:0;list-style:none;display:grid}.cm-correction-addition{align-items:center;gap:var(--cm-space-3);min-width:0;padding:var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-background);grid-template-columns:48px minmax(0,1fr) minmax(112px,auto);display:grid}.cm-correction-addition__swatch{border-radius:var(--cm-radius-sm);border:1px solid #00000040;width:48px;height:48px}.cm-correction-addition__paint,.cm-correction-addition__amount{gap:var(--cm-space-1);min-width:0;display:grid}.cm-correction-addition__paint small,.cm-correction-addition__amount small{color:var(--cm-color-text-muted)}.cm-correction-addition__amount{text-align:right}.cm-correction-addition__amount strong{font-size:var(--cm-font-size-lg)}.cm-correction-result__total{justify-content:space-between;gap:var(--cm-space-2);padding:var(--cm-space-3);border-radius:var(--cm-radius-md);background:var(--cm-color-surface-secondary);flex-wrap:wrap;margin:0;display:flex}.cm-correction-deltas{gap:var(--cm-space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.cm-correction-deltas>div{gap:var(--cm-space-1);padding:var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-background);display:grid}.cm-correction-deltas dt{color:var(--cm-color-text-muted);font-size:var(--cm-font-size-sm)}.cm-correction-deltas dd{font-size:var(--cm-font-size-xl);margin:0;font-weight:750}.cm-correction-result details{min-width:0}.cm-correction-result summary{cursor:pointer;min-height:44px;font-weight:750}@media (width>=768px){.cm-correction-panel__workspace{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start}}@media (width<=767px){.cm-correction-panel__header{flex-direction:column;align-items:stretch}.cm-correction-comparison,.cm-correction-result__comparison,.cm-correction-deltas{grid-template-columns:1fr}.cm-correction-color-reference__swatch{min-height:80px}}@media (width<=480px){.cm-correction-panel,.cm-correction-panel__context{padding:var(--cm-space-3)}.cm-correction-addition{grid-template-columns:42px minmax(0,1fr)}.cm-correction-addition__swatch{width:42px;height:42px}.cm-correction-addition__amount{text-align:left;grid-column:2}.cm-correction-result__heading{grid-template-columns:1fr}.cm-correction-result__total{flex-direction:column}}.cm-page--mixer{max-width:none}.cm-mixer-intro{margin-bottom:var(--cm-space-6)}.cm-mixer-layout{gap:var(--cm-space-6);min-width:0;display:grid}.cm-mixer-controls,.cm-mixer-results,.cm-recipe-list{gap:var(--cm-space-4);min-width:0;display:grid}.cm-mixer-card,.cm-empty-results,.cm-recipe-card{min-width:0;padding:var(--cm-space-4);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-lg);background:var(--cm-color-surface)}.cm-mixer-card h2,.cm-empty-results h2,.cm-results h2,.cm-recipe-card h3{margin:0}.cm-kicker{font-size:var(--cm-font-size-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:750;margin:0 0 var(--cm-space-1)!important;color:var(--cm-color-accent)!important}.cm-section-heading,.cm-results__heading,.cm-recipe-card>header{justify-content:space-between;align-items:start;gap:var(--cm-space-3);display:flex}.cm-source-badge{color:var(--cm-color-text-muted);font-size:var(--cm-font-size-xs)}.cm-target-preview{align-items:center;gap:var(--cm-space-4);margin:var(--cm-space-4) 0;grid-template-columns:minmax(96px,120px) 1fr;display:grid}.cm-target-preview>div:last-child{gap:var(--cm-space-1);display:grid}.cm-target-swatch{aspect-ratio:1;border-radius:var(--cm-radius-lg);border:1px solid #00000040;width:100%}.cm-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.cm-segments{gap:var(--cm-space-1);padding:var(--cm-space-1);border-radius:var(--cm-radius-md);background:var(--cm-color-surface-secondary);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cm-segments button{border-radius:var(--cm-radius-sm);min-height:44px;color:var(--cm-color-text-muted);background:0 0;border:0;font-weight:700}.cm-segments button[aria-selected=true]{background:var(--cm-color-surface);color:var(--cm-color-text);box-shadow:var(--cm-shadow-sm)}.cm-field-stack{gap:var(--cm-space-2);margin-top:var(--cm-space-4);display:grid}.cm-field-stack label,.cm-mixer-card>label{font-weight:700}.cm-field-stack input:not([type=color]),.cm-rgb-fields input,.cm-mixer-card select{width:100%;min-height:44px;padding:var(--cm-space-2) var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-background);color:var(--cm-color-text)}.cm-color-picker{width:100%;min-height:56px;padding:var(--cm-space-1);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-background)}.cm-rgb-fields{gap:var(--cm-space-2);grid-template-columns:repeat(3,1fr);display:grid}.cm-rgb-fields label{gap:var(--cm-space-1);display:grid}.cm-field-error,.cm-inline-error{color:var(--cm-color-danger)!important}.cm-paint-grid{gap:var(--cm-space-2);margin:var(--cm-space-4) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.cm-paint-grid li{align-items:center;gap:var(--cm-space-2);grid-template-columns:32px minmax(0,1fr);min-width:0;display:grid}.cm-paint-grid strong,.cm-paint-grid small{text-overflow:ellipsis;display:block;overflow:hidden}.cm-paint-grid strong{font-size:var(--cm-font-size-xs);white-space:nowrap}.cm-paint-grid small{color:var(--cm-color-text-muted);font-size:.68rem}.cm-paint-swatch,.cm-ingredient-swatch{border-radius:var(--cm-radius-sm);border:1px solid #00000040;display:inline-block}.cm-paint-swatch{width:32px;height:32px}.cm-paint-swatch--empty{background:repeating-linear-gradient(135deg, var(--cm-color-surface-secondary), var(--cm-color-surface-secondary) 4px, var(--cm-color-border) 4px, var(--cm-color-border) 8px)}.cm-help,.cm-model-note,.cm-gamut-note{font-size:var(--cm-font-size-sm);margin:var(--cm-space-2) 0 0!important;color:var(--cm-color-text-muted)!important}.cm-mode-control{margin:0}.cm-mode-control legend{padding:0 var(--cm-space-1);font-size:var(--cm-font-size-lg);font-weight:800}.cm-mode-options{gap:var(--cm-space-2);margin-top:var(--cm-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cm-mode-option{align-items:start;gap:var(--cm-space-2);min-height:56px;padding:var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-background);cursor:pointer;grid-template-columns:auto minmax(0,1fr);display:grid}.cm-mode-option--active{border-color:var(--cm-color-accent);box-shadow:inset 0 0 0 1px var(--cm-color-accent)}.cm-mode-option input{width:20px;height:20px;accent-color:var(--cm-color-accent);margin:1px 0 0}.cm-mode-option strong,.cm-mode-option small{display:block}.cm-mode-option small{margin-top:var(--cm-space-1);color:var(--cm-color-text-muted)}.cm-fixed-guidance{gap:var(--cm-space-2);margin-top:var(--cm-space-3);display:grid}.cm-fixed-guidance>p{margin:0}.cm-selection-status{justify-content:space-between;align-items:center;gap:var(--cm-space-2);display:flex}.cm-secondary-action{min-height:44px;padding:var(--cm-space-2) var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-background);color:var(--cm-color-text);font-weight:700}.cm-max-note{padding:var(--cm-space-2);border-left:3px solid var(--cm-color-accent);background:var(--cm-color-surface-secondary);color:var(--cm-color-text-muted);font-size:var(--cm-font-size-sm)}.cm-selection-summary{gap:var(--cm-space-1) var(--cm-space-4);padding-left:var(--cm-space-5);font-size:var(--cm-font-size-sm);flex-wrap:wrap;margin:0;display:flex}.cm-paint-grid--selectable li{display:block}.cm-paint-toggle{align-items:center;gap:var(--cm-space-2);width:100%;min-height:52px;padding:var(--cm-space-2);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-background);color:var(--cm-color-text);text-align:left;grid-template-columns:32px minmax(0,1fr) 24px;display:grid;position:relative}.cm-paint-toggle[aria-pressed=true]{border-color:var(--cm-color-accent);box-shadow:inset 0 0 0 1px var(--cm-color-accent)}.cm-paint-toggle:disabled{cursor:not-allowed;opacity:.48}.cm-paint-grid--selectable strong{white-space:normal;overflow:visible}.cm-selection-badge{background:var(--cm-color-accent);width:24px;height:24px;color:var(--cm-color-accent-contrast);font-size:var(--cm-font-size-xs);border-radius:999px;place-items:center;font-weight:800;display:grid}.cm-mixer-card select{margin-top:var(--cm-space-2)}.cm-palette-source{min-inline-size:0}.cm-palette-source legend{padding:0 var(--cm-space-1);font-weight:800}.cm-palette-source>label{align-items:center;gap:var(--cm-space-2);margin-right:var(--cm-space-4);min-height:44px;display:inline-flex}.cm-user-palette-picker{gap:var(--cm-space-2);min-width:0;margin-top:var(--cm-space-2);display:grid}.cm-user-palette-picker select{max-width:100%}.cm-primary-action,.cm-inline-error button{min-height:48px;padding:var(--cm-space-2) var(--cm-space-4);border:1px solid var(--cm-color-accent);border-radius:var(--cm-radius-md);background:var(--cm-color-accent);color:var(--cm-color-accent-contrast);font-weight:800}.cm-primary-action:disabled{cursor:not-allowed;opacity:.55}.cm-calculation-status,.cm-inline-error{padding:var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-surface-secondary)}.cm-inline-error button{margin-top:var(--cm-space-2)}.cm-results__heading{margin-bottom:var(--cm-space-4)}.cm-results__heading>p{text-align:right}.cm-recipe-card{gap:var(--cm-space-4);display:grid}.cm-delta{font-size:var(--cm-font-size-lg)}.cm-comparison{gap:var(--cm-space-3);grid-template-columns:1fr 1fr;min-height:0;display:grid}.cm-comparison__item{gap:var(--cm-space-2);min-width:0;padding:var(--cm-space-3);border-radius:var(--cm-radius-md);color:#171717;background:#ffffffe0;display:grid}.cm-comparison__swatch{border-radius:var(--cm-radius-md);border:1px solid #00000040;min-height:110px}.cm-ingredients{display:grid}.cm-ingredient-header,.cm-ingredient-row{align-items:center;gap:var(--cm-space-2);padding:var(--cm-space-2) 0;border-bottom:1px solid var(--cm-color-border);grid-template-columns:38px minmax(0,1fr) minmax(70px,auto) minmax(48px,auto);display:grid}.cm-ingredient-header{color:var(--cm-color-text-muted);font-size:var(--cm-font-size-xs);font-weight:700}.cm-ingredient-row strong,.cm-ingredient-row small{display:block}.cm-ingredient-row small{color:var(--cm-color-text-muted)}.cm-ingredient-swatch{width:32px;height:32px}.cm-recipe-card details{padding-top:var(--cm-space-2)}.cm-recipe-card summary{cursor:pointer;min-height:44px;font-weight:700}.cm-tech-details{gap:var(--cm-space-2) var(--cm-space-4);margin:var(--cm-space-2) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cm-tech-details div{justify-content:space-between;gap:var(--cm-space-2);border-bottom:1px solid var(--cm-color-border);display:flex}.cm-tech-details dt{color:var(--cm-color-text-muted)}.cm-tech-details dd{margin:0}.cm-image-input{gap:var(--cm-space-3);margin-top:var(--cm-space-4);min-width:0;display:grid}.cm-image-file-row{gap:var(--cm-space-2);min-width:0;display:grid}.cm-file-label{width:fit-content;max-width:100%;min-height:44px;padding:var(--cm-space-2) var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-background);color:var(--cm-color-text);cursor:pointer;font-weight:750}.cm-image-file-row input[type=file]{width:100%;min-width:0;max-width:100%;color:var(--cm-color-text-muted)}.cm-privacy-note{padding:var(--cm-space-2) var(--cm-space-3);border-left:3px solid var(--cm-color-accent);background:var(--cm-color-surface-secondary);color:var(--cm-color-text-muted);font-size:var(--cm-font-size-sm);margin:0}.cm-image-error{color:var(--cm-color-danger);margin:0;font-weight:650}.cm-image-meta{justify-content:space-between;gap:var(--cm-space-1) var(--cm-space-3);color:var(--cm-color-text-muted);font-size:var(--cm-font-size-sm);overflow-wrap:anywhere;flex-wrap:wrap;margin:0;display:flex}.cm-image-viewer{gap:var(--cm-space-2);min-width:0;display:grid}.cm-image-toolbar{align-items:center;gap:var(--cm-space-2);flex-wrap:wrap;display:flex}.cm-image-toolbar button{min-width:44px;min-height:44px;padding:var(--cm-space-2) var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-background);color:var(--cm-color-text);font-weight:750}.cm-image-toolbar output{min-width:64px;color:var(--cm-color-text-muted);text-align:center;font-variant-numeric:tabular-nums}.cm-image-canvas{border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-surface-secondary);touch-action:none;cursor:crosshair;width:100%;height:clamp(260px,48vw,460px);display:block}.cm-image-canvas:focus-visible{outline:3px solid var(--cm-color-accent);outline-offset:3px}.cm-sampling-control{min-width:0;padding:var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);margin:0}.cm-sampling-control legend{padding:0 var(--cm-space-1);font-weight:750}.cm-sampling-options{gap:var(--cm-space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cm-sampling-options label{justify-content:center;align-items:center;gap:var(--cm-space-1);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-sm);background:var(--cm-color-background);cursor:pointer;min-height:44px;display:flex}.cm-sampling-options input{width:18px;height:18px;accent-color:var(--cm-color-accent)}.cm-image-sample-preview{align-items:center;gap:var(--cm-space-3);padding:var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-surface-secondary);grid-template-columns:64px minmax(0,1fr);display:grid}.cm-image-swatch{border-radius:var(--cm-radius-md);border:1px solid #00000040;width:64px;height:64px}@media (width<=480px){.cm-page--mixer{padding:var(--cm-space-4)}.cm-target-preview{grid-template-columns:96px minmax(0,1fr)}.cm-paint-grid,.cm-comparison{grid-template-columns:1fr}.cm-comparison__swatch{min-height:92px}.cm-ingredient-header{display:none}.cm-ingredient-row{grid-template-columns:36px minmax(0,1fr)}.cm-ingredient-row>span:nth-child(3):before{content:"Prozent: ";color:var(--cm-color-text-muted)}.cm-ingredient-row>span:nth-child(4):before{content:"Teile: ";color:var(--cm-color-text-muted)}.cm-ingredient-row>span:nth-child(n+3){grid-column:2}.cm-tech-details{grid-template-columns:1fr}.cm-section-heading,.cm-results__heading{flex-direction:column;align-items:start}.cm-results__heading>p{text-align:left}.cm-mode-options{grid-template-columns:1fr}.cm-selection-status{flex-direction:column;align-items:stretch}.cm-sampling-options{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-image-canvas{height:280px}}@media (width>=1200px){.cm-mixer-layout{grid-template-columns:minmax(340px,400px) minmax(0,1fr);align-items:start}.cm-mixer-controls{top:var(--cm-space-6);position:sticky}.cm-paint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cm-page--paints{gap:var(--cm-space-6);max-width:1120px;display:grid}.cm-user-paints-heading h1,.cm-user-paint-form h2,.cm-user-paints-list h2,.cm-user-paint-card h3{margin:0}.cm-user-paint-form,.cm-user-paints-list,.cm-user-paints-guest{gap:var(--cm-space-4);padding:var(--cm-space-5);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-lg);background:var(--cm-color-surface);display:grid}.cm-user-paint-form>header,.cm-user-paints-list>header{justify-content:space-between;align-items:start;gap:var(--cm-space-4);display:flex}.cm-user-paint-fields{gap:var(--cm-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cm-user-paint-fields label{gap:var(--cm-space-1);font-weight:700;display:grid}.cm-user-paint-fields label span{color:var(--cm-color-text-muted);font-size:var(--cm-font-size-xs);font-weight:400}.cm-user-paint-fields input,.cm-user-paint-fields textarea,.cm-user-paints-list input{width:100%;min-height:44px;padding:var(--cm-space-2) var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-background);color:var(--cm-color-text)}.cm-user-paint-notes{grid-column:1/-1}.cm-user-paints-list>header form,.cm-user-paints-list>header form>div{gap:var(--cm-space-2);flex-wrap:wrap;display:flex}.cm-user-paints-list>header form{min-width:min(100%,460px);display:grid}.cm-user-paints-list>header form label{min-width:0}.cm-user-paint-grid{gap:var(--cm-space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cm-user-paint-card{border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-lg);background:var(--cm-color-background);grid-template-columns:92px minmax(0,1fr);display:grid;overflow:hidden}.cm-user-paint-swatch{border-right:1px solid #0003;min-height:100%}.cm-user-paint-card__body{gap:var(--cm-space-2);min-width:0;padding:var(--cm-space-3);display:grid}.cm-user-paint-card__body>header{justify-content:space-between;gap:var(--cm-space-2);display:flex}.cm-user-paint-card p{color:var(--cm-color-text-muted);overflow-wrap:anywhere;margin:0}.cm-pigment-list{gap:var(--cm-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cm-pigment-list li{padding:2px var(--cm-space-2);background:var(--cm-color-surface-secondary);font-size:var(--cm-font-size-xs);border-radius:999px;font-weight:700}.cm-user-paint-actions,.cm-delete-confirm{align-items:center;gap:var(--cm-space-2);flex-wrap:wrap;display:flex}.cm-danger-action,.cm-delete-confirm button{min-height:44px;padding:var(--cm-space-2) var(--cm-space-3);border:1px solid var(--cm-color-danger);border-radius:var(--cm-radius-md);color:var(--cm-color-danger);background:0 0;font-weight:700}.cm-load-more{justify-self:center}.cm-user-paints-empty{padding:var(--cm-space-6);border:1px dashed var(--cm-color-border);border-radius:var(--cm-radius-lg);text-align:center}.cm-inline-success{padding:var(--cm-space-3) var(--cm-space-4);border:1px solid var(--cm-color-accent);border-radius:var(--cm-radius-md);background:var(--cm-color-surface-secondary);color:var(--cm-color-text);margin:0;font-weight:700}.cm-user-paints-guest .cm-primary-action{width:fit-content;text-decoration:none}@media (width<=1024px){.cm-user-paint-grid,.cm-user-paint-fields{grid-template-columns:1fr}.cm-user-paint-notes{grid-column:auto}.cm-user-paint-form>header,.cm-user-paints-list>header{display:grid}.cm-user-paints-list>header form{width:100%;min-width:0}}@media (width<=440px){.cm-user-paint-card{grid-template-columns:1fr}.cm-user-paint-swatch{border-bottom:1px solid #0003;border-right:0;min-height:100px}}.cm-palettes-workspace{gap:var(--cm-space-6);max-width:1440px;margin:0 auto;display:grid}.cm-palettes-workspace>header,.cm-panel-heading,.cm-panel-actions{justify-content:space-between;align-items:center;gap:var(--cm-space-3);flex-wrap:wrap;display:flex}.cm-palettes-workspace h1,.cm-palettes-workspace h2{margin-bottom:var(--cm-space-2)}.cm-primary-button,.cm-palettes-workspace button,.cm-palettes-auth button,.cm-palettes-auth a{min-height:44px;padding:var(--cm-space-2) var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-surface);color:var(--cm-color-text);cursor:pointer;text-decoration:none}.cm-palettes-auth a{justify-content:center;align-items:center;display:inline-flex}.cm-primary-button{border-color:var(--cm-color-accent);background:var(--cm-color-accent);color:var(--cm-color-accent-contrast);justify-content:center;align-items:center;display:inline-flex}.cm-danger-button{color:var(--cm-color-danger)!important;border-color:currentColor!important}.cm-palettes-workspace button:disabled{cursor:not-allowed;opacity:.5}.cm-muted{color:var(--cm-color-text-muted)}.cm-palette-search{gap:var(--cm-space-1);display:grid}.cm-palette-search>div{gap:var(--cm-space-2);display:flex}.cm-palette-search input{flex:1;min-width:0}.cm-palette-search input,.cm-palette-panel input,.cm-palette-panel textarea{width:100%;min-height:44px;padding:var(--cm-space-2) var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-surface);color:inherit}.cm-palette-panel textarea{resize:vertical;min-height:96px}.cm-palettes-layout{gap:var(--cm-space-6);grid-template-columns:minmax(240px,360px) minmax(0,1fr);align-items:start;display:grid}.cm-palettes-layout>aside,.cm-palette-panel,.cm-palette-empty{padding:var(--cm-space-4);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-lg);background:var(--cm-color-surface);box-shadow:var(--cm-shadow-sm)}.cm-palette-list,.cm-palette-paints{gap:var(--cm-space-2);padding:0;list-style:none;display:grid}.cm-palette-list button{text-align:left;width:100%;display:grid}.cm-palette-list button[aria-current=true]{border-color:var(--cm-color-accent);background:var(--cm-color-surface-secondary)}.cm-palette-list span,.cm-palette-list small,.cm-palette-paint small{color:var(--cm-color-text-muted);display:block}.cm-palette-panel{gap:var(--cm-space-4);display:grid}.cm-palette-panel>label{gap:var(--cm-space-1);font-weight:600;display:grid}.cm-paint-picker{gap:var(--cm-space-2);max-height:340px;padding:var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);display:grid;overflow:auto}.cm-paint-picker label{align-items:center;gap:var(--cm-space-2);min-height:44px;display:flex}.cm-paint-swatch{border:1px solid var(--cm-color-border);border-radius:50%;flex:0 0 28px;width:28px;height:28px}.cm-palette-paint{align-items:center;gap:var(--cm-space-3);padding:var(--cm-space-2);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.cm-palette-row-actions{gap:var(--cm-space-1);display:flex}.cm-palette-row-actions button{min-width:44px;min-height:44px}.cm-dirty-state{color:var(--cm-color-text-muted)}.cm-workspace-error,.cm-palette-panel [role=alert]{color:var(--cm-color-danger)}.cm-delete-confirm{align-items:center;gap:var(--cm-space-2);flex-wrap:wrap;display:flex}@media (width<=1024px){.cm-palettes-layout{grid-template-columns:1fr}.cm-palette-search>div{flex-wrap:wrap}.cm-palette-search input{flex-basis:100%}.cm-palette-paint{grid-template-columns:auto 1fr}.cm-palette-row-actions{grid-column:1/-1}}.cm-recipes-workspace,.cm-recipes-auth{gap:1.25rem;display:grid}.cm-recipes-workspace>header,.cm-recipe-detail>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.cm-recipes-workspace h1,.cm-recipe-detail h2{margin:0}.cm-recipe-filters{grid-template-columns:minmax(12rem,2fr) repeat(2,minmax(10rem,1fr)) auto auto;align-items:end;gap:.75rem;display:grid}.cm-recipe-filters label,.cm-recipe-edit label{gap:.35rem;font-weight:650;display:grid}.cm-recipe-filters input,.cm-recipe-filters select,.cm-recipe-edit input,.cm-recipe-edit textarea{border:1px solid var(--cm-border);background:var(--cm-surface);min-height:2.75rem;color:var(--cm-text);border-radius:.55rem;padding:.65rem}.cm-recipes-layout{grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.cm-recipes-layout>aside{gap:.75rem;display:grid}.cm-recipe-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.cm-recipe-card{border:1px solid var(--cm-border);background:var(--cm-surface);border-radius:.75rem;position:relative;overflow:hidden}.cm-recipe-card-main{width:100%;color:inherit;text-align:left;background:0 0;border:0;gap:.3rem;padding:1rem 5rem 1rem 1rem;display:grid}.cm-recipe-card-main[aria-current=true]{box-shadow:inset .25rem 0 0 var(--cm-accent)}.cm-recipe-card-main span,.cm-recipe-card-main small{color:var(--cm-text-muted)}.cm-recipe-card-colors{gap:.3rem;display:flex}.cm-recipe-card-colors i,.cm-recipe-swatch{border:1px solid #777;border-radius:50%;width:1.4rem;height:1.4rem}.cm-card-delete{position:absolute;top:.6rem;right:.6rem}.cm-delete-confirm{flex-wrap:wrap;align-items:center;gap:.45rem;padding:.6rem;display:flex}.cm-danger-button{color:var(--cm-danger,#a22525)}.cm-recipe-detail{border:1px solid var(--cm-border);background:var(--cm-surface);border-radius:.85rem;gap:1.2rem;padding:1.25rem;display:grid}.cm-recipe-detail header p,.cm-recipe-notes{color:var(--cm-text-muted);white-space:pre-wrap;margin:.3rem 0 0}.cm-recipe-edit{gap:.8rem;display:grid}.cm-recipe-edit textarea{min-height:7rem}.cm-saved-color-comparison{grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;display:grid}.cm-saved-color-comparison>div{grid-template-columns:4rem 1fr;align-items:center;gap:.2rem .75rem;display:grid}.cm-saved-color-comparison span{border:1px solid #666;border-radius:.65rem;grid-row:1/3;width:4rem;height:4rem}.cm-recipe-facts{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:0;display:grid}.cm-recipe-facts>div{border-left:2px solid var(--cm-border);padding-left:.65rem}.cm-recipe-facts dt{color:var(--cm-text-muted);font-size:.85rem}.cm-recipe-facts dd{margin:.2rem 0 0;font-weight:650}.cm-saved-ingredients{gap:.55rem;padding:0;list-style:none;display:grid}.cm-saved-ingredients li{border:1px solid var(--cm-border);border-radius:.6rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.cm-saved-ingredients div{display:grid}.cm-saved-ingredients small{color:var(--cm-text-muted)}.cm-recipe-actions{align-items:center;gap:.75rem;display:flex}.cm-recipe-empty{text-align:center;border:1px dashed var(--cm-border);border-radius:.75rem;padding:3rem 1rem}.cm-workspace-error{border-left:3px solid var(--cm-danger,#a22525);padding:.75rem}@media (width<=1200px){.cm-recipe-filters{grid-template-columns:1fr 1fr}.cm-recipe-filters label:first-child{grid-column:1/-1}.cm-recipes-layout{grid-template-columns:1fr}.cm-recipes-layout>aside{max-height:none}}@media (width<=560px){.cm-recipe-filters{grid-template-columns:1fr}.cm-recipe-filters label:first-child{grid-column:auto}.cm-recipe-detail>header{display:grid}.cm-saved-color-comparison{grid-template-columns:1fr}.cm-saved-ingredients li{grid-template-columns:auto 1fr}.cm-saved-ingredients b{grid-column:2}.cm-recipe-card-main{padding-top:3rem;padding-right:1rem}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cm-color-background:#f5f5f5;--cm-color-surface:#fff;--cm-color-surface-secondary:#ececec;--cm-color-border:#d6d6d6;--cm-color-text:#171717;--cm-color-text-muted:#666;--cm-color-accent:#3d5afe;--cm-color-accent-contrast:#fff;--cm-color-danger:#b42318;--cm-color-success:#18794e;--cm-color-focus:#2643d8;--cm-color-evaluation-background:#777;--cm-space-1:4px;--cm-space-2:8px;--cm-space-3:12px;--cm-space-4:16px;--cm-space-6:24px;--cm-space-8:32px;--cm-space-12:48px;--cm-space-16:64px;--cm-radius-sm:6px;--cm-radius-md:8px;--cm-radius-lg:12px;--cm-shadow-sm:0 1px 2px #00000014;--cm-shadow-md:0 8px 24px #0000001a;--cm-font-family:Inter, ui-sans-serif, system-ui, sans-serif;--cm-font-size-xs:.75rem;--cm-font-size-sm:.875rem;--cm-font-size-md:1rem;--cm-font-size-lg:1.125rem;--cm-font-size-xl:1.375rem;--cm-font-size-2xl:1.875rem;--cm-sidebar-width:240px;--cm-mobile-header-height:60px;--cm-mobile-nav-height:68px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cm-color-background:#f5f5f5;--cm-color-surface:#fff;--cm-color-surface-secondary:#ececec;--cm-color-border:#d6d6d6;--cm-color-text:#171717;--cm-color-text-muted:#666;--cm-color-accent:#3d5afe;--cm-color-accent-contrast:#fff;--cm-color-danger:#b42318;--cm-color-success:#18794e;--cm-color-focus:#2643d8}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cm-color-background:#121212;--cm-color-surface:#1b1b1b;--cm-color-surface-secondary:#262626;--cm-color-border:#3b3b3b;--cm-color-text:#f3f3f3;--cm-color-text-muted:#b7b7b7;--cm-color-accent:#8197ff;--cm-color-accent-contrast:#101633;--cm-color-danger:#ff8b83;--cm-color-success:#70d6a7;--cm-color-focus:#a6b5ff;--cm-shadow-sm:0 1px 2px #00000047;--cm-shadow-md:0 8px 24px #00000052}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cm-color-background:#121212;--cm-color-surface:#1b1b1b;--cm-color-surface-secondary:#262626;--cm-color-border:#3b3b3b;--cm-color-text:#f3f3f3;--cm-color-text-muted:#b7b7b7;--cm-color-accent:#8197ff;--cm-color-accent-contrast:#101633;--cm-color-danger:#ff8b83;--cm-color-success:#70d6a7;--cm-color-focus:#a6b5ff;--cm-shadow-sm:0 1px 2px #00000047;--cm-shadow-md:0 8px 24px #00000052}}*,:before,:after{box-sizing:border-box}html{background:var(--cm-color-background)}body{background:var(--cm-color-background);min-width:0;min-height:100dvh;color:var(--cm-color-text);font-family:var(--cm-font-family);font-size:var(--cm-font-size-md);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--cm-color-focus);outline-offset:3px}h1,h2,p{margin-block-start:0}h1{font-size:clamp(var(--cm-font-size-2xl), 4vw, 2.25rem);letter-spacing:-.025em;margin-block-end:var(--cm-space-4);line-height:1.15}.cm-tabular-numbers{font-variant-numeric:tabular-nums}.cm-color-evaluation-surface{min-height:12rem;padding:var(--cm-space-4);border-radius:var(--cm-radius-lg);background:var(--cm-color-evaluation-background)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cm-app-shell{background:var(--cm-color-background);min-height:100dvh}.cm-skip-link{z-index:100;top:var(--cm-space-3);left:var(--cm-space-3);padding:var(--cm-space-2) var(--cm-space-4);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-surface);box-shadow:var(--cm-shadow-md);transform:translateY(calc(-100% - var(--cm-space-16)));font-weight:700;position:fixed}.cm-skip-link:focus{transform:translateY(0)}.cm-sidebar{display:none}.cm-wordmark{font-size:var(--cm-font-size-lg);letter-spacing:-.02em;font-weight:750}.cm-mobile-header{z-index:20;min-height:var(--cm-mobile-header-height);justify-content:space-between;align-items:center;gap:var(--cm-space-3);padding:var(--cm-space-2) var(--cm-space-4);border-bottom:1px solid var(--cm-color-border);background:color-mix(in srgb, var(--cm-color-surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.cm-mobile-settings{min-height:44px;padding-inline:var(--cm-space-3);border-radius:var(--cm-radius-md);color:var(--cm-color-text-muted);font-size:var(--cm-font-size-sm);align-items:center;font-weight:650;text-decoration:none;display:inline-flex}.cm-mobile-settings[aria-current=page]{background:var(--cm-color-surface-secondary);color:var(--cm-color-text);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.cm-main{min-width:0;padding:clamp(var(--cm-space-6), 5vw, var(--cm-space-12));padding-bottom:calc(var(--cm-mobile-nav-height) + env(safe-area-inset-bottom) + var(--cm-space-8))}.cm-page{width:100%;padding:clamp(var(--cm-space-6), 4vw, var(--cm-space-8));border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-lg);background:var(--cm-color-surface);box-shadow:var(--cm-shadow-sm)}.cm-page p{max-width:68ch;color:var(--cm-color-text-muted);margin-block-end:0}.cm-page__eyebrow{font-size:var(--cm-font-size-xs);letter-spacing:.09em;text-transform:uppercase;font-weight:750;color:var(--cm-color-accent)!important;margin-block-end:var(--cm-space-2)!important}.cm-inline-link{min-height:44px;margin-top:var(--cm-space-6);color:var(--cm-color-accent);text-underline-offset:4px;align-items:center;font-weight:700;display:inline-flex}.cm-mobile-navigation{z-index:30;border-top:1px solid var(--cm-color-border);background:var(--cm-color-surface);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000012}.cm-mobile-navigation ul{min-height:var(--cm-mobile-nav-height);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cm-mobile-navigation__link{min-height:56px;padding:var(--cm-space-3) var(--cm-space-1) var(--cm-space-2);color:var(--cm-color-text-muted);font-size:var(--cm-font-size-xs);justify-content:center;align-items:center;font-weight:650;text-decoration:none;display:flex;position:relative}.cm-mobile-navigation__marker{top:var(--cm-space-2);background:0 0;border-radius:999px;width:24px;height:3px;position:absolute}.cm-mobile-navigation__link--active{color:var(--cm-color-text);font-weight:800}.cm-mobile-navigation__link--active .cm-mobile-navigation__marker{background:var(--cm-color-accent)}.cm-api-status{padding:var(--cm-space-1) var(--cm-space-2);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-sm);background:var(--cm-color-surface);box-shadow:var(--cm-shadow-sm);color:var(--cm-color-text-muted);font-size:var(--cm-font-size-xs);display:none}.cm-api-status--connected{border-color:var(--cm-color-success)}.cm-api-status--error{border-color:var(--cm-color-danger)}@media (width>=768px){.cm-app-shell{grid-template-columns:var(--cm-sidebar-width) minmax(0, 1fr);display:grid}.cm-sidebar{height:100dvh;padding:var(--cm-space-8) var(--cm-space-4);border-right:1px solid var(--cm-color-border);background:var(--cm-color-surface);flex-direction:column;display:flex;position:sticky;top:0}.cm-sidebar .cm-wordmark{padding-inline:var(--cm-space-3);margin-bottom:var(--cm-space-8)}.cm-nav-list{gap:var(--cm-space-1);margin:0;padding:0;list-style:none;display:grid}.cm-nav-link{align-items:center;gap:var(--cm-space-3);min-height:44px;padding:var(--cm-space-2) var(--cm-space-3);border-radius:var(--cm-radius-md);color:var(--cm-color-text-muted);font-weight:650;text-decoration:none;display:flex;position:relative}.cm-nav-link:hover{background:var(--cm-color-surface-secondary);color:var(--cm-color-text)}.cm-nav-link__indicator{background:0 0;border-radius:999px;flex:0 0 3px;width:3px;height:20px}.cm-nav-link--active{background:var(--cm-color-surface-secondary);color:var(--cm-color-text);font-weight:800}.cm-nav-link--active .cm-nav-link__indicator{background:var(--cm-color-accent)}.cm-mobile-header,.cm-mobile-navigation{display:none}.cm-main{min-height:100dvh;padding:clamp(var(--cm-space-8), 5vw, var(--cm-space-16))}.cm-api-status{z-index:40;right:var(--cm-space-4);bottom:var(--cm-space-4);margin:0;display:block;position:fixed}}.cm-auth-page{place-items:start center;width:100%;display:grid}.cm-auth-card{width:min(100%,460px);padding:clamp(var(--cm-space-6), 5vw, var(--cm-space-8));border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-lg);background:var(--cm-color-surface);box-shadow:var(--cm-shadow-sm)}.cm-auth-form,.cm-form-field{display:grid}.cm-auth-form{gap:var(--cm-space-6)}.cm-form-field{gap:var(--cm-space-2)}.cm-form-field label{font-weight:700}.cm-form-field input{width:100%;min-height:46px;padding:var(--cm-space-2) var(--cm-space-3);border:1px solid var(--cm-color-border);border-radius:var(--cm-radius-md);background:var(--cm-color-background);color:var(--cm-color-text)}.cm-form-field input:hover{border-color:var(--cm-color-text-muted)}.cm-form-field small{color:var(--cm-color-text-muted)}.cm-primary-button,.cm-text-button,.cm-account-link,.cm-account-secondary-link{border-radius:var(--cm-radius-md);justify-content:center;align-items:center;min-height:44px;font-weight:700;display:inline-flex}.cm-primary-button{padding:var(--cm-space-2) var(--cm-space-4);border:1px solid var(--cm-color-accent);background:var(--cm-color-accent);color:var(--cm-color-accent-contrast);cursor:pointer}.cm-primary-button:disabled,.cm-text-button:disabled{cursor:wait;opacity:.65}.cm-auth-error,.cm-account-error{overflow-wrap:anywhere;color:var(--cm-color-danger)}.cm-auth-error{padding:var(--cm-space-3);border:1px solid var(--cm-color-danger);border-radius:var(--cm-radius-md);background:color-mix(in srgb, var(--cm-color-danger) 8%, var(--cm-color-surface))}.cm-auth-error p,.cm-auth-switch{margin:0}.cm-auth-switch{color:var(--cm-color-text-muted);text-align:center}.cm-auth-switch a,.cm-account-link,.cm-account-secondary-link{color:var(--cm-color-accent);text-underline-offset:3px}.cm-account-status{gap:var(--cm-space-1);min-width:0;color:var(--cm-color-text-muted);font-size:var(--cm-font-size-sm);display:grid}.cm-sidebar>.cm-account-status{padding:var(--cm-space-3);border-top:1px solid var(--cm-color-border);margin-top:auto}.cm-account-email{min-width:0;color:var(--cm-color-text);overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.cm-text-button{width:fit-content;padding:var(--cm-space-1) var(--cm-space-2);color:var(--cm-color-accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.cm-account-link,.cm-account-secondary-link{justify-content:flex-start;width:fit-content}.cm-account-status--compact{justify-content:end;align-items:center;gap:var(--cm-space-2);text-align:right;grid-template-columns:minmax(0,1fr) auto;max-width:min(58vw,230px)}.cm-account-status--compact .cm-account-email{max-width:min(30vw,150px)}.cm-account-status--compact .cm-text-button,.cm-account-status--compact .cm-account-link{flex:none}.cm-account-status--compact .cm-account-error{white-space:normal;grid-column:1/-1;max-width:100%}.cm-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=389px){.cm-mobile-header{padding-inline:var(--cm-space-3)}.cm-wordmark--mobile{font-size:var(--cm-font-size-md)}.cm-account-status--compact .cm-account-email{display:none}}