.tool-layout[data-v-f0b3d9b6]{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}.tool-panel[data-v-f0b3d9b6]{display:grid;gap:22px;padding:28px}.field-grid[data-v-f0b3d9b6]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-grid--three[data-v-f0b3d9b6]{grid-template-columns:repeat(3,1fr)}.field-grid label[data-v-f0b3d9b6],.hex-field[data-v-f0b3d9b6]{display:grid;gap:8px;font-size:.78rem;font-weight:800}.field-grid input[data-v-f0b3d9b6],.hex-field span[data-v-f0b3d9b6]{min-height:54px;border:1px solid var(--border-subtle);border-radius:13px;background:#fff}.field-grid input[data-v-f0b3d9b6]{width:100%;padding-inline:14px}.hex-field span[data-v-f0b3d9b6]{display:grid;grid-template-columns:auto 1fr;align-items:center}.hex-field b[data-v-f0b3d9b6]{padding-inline-start:16px;font-family:var(--font-en);font-size:1.25rem}.hex-field input[data-v-f0b3d9b6]{min-width:0;height:52px;padding-inline:10px;border:0;outline:0;background:transparent;font-family:var(--font-en);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tool-error[data-v-f0b3d9b6]{margin:-10px 0 0;color:var(--danger);font-size:.76rem;font-weight:700}.tool-result[data-v-f0b3d9b6]{display:grid;min-height:240px;align-content:center;justify-items:center;gap:12px;padding:26px;border-radius:20px;color:#fff;text-align:center;box-shadow:inset 0 0 0 100vmax #0000002e;clip-path:inset(0 round 20px)}.tool-result span[data-v-f0b3d9b6]{font-size:.78rem;font-weight:800}.tool-result strong[data-v-f0b3d9b6]{font-size:clamp(1.3rem,4vw,2.4rem)}.contrast-sample[data-v-f0b3d9b6]{display:grid;min-height:240px;place-content:center;justify-items:center;gap:10px;padding:24px;border-radius:20px;text-align:center}.contrast-sample span[data-v-f0b3d9b6]{font-size:1.1rem;font-weight:800}.contrast-sample strong[data-v-f0b3d9b6]{font-size:2.5rem}.pass-grid[data-v-f0b3d9b6]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pass-grid span[data-v-f0b3d9b6]{padding:12px;border:1px solid var(--border-subtle);border-radius:12px;color:var(--danger);font-size:.78rem;font-weight:800}.pass-grid span.pass[data-v-f0b3d9b6]{border-color:#087c544d;background:#087c5414;color:var(--success)}.palette-results[data-v-f0b3d9b6]{display:grid;gap:16px}.tool-help[data-v-f0b3d9b6]{position:sticky;inset-block-start:98px;padding:22px}.tool-help h2[data-v-f0b3d9b6]{font-size:1.2rem}.tool-help p[data-v-f0b3d9b6]{color:var(--text-secondary);font-size:.84rem}@media(max-width:1024px){.tool-layout[data-v-f0b3d9b6]{grid-template-columns:1fr}.tool-help[data-v-f0b3d9b6]{position:static;order:-1}}@media(max-width:768px){.field-grid[data-v-f0b3d9b6]{grid-template-columns:1fr}}@media(max-width:560px){.tool-panel[data-v-f0b3d9b6]{padding:18px}.field-grid--three[data-v-f0b3d9b6],.pass-grid[data-v-f0b3d9b6]{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){[data-v-f0b3d9b6]{animation:none!important;transition:none!important;scroll-behavior:auto!important}}