.color-page[data-v-5d3954c1]{display:flex;min-height:calc(100vh - 92px);flex-direction:column;gap:1rem;padding:1rem 1.5rem}.tool-hero[data-v-5d3954c1],.workspace[data-v-5d3954c1]{display:grid;gap:1rem}.tool-hero[data-v-5d3954c1]{grid-template-columns:minmax(0,1fr) auto;align-items:end}.tool-title[data-v-5d3954c1]{font-size:1.5rem;line-height:1.2}.tool-description[data-v-5d3954c1]{margin-top:.5rem;color:var(--text-secondary);font-size:.875rem}.color-chip[data-v-5d3954c1]{display:flex;width:132px;height:76px;align-items:flex-end;justify-content:flex-end;padding:.625rem;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 30px #0f172a1f}.color-chip span[data-v-5d3954c1]{border-radius:6px;background:#ffffffe0;color:#111827;font-size:.75rem;padding:.125rem .375rem}.workspace[data-v-5d3954c1]{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.insight-grid[data-v-5d3954c1]{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1rem}.panel[data-v-5d3954c1]{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--background);box-shadow:0 12px 30px #0f172a0d}.panel-header[data-v-5d3954c1]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--border);background:var(--background-secondary)}.panel-header h2[data-v-5d3954c1]{margin:0;color:var(--text-primary);font-size:1rem;font-weight:600}.panel-header p[data-v-5d3954c1]{margin:.125rem 0 0;color:var(--text-secondary);font-size:.75rem}.panel-body[data-v-5d3954c1]{display:grid;gap:1rem;padding:1rem}.picker-field[data-v-5d3954c1]{grid-template-columns:1fr auto;align-items:center}.field[data-v-5d3954c1]{display:grid;min-width:0;gap:.5rem;color:var(--text-primary);font-size:.8125rem}.input-grid[data-v-5d3954c1],.slider-grid[data-v-5d3954c1]{display:grid;gap:1rem}.input-grid[data-v-5d3954c1]{grid-template-columns:repeat(3,minmax(0,1fr))}.output-list[data-v-5d3954c1]{display:grid}.output-row[data-v-5d3954c1]{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.875rem 1rem;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text-primary);cursor:pointer;text-align:left}.output-row[data-v-5d3954c1]:last-child{border-bottom:0}.output-row[data-v-5d3954c1]:hover{background:var(--background-secondary)}.output-row span[data-v-5d3954c1]{color:var(--text-secondary);font-size:.75rem;font-weight:700}.output-row code[data-v-5d3954c1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contrast-body[data-v-5d3954c1]{grid-template-columns:minmax(180px,.6fr) minmax(0,1fr);align-items:stretch}.contrast-preview[data-v-5d3954c1]{display:grid;min-height:96px;align-content:center;gap:.25rem;border:1px solid var(--border);border-radius:8px;padding:1rem}.contrast-preview strong[data-v-5d3954c1]{font-size:1.5rem}.contrast-preview span[data-v-5d3954c1]{font-size:.875rem;font-weight:700}.contrast-results[data-v-5d3954c1]{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.contrast-results span[data-v-5d3954c1]{border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.75rem;padding:.625rem;text-align:center}.contrast-results .pass[data-v-5d3954c1]{border-color:var(--el-color-success);color:var(--el-color-success)}.code-output[data-v-5d3954c1]{overflow:auto;min-height:132px;margin:0;border:1px solid var(--border);border-radius:8px;background:var(--background-secondary);color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:.8125rem;line-height:1.6;padding:.875rem}.palette-sections[data-v-5d3954c1]{display:grid;gap:.75rem;padding:1rem}.palette-section[data-v-5d3954c1]{display:grid;gap:.625rem}.palette-section h3[data-v-5d3954c1]{margin:0;color:var(--text-primary);font-size:.875rem}.palette-grid[data-v-5d3954c1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.625rem}.swatch[data-v-5d3954c1]{display:flex;min-height:64px;align-items:flex-end;justify-content:flex-start;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:.5rem}.swatch span[data-v-5d3954c1]{border-radius:6px;background:#ffffffe0;color:#111827;font-family:Courier New,Courier,monospace;font-size:.75rem;padding:.125rem .375rem}@media (max-width: 1024px){.workspace[data-v-5d3954c1],.input-grid[data-v-5d3954c1],.insight-grid[data-v-5d3954c1],.contrast-body[data-v-5d3954c1]{grid-template-columns:1fr}}@media (max-width: 768px){.color-page[data-v-5d3954c1]{min-height:auto;padding:.75rem 1rem}.tool-hero[data-v-5d3954c1]{grid-template-columns:1fr}.color-chip[data-v-5d3954c1]{width:100%}.panel-header[data-v-5d3954c1]{align-items:stretch;flex-direction:column}}@media (max-width: 480px){.color-page[data-v-5d3954c1]{padding:.5rem}.output-row[data-v-5d3954c1]{grid-template-columns:48px minmax(0,1fr) auto}.contrast-results[data-v-5d3954c1]{grid-template-columns:1fr}}