.fixer-workspace{border:1px solid #d9ded3;border-radius:16px;background:#f6f7f4;overflow:clip}.fixer-workspace[hidden]{display:none}
.fixer-workspace h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;margin:0 0 14px}
.fixer-workspace h3>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#3c6e2c;color:#fafff7;font-size:12px}
.fixer-top{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#f6f7f4;border-bottom:1px solid #d9ded3}
.fixer-top>div:first-child{flex:1;min-width:0}.fixer-top h2{font-size:23px;letter-spacing:-.5px;margin:0}.fixer-top p{margin:4px 0 0;font-size:13px}
.fixer-health{display:grid;grid-template-columns:auto auto;gap:4px 16px;align-items:baseline;min-width:180px;font-size:12px;color:#5d6558}
.fixer-health output{justify-self:end;font-size:22px;font-weight:600;color:#9c3726}
.fixer-health[data-level=fair] output{color:#9a6a12}.fixer-health[data-level=good] output{color:#2f6b24}
.fixer-meter{grid-column:1/3;height:6px;border-radius:6px;background:#dfe3da;overflow:hidden}
.fixer-meter>span{display:block;height:100%;width:0;background:#b8472f;transition:width .3s}
.fixer-health[data-level=fair] .fixer-meter>span{background:#d09a2c}.fixer-health[data-level=good] .fixer-meter>span{background:#3c8a2c}
.fixer-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0}
.fixer-main>section,.fixer-insights>section{padding:22px 24px;border-bottom:1px solid #d9ded3}
.fixer-insights{border-left:1px solid #d9ded3;background:#f1f3ee}
.fixer-import{display:flex;gap:10px;align-items:stretch}
.fixer-import textarea{flex:1;min-width:0;resize:vertical;font:13px/1.5 monospace;padding:10px 12px;border:1px solid #b9c4b1;border-radius:8px;background:#fafcf7;color:#263220}
#fixer-error{color:#9c3726;font-size:14px;margin:10px 0 0}#fixer-error:empty{display:none}
.fixer-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:16px 0}
.fixer-card{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid #d9ded3;border-radius:10px;background:#fff}
.fixer-card-swatch{position:relative;display:flex;align-items:flex-end;height:78px;padding:8px;border-radius:7px;font:12px/1 monospace;cursor:pointer;box-shadow:inset 0 0 0 1px #0001}
.fixer-card-swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.fixer-card select{width:100%;min-height:36px;padding:6px 8px;font-size:13px;border:1px solid #cfd6c8;border-radius:6px;background:#fafcf7}
.fixer-card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}
.fixer-card-actions .text-button{min-height:32px;padding:4px 0;font-size:12px}
.fixer-card-actions [aria-pressed=true]{color:#2f6b24;font-weight:600}
.fixer-add{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fixer-add-dot{background:var(--fixer-add,#4fa634)}
#fixer-add-hex{width:100px;padding:8px;border:1px solid #cfd6c8;border-radius:6px;background:#fafcf7;font:13px monospace}
.fixer-workspace .section-note{font-size:12px;margin:10px 0 0}
.fixer-issues-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-size:14px}
.fixer-issue{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"pair text actions" "pair safe actions";gap:4px 16px;align-items:center;padding:12px;border:1px solid #e3d3c2;border-radius:10px;background:#fffaf4;margin-bottom:10px}
.fixer-issue p{grid-area:text;margin:0;font-size:13px;line-height:1.4}.fixer-pair{grid-area:pair;display:flex;align-items:center;gap:6px}
.fixer-issue .fixer-card-actions{grid-area:actions;justify-content:flex-end}
.fixer-safe,.fixer-unsafe{grid-area:safe;font-size:12px}.fixer-safe{color:#2f6b24}.fixer-unsafe{color:#9c3726}
.fixer-arrow{color:#7a8272}
.fixer-chip{display:inline-flex;flex-direction:column;justify-content:space-between;gap:10px;min-width:96px;min-height:60px;padding:8px;border-radius:8px;font-size:11px;box-shadow:inset 0 0 0 1px #0002}
.fixer-chip span{font-family:monospace}
.fixer-contrast{overflow:auto;max-width:100%;margin-top:12px;border-radius:8px}
.fixer-contrast table{border-collapse:separate;border-spacing:4px;font-size:11px}
.fixer-contrast th{font:11px monospace;color:#5d6558;padding:4px;white-space:nowrap}.fixer-contrast th[scope=row]{text-align:right}
.fixer-contrast td{min-width:62px;height:52px;padding:6px;border-radius:6px;text-align:center;box-shadow:inset 0 0 0 1px #0001;position:relative}
.fixer-contrast td strong{display:block;font-size:15px}.fixer-contrast td span{font-size:11px}
.fixer-contrast .fixer-cell-fail{opacity:.45}.fixer-contrast .fixer-cell-pass{box-shadow:inset 0 0 0 2px #3c8a2c}
.fixer-checks{list-style:none;margin:0;padding:0}
.fixer-checks li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:2px 8px;padding:7px 0;border-bottom:1px solid #dfe3da;font-size:13px;line-height:1.4}
.fixer-checks li>span:last-child{grid-column:2;font-size:12px;color:#5d6558}
.fixer-mark{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px}
.fixer-pass .fixer-mark{background:#e4efd9;color:#325425}.fixer-fail .fixer-mark{background:#f5e4d7;color:#8b432c}
.fixer-metrics{display:grid;gap:14px}.fixer-metric{display:grid;gap:5px}
.fixer-track{position:relative;display:block;height:6px;border-radius:6px}
.fixer-marker{position:absolute;top:-6px;width:0;height:0;margin-left:-6px;border:6px solid transparent;border-top:7px solid #252625}
.fixer-metric-labels{display:flex;justify-content:space-between;font-size:12px;color:#5d6558}
.fixer-suggestion{padding:12px 0;border-bottom:1px solid #dfe3da}.fixer-suggestion:last-child{border-bottom:0}
.fixer-suggestion-head{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.fixer-suggestion-body{display:flex;gap:12px;align-items:center;margin:6px 0 10px}
.fixer-suggestion-body p{margin:2px 0 0;font-size:12px;line-height:1.4}.fixer-suggestion-body code{font-size:12px}
.fixer-dot{width:44px;height:44px;flex-shrink:0;border-radius:8px;box-shadow:inset 0 0 0 1px #0002}
.fixer-suggestion .studio-button{width:100%}
.fixer-apply{position:sticky;bottom:0;z-index:1;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 24px;background:#f6f7f4;border-top:1px solid #d9ded3}
.fixer-apply .section-note{margin:0}
.fixer-workspace button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){.fixer-layout{grid-template-columns:minmax(0,1fr)}.fixer-insights{border-left:0}.fixer-top{flex-wrap:wrap;gap:12px 16px}.fixer-top>div:first-child{flex-basis:100%}.fixer-health{flex:1}}
@media(max-width:600px){.fixer-top,.fixer-main>section,.fixer-insights>section,.fixer-apply{padding-left:16px;padding-right:16px}.fixer-import{flex-direction:column}.fixer-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.fixer-issue{grid-template-columns:1fr;grid-template-areas:"pair" "text" "safe" "actions"}.fixer-issue .fixer-card-actions{justify-content:space-between}.fixer-chip{min-width:0;flex:1}}
.fixer-top a{color:#2f5f22;text-underline-offset:3px}
.fixer-card{position:relative}
.fixer-handle{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#ffffffd9;color:#3a4235;font-size:16px;line-height:1;cursor:grab;touch-action:none;box-shadow:0 1px 3px #0002}
.fixer-handle:active{cursor:grabbing}
.fixer-card.is-dragging{opacity:.5}
.fixer-card.is-target{outline:2px dashed #3c6e2c;outline-offset:2px}
#fixer-eyedropper[hidden]{display:none}