._uploader_1utym_1{display:flex;flex-direction:column;gap:var(--space-3)}._dropzone_1utym_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_1utym_23{border-color:var(--ink);background:var(--neutral-100)}._icon_1utym_29{color:var(--neutral-400);transition:color var(--motion) var(--ease)}._dropzone_1utym_7:hover ._icon_1utym_29,._dropzoneActive_1utym_23 ._icon_1utym_29{color:var(--neutral-600)}._compact_1utym_42{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-4);min-height:0;padding:var(--space-3) var(--space-4);text-align:left}._thumb_1utym_52{width:56px;height:56px;flex-shrink:0;object-fit:cover;background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--radius-sm)}._meta_1utym_62{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}._fileName_1utym_69{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._change_1utym_77{margin-left:auto;flex-shrink:0;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--ink);background:var(--surface);border:1px solid var(--neutral-300);border-radius:var(--radius);transition:border-color var(--motion) var(--ease)}._dropzone_1utym_7:hover ._change_1utym_77,._dropzoneActive_1utym_23 ._change_1utym_77{border-color:var(--ink)}._input_1utym_96{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}._dropzone_1utym_7:has(._input_1utym_96:focus-visible){outline:var(--ring-width) solid var(--ink);outline-offset:var(--ring-offset);border-color:var(--ink)}._label_1utym_115{font-weight:500}._hint_1utym_119{color:var(--neutral-500);font-size:var(--text-sm)}._error_1utym_124{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_1tdd9_1{display:flex;flex-direction:column;gap:var(--space-6)}._field_1tdd9_8{display:flex;flex-direction:column;gap:var(--space-2)}._groupLabel_1tdd9_16{margin:0;font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-400)}._sources_1tdd9_25,._tabs_1tdd9_26{display:flex;flex-wrap:wrap;gap:var(--space-2)}._source_1tdd9_25,._tab_1tdd9_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_1tdd9_25:hover,._tab_1tdd9_26:hover{color:var(--ink);border-color:var(--neutral-300)}._source_1tdd9_25[aria-pressed=true],._tab_1tdd9_26[aria-selected=true]{color:var(--ink);background:var(--neutral-100);border-color:var(--ink);font-weight:500}._panel_1tdd9_61{position:relative}._actions_1tdd9_65{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-2)}._action_1tdd9_65{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)}._action_1tdd9_65:hover{border-color:var(--ink)}._code_1tdd9_90{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_4g571_1{max-width:1040px;margin:0 auto;padding:var(--space-16) var(--space-8);display:flex;flex-direction:column;gap:var(--space-8)}._results_4g571_15{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-8);align-items:start;animation:_resultsIn_4g571_1 var(--motion) var(--ease)}@keyframes _resultsIn_4g571_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._column_4g571_36{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}._exportColumn_4g571_44{position:sticky;top:var(--space-8)}@media(max-width:768px){._results_4g571_15{grid-template-columns:1fr;gap:var(--space-6)}._exportColumn_4g571_44{position:static}}@media(max-width:480px){._app_4g571_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}}