.color-viewer[data-v-2feaeeb7]{color:var(--color-text);flex-direction:column;gap:28px;display:flex}.color-entry[data-v-2feaeeb7]{grid-template-columns:minmax(180px,.8fr) 1.2fr;align-items:stretch;gap:20px;display:grid}.main-swatch[data-v-2feaeeb7]{border:1px solid var(--color-border);color:#fff;text-shadow:0 1px 4px #000;border-radius:16px;align-items:flex-end;min-height:190px;padding:18px;font:700 1.2rem ui-monospace,monospace;display:flex}.color-controls[data-v-2feaeeb7]{flex-direction:column;justify-content:center;gap:18px;display:flex}.picker-label[data-v-2feaeeb7]{align-items:center;gap:12px;font-weight:650;display:flex}.picker-label input[data-v-2feaeeb7]{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:9px;width:60px;height:42px;padding:3px}.fields[data-v-2feaeeb7]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.fields label[data-v-2feaeeb7]{flex-direction:column;gap:6px;font-size:.83rem;font-weight:650;display:flex}.fields input[data-v-2feaeeb7],.photo-select select[data-v-2feaeeb7]{border:1px solid var(--color-border);background:var(--color-bg);width:100%;min-width:0;color:var(--color-text);border-radius:8px;padding:10px;font:500 .9rem ui-monospace,monospace}.error[data-v-2feaeeb7]{color:#dc2626;background:#ef444411;border:1px solid #ef444477;border-radius:9px;margin:-16px 0 0;padding:10px 12px;font-size:.9rem}.section-block[data-v-2feaeeb7]{flex-direction:column;gap:14px;display:flex}.section-heading[data-v-2feaeeb7]{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-heading h2[data-v-2feaeeb7]{margin:0;font-size:1.2rem}.section-heading p[data-v-2feaeeb7]{color:var(--color-text-muted);margin:4px 0 0;font-size:.9rem}.palette-groups[data-v-2feaeeb7]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.palette-group h3[data-v-2feaeeb7]{margin:0 0 8px;font-size:.9rem}.palette-row[data-v-2feaeeb7]{gap:7px;display:flex}.palette-chip[data-v-2feaeeb7]{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;text-align:left;border-radius:9px;flex:1;min-width:0;overflow:hidden}.palette-chip>span[data-v-2feaeeb7]{height:44px;display:block}.palette-chip code[data-v-2feaeeb7]{color:var(--color-text);text-overflow:ellipsis;padding:6px 5px;font-size:.68rem;display:block;overflow:hidden}.border-options[data-v-2feaeeb7]{border:0;flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.border-options legend[data-v-2feaeeb7]{margin-bottom:6px;font-size:.82rem;font-weight:650}.border-options label[data-v-2feaeeb7]{border:1px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:.82rem;display:inline-flex}.border-options input[data-v-2feaeeb7]{accent-color:var(--color-accent)}.photo-select[data-v-2feaeeb7]{align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:flex}.photo-select select[data-v-2feaeeb7]{width:auto;padding:7px 28px 7px 9px;font-family:inherit;font-weight:500}.comparison-grid[data-v-2feaeeb7]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.comparison-card[data-v-2feaeeb7]{border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.comparison-example[data-v-2feaeeb7]{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:145px;padding:16px;display:flex}.sample-text[data-v-2feaeeb7]{margin:0;font-size:1.3rem;font-weight:800}.shape-row[data-v-2feaeeb7]{align-items:center;gap:18px;display:flex}.shape[data-v-2feaeeb7]{width:30px;height:30px;display:block}.circle[data-v-2feaeeb7]{border-radius:50%}.square[data-v-2feaeeb7]{border-radius:2px}.diamond[data-v-2feaeeb7]{width:24px;height:24px;transform:rotate(45deg)}.triangle[data-v-2feaeeb7]{border-bottom:30px solid;border-left:17px solid #0000;border-right:17px solid #0000;width:0;height:0}.comparison-card footer[data-v-2feaeeb7],.landscape-card footer[data-v-2feaeeb7]{color:var(--color-text-muted);justify-content:space-between;gap:8px;padding:9px 11px;font-size:.76rem;display:flex}footer code[data-v-2feaeeb7]{color:var(--color-text);font-family:ui-monospace,monospace}.landscape-grid[data-v-2feaeeb7]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.landscape-card[data-v-2feaeeb7]{border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.landscape-preview[data-v-2feaeeb7]{background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:160px;display:flex;position:relative}.landscape-text[data-v-2feaeeb7]{text-align:center;width:max-content;max-width:calc(100% - 20px);font-size:1.1rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landscape-shapes[data-v-2feaeeb7]{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (width<=640px){.color-entry[data-v-2feaeeb7]{grid-template-columns:1fr}.main-swatch[data-v-2feaeeb7]{min-height:130px}.fields[data-v-2feaeeb7]{grid-template-columns:1fr}.section-heading[data-v-2feaeeb7]{flex-direction:column;align-items:flex-start}.comparison-grid[data-v-2feaeeb7],.landscape-grid[data-v-2feaeeb7]{grid-template-columns:1fr 1fr}.comparison-card footer[data-v-2feaeeb7]{flex-direction:column}.palette-groups[data-v-2feaeeb7]{grid-template-columns:1fr}}@media (width<=390px){.comparison-grid[data-v-2feaeeb7],.landscape-grid[data-v-2feaeeb7]{grid-template-columns:1fr}.landscape-preview[data-v-2feaeeb7]{min-height:140px}}