._uploader_18zjl_1{display:flex;flex-direction:column;gap:var(--space-3)}._dropzone_18zjl_7{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:200px;padding:var(--space-8) var(--space-6);background:var(--surface);border:1px dashed var(--neutral-300);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:border-color var(--motion) var(--ease),background-color var(--motion) var(--ease)}._dropzoneActive_18zjl_23{border-color:var(--ink);background:var(--neutral-100)}._input_18zjl_29{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}._dropzone_18zjl_7:has(._input_18zjl_29:focus-visible){outline:var(--ring-width) solid var(--ink);outline-offset:var(--ring-offset);border-color:var(--ink)}._label_18zjl_48{font-weight:500}._hint_18zjl_52{color:var(--neutral-500);font-size:var(--text-sm)}._error_18zjl_57{margin:0;color:var(--danger);font-size:var(--text-sm)}._copy_br1hc_1{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:inherit;background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;opacity:.65;transition:opacity var(--motion) var(--ease),background-color var(--motion) var(--ease)}._copy_br1hc_1:hover{opacity:1;background:color-mix(in srgb,currentColor 14%,transparent)}._swatch_8aim5_1{position:relative;aspect-ratio:1 / 1;min-height:80px;border-radius:var(--radius);box-shadow:inset 0 0 0 1px #00000014;transition:transform var(--motion-fast) var(--ease),box-shadow var(--motion) var(--ease)}._swatch_8aim5_1:hover{transform:translateY(-2px)}._swatch_8aim5_1:active{transform:translateY(0)}._selected_8aim5_19{box-shadow:inset 0 0 0 1px #00000014,0 0 0 2px var(--paper),0 0 0 4px var(--ink)}._select_8aim5_19{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;border-radius:inherit;cursor:pointer;z-index:1}._select_8aim5_19:focus-visible{outline:var(--ring-width) solid currentColor;outline-offset:-5px}._hex_8aim5_48{position:absolute;left:var(--space-2);bottom:var(--space-2);z-index:2;pointer-events:none;font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em}._copy_8aim5_60{position:absolute;top:var(--space-1);right:var(--space-1);z-index:3}._palette_1ylok_3{display:flex;flex-direction:column;gap:var(--space-2)}._label_1ylok_10{margin:0;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--neutral-500)}._grid_1ylok_19{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--space-3)}@media(max-width:480px){._grid_1ylok_19{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2)}}._harmonies_8r7sa_1{display:flex;flex-direction:column;gap:var(--space-6)}._note_8r7sa_7{margin:0;color:var(--neutral-500);font-size:var(--text-sm)}._harmony_8r7sa_13{display:flex;flex-direction:column;gap:var(--space-2)}._label_8r7sa_19{margin:0;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--neutral-500)}._row_8r7sa_28{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-3)}._swatch_8r7sa_35{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);min-height:104px;padding:var(--space-3);border-radius:var(--radius);box-shadow:inset 0 0 0 1px #00000014;font-variant-numeric:tabular-nums}._top_8r7sa_47{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}._hex_8r7sa_54{font-size:var(--text-sm);font-weight:600}._copy_8r7sa_60{margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) 0 0}._badge_8r7sa_64{align-self:flex-start;font-size:var(--text-xs);font-weight:500;letter-spacing:.02em}@media(max-width:480px){._row_8r7sa_28{grid-auto-flow:row;grid-auto-columns:auto}}._exports_lef8n_1{display:flex;flex-direction:column;gap:var(--space-6)}._field_lef8n_8{display:flex;flex-direction:column;gap:var(--space-2)}._groupLabel_lef8n_16{margin:0;font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-400)}._sources_lef8n_25,._tabs_lef8n_26{display:flex;flex-wrap:wrap;gap:var(--space-2)}._source_lef8n_25,._tab_lef8n_26{min-height:44px;padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--text-sm);color:var(--neutral-500);background:transparent;border:1px solid var(--neutral-200);border-radius:var(--radius);cursor:pointer;transition:color var(--motion) var(--ease),border-color var(--motion) var(--ease),background-color var(--motion) var(--ease)}._source_lef8n_25:hover,._tab_lef8n_26:hover{color:var(--ink);border-color:var(--neutral-300)}._source_lef8n_25[aria-pressed=true],._tab_lef8n_26[aria-selected=true]{color:var(--ink);background:var(--neutral-100);border-color:var(--ink);font-weight:500}._panel_lef8n_61{position:relative}._copy_lef8n_65{position:absolute;top:var(--space-2);right:var(--space-2);min-height:36px;padding:var(--space-1) var(--space-3);font:inherit;font-size:var(--text-sm);color:var(--ink);background:var(--surface);border:1px solid var(--neutral-200);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--motion) var(--ease)}._copy_lef8n_65:hover{border-color:var(--ink)}._code_lef8n_85{margin:0;padding:var(--space-4);padding-top:var(--space-12);overflow-x:auto;font:var(--text-sm) / 1.6 var(--font-mono);color:var(--neutral-600);background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--radius)}._app_1c7bg_1{max-width:1040px;margin:0 auto;padding:var(--space-16) var(--space-8);display:flex;flex-direction:column;gap:var(--space-8)}._header_1c7bg_10{display:flex;flex-direction:column;gap:var(--space-2)}._title_1c7bg_16{margin:0;font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em}._subtitle_1c7bg_23{margin:0;max-width:52ch;color:var(--neutral-500);line-height:1.5}._results_1c7bg_35{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-8);align-items:start}._column_1c7bg_42{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}@media(max-width:768px){._results_1c7bg_35{grid-template-columns:1fr;gap:var(--space-6)}}@media(max-width:480px){._app_1c7bg_1{padding:var(--space-8) var(--space-4);gap:var(--space-6)}}:root{--paper: #fbfaf8;--surface: #ffffff;--neutral-100: #f1efeb;--neutral-200: #e5e2dc;--neutral-300: #d0ccc4;--neutral-400: #a39e95;--neutral-500: #6f6a61;--neutral-600: #4a463f;--ink: #211f1b;--danger: #a8261d;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--text-xs: .75rem;--text-sm: .85rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--ease: cubic-bezier(.2, .8, .2, 1);--motion-fast: .15s;--motion: .18s;--ring-width: 2px;--ring-offset: 3px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:var(--text-base) / 1.5 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:var(--ring-width) solid var(--ink);outline-offset:var(--ring-offset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}