.panel.svelte-1hd6soh{display:flex;flex-direction:column;gap:1rem;border-radius:1rem;background-color:var(--bg-panel);padding:1.5rem;--tw-shadow: var(--shadow-panel);--tw-shadow-colored: var(--shadow-panel);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.preview-row.svelte-1hd6soh{display:flex;align-items:center;gap:.75rem}.swatch.svelte-1hd6soh{height:3.5rem;width:3.5rem;flex-shrink:0;border-radius:.75rem;border-width:1px;border-color:var(--bg-separator)}.native-picker.svelte-1hd6soh{height:2.5rem;width:2.5rem;flex-shrink:0;cursor:pointer;border-radius:.5rem;border-width:1px;border-color:var(--bg-separator);background-color:transparent;padding:2px}.btn-secondary.svelte-1hd6soh{display:flex;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;background-color:var(--bg-button);padding:.5rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;color:var(--fg);transition:opacity .15s ease}.btn-secondary.svelte-1hd6soh:hover{opacity:.8}.field.svelte-1hd6soh{display:flex;flex-direction:column;gap:.375rem}label.svelte-1hd6soh{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--fg)}.output-header.svelte-1hd6soh{display:flex;align-items:center;justify-content:space-between}.icon-btn.svelte-1hd6soh{display:flex;height:1.5rem;width:1.5rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.375rem;color:var(--fg-muted)}.icon-btn.svelte-1hd6soh:hover{background-color:var(--bg-button);color:var(--fg)}.text-input.svelte-1hd6soh{border-radius:.75rem;border-width:1px;border-color:var(--bg-separator);background-color:var(--bg-button);padding:.625rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;color:var(--fg)}.text-input.error.svelte-1hd6soh{border-color:var(--accent-red)}.error-msg.svelte-1hd6soh{font-size:.875rem;line-height:1.25rem;font-weight:400;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.sub-panel.svelte-1hd6soh{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;border-radius:1rem;background-color:var(--bg-panel);padding:1.5rem;--tw-shadow: var(--shadow-panel);--tw-shadow-colored: var(--shadow-panel);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.sub-title.svelte-1hd6soh{font-size:1rem;line-height:1.5rem;font-weight:600;letter-spacing:-.025em}.sub-note.svelte-1hd6soh{font-size:.75rem;line-height:1rem;line-height:1.625;color:var(--fg-muted)}.scale-strip.svelte-1hd6soh{display:flex;overflow:hidden;border-radius:.75rem;border-width:1px;border-color:var(--bg-separator)}.scale-swatch.svelte-1hd6soh{display:flex;height:4rem;flex:1 1 0%;cursor:pointer;align-items:flex-end;justify-content:center;padding-bottom:.25rem;transition:flex-grow .12s ease}.scale-swatch.svelte-1hd6soh:hover{flex-grow:1.6}.scale-name.svelte-1hd6soh{border-radius:.25rem;background-color:#0006;padding-left:.25rem;padding-right:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-group.svelte-1hd6soh{display:flex;flex-direction:column;gap:.375rem}.harmony-label.svelte-1hd6soh{font-size:.75rem;line-height:1rem;font-weight:500;color:var(--fg-muted)}.harmony-row.svelte-1hd6soh{display:flex;gap:.5rem}.mini-swatch.svelte-1hd6soh{display:flex;height:3rem;flex:1 1 0%;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;border-color:var(--bg-separator)}.mini-hex.svelte-1hd6soh{border-radius:.25rem;background-color:#0006;padding-left:.25rem;padding-right:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.contrast-row.svelte-1hd6soh{display:flex;align-items:center;gap:.75rem;border-radius:.75rem;background-color:var(--bg-button);padding:.625rem .75rem}.contrast-preview.svelte-1hd6soh{display:flex;height:2.25rem;width:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;border-color:var(--bg-separator);font-size:.875rem;line-height:1.25rem;font-weight:600}.contrast-label.svelte-1hd6soh{flex:1 1 0%;font-size:.875rem;line-height:1.25rem;color:var(--fg)}.contrast-ratio.svelte-1hd6soh{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;color:var(--fg-muted)}.badge.svelte-1hd6soh{border-radius:.25rem;padding:.125rem .375rem;font-size:10px;font-weight:700;background-color:color-mix(in srgb,var(--accent-green) 20%,transparent);color:var(--accent-green)}.badge.fail.svelte-1hd6soh{background-color:color-mix(in srgb,var(--accent-red) 18%,transparent);color:var(--accent-red);text-decoration:line-through}.info-section.svelte-1hd6soh{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.info-section.svelte-1hd6soh h2:where(.svelte-1hd6soh){margin-top:.5rem;margin-bottom:.25rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;letter-spacing:-.025em}.info-section.svelte-1hd6soh p:where(.svelte-1hd6soh){font-size:.875rem;line-height:1.25rem;line-height:1.625;color:var(--fg-muted)}.info-section.svelte-1hd6soh ol:where(.svelte-1hd6soh),.info-section.svelte-1hd6soh ul:where(.svelte-1hd6soh){display:flex;flex-direction:column;gap:.5rem;padding-left:1.25rem;font-size:.875rem;line-height:1.25rem;color:var(--fg-muted)}.info-section.svelte-1hd6soh ol:where(.svelte-1hd6soh){list-style:decimal}.info-section.svelte-1hd6soh ul:where(.svelte-1hd6soh){list-style:disc}.info-section.svelte-1hd6soh li:where(.svelte-1hd6soh){line-height:1.625}.info-section.svelte-1hd6soh strong:where(.svelte-1hd6soh){font-weight:500;color:var(--fg)}