._page_1kwfq_1{min-width:0;min-height:200px;height:100%;display:flex;flex-direction:column}._toolbar_1kwfq_9{margin-bottom:1.5rem}._btnCreate_1kwfq_13{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}._btnCreate_1kwfq_13:hover{background:#2563eb}._listDropZone_1kwfq_26{position:relative;border-radius:10px;flex-grow:1}._listDropZoneActive_1kwfq_32{outline:2px dashed #60a5fa;outline-offset:6px}._listDropMask_1kwfq_37{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#eff6ffe0;color:#1d4ed8;font-weight:600;border:2px dashed #60a5fa;border-radius:10px;z-index:20;pointer-events:none}._loading_1kwfq_52{color:#6b7280;padding:2rem}._grid_1kwfq_57{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}@media (min-width: 640px){._grid_1kwfq_57{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}}._card_1kwfq_69{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .2s;position:relative}._card_1kwfq_69:hover{box-shadow:0 4px 12px #00000014}._card_1kwfq_69:hover ._cardMore_1kwfq_81{opacity:1}._cardCover_1kwfq_85{aspect-ratio:4/3;background:#f3f4f6}._cardCover_1kwfq_85 img{width:100%;height:100%;object-fit:cover;display:block}._cardInfo_1kwfq_96{padding:.75rem 1rem}._cardName_1kwfq_100{font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._cardDate_1kwfq_108{font-size:.75rem;color:#6b7280}._cardMore_1kwfq_81{position:absolute;top:.5rem;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#0009;color:#fff;border:none;border-radius:6px;cursor:pointer;opacity:0;transition:opacity .2s,background .2s}._cardMore_1kwfq_81:hover{background:#000000bf}._cardMoreMenuItem_1kwfq_134{font-size:.8125rem}._page_1wl17_1{min-width:0;padding-bottom:2rem}._tabs_1wl17_6{display:flex;gap:.5rem;margin-bottom:1.5rem}._tabs_1wl17_6 button{padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:.875rem}._tabs_1wl17_6 button:hover:not(._active_1wl17_19){background:#f3f4f6}._active_1wl17_19{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}._content_1wl17_29{min-height:200px}._wrapper_1lxrd_1{flex:1;min-height:300px;display:flex;flex-direction:column;gap:.5rem}._canvas_1lxrd_9{flex:1;min-height:200px;background:#f3f4f6;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}._canvas_1lxrd_9 canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%}._canvasCursorGrab_1lxrd_28{cursor:grab}._canvasCursorCrosshair_1lxrd_32{cursor:crosshair}._canvasEmpty_1lxrd_36{color:#6b7280;font-size:.875rem;cursor:pointer;border:1px dashed #d1d5db;transition:border-color .2s ease,background-color .2s ease}._canvasEmpty_1lxrd_36:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}._canvasEmptyDragOver_1lxrd_48{border-color:#2563eb;background:#eff6ff}._uploadInputHidden_1lxrd_53{display:none}._zoom_1lxrd_57{position:relative;display:flex;align-items:center;gap:.5rem}._zoomButton_1lxrd_64{width:28px;height:28px;border:1px solid #e5e7eb;background:#fff;border-radius:4px;cursor:pointer;font-size:1rem;line-height:1}._zoomButton_1lxrd_64:hover:not(:disabled){background:#f3f4f6}._zoomButton_1lxrd_64:disabled{opacity:.5;cursor:not-allowed}._zoomDropdown_1lxrd_82{position:relative}._zoomTrigger_1lxrd_86{height:28px;min-width:3.5rem;padding:0 .625rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:4px;font-size:.75rem;cursor:pointer}._zoomTrigger_1lxrd_86:hover{background:#f9fafb}._zoomTrigger_1lxrd_86:focus-visible{outline:2px solid #93c5fd;outline-offset:1px}._zoomMenu_1lxrd_105{position:absolute;left:0;bottom:calc(100% + 8px);min-width:160px;padding:.375rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 12px 32px #0f172a29;z-index:10}._zoomMenuItem_1lxrd_118{width:100%;border:none;background:transparent;border-radius:6px;text-align:left;padding:.4rem .5rem;font-size:.75rem;color:#374151;cursor:pointer}._zoomMenuItem_1lxrd_118:hover{background:#f3f4f6}._zoomMenuDivider_1lxrd_133{height:1px;background:#e5e7eb;margin:.25rem 0}._copyableText_1j0ib_1{cursor:pointer;-webkit-user-select:none;user-select:none;line-height:16px}._copyableText_1j0ib_1:focus-visible{outline:1px solid #3b82f6;outline-offset:2px;border-radius:2px}._resultItem_1l92p_1{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f3f4f6;font-size:.8rem}._resultItem_1l92p_1:last-child{border-bottom:none}._resultItemGrid_1l92p_13{flex-direction:column;align-items:flex-start;gap:.5rem;padding:8px;border:1px solid #e5e7eb;border-radius:8px}._resultItemGrid_1l92p_13 ._resultSwatch_1l92p_21{width:100%;height:72px;border-radius:6px}._resultItemGrid_1l92p_13 ._resultInfo_1l92p_26{width:100%;flex-direction:column;gap:.25rem}._resultSwatch_1l92p_21{position:relative;overflow:visible;width:24px;height:24px;border-radius:4px;border:1px solid #e5e7eb;flex-shrink:0;background-color:var(--swatch-color, transparent)}._resultSwatch_1l92p_21:hover ._colorComparePopover_1l92p_42{opacity:1;visibility:visible;transform:translateY(-4px)}._colorComparePopover_1l92p_42{position:absolute;left:0;bottom:calc(100% + 8px);display:flex;width:120px;height:48px;border:1px solid #d1d5db;border-radius:8px;overflow:hidden;box-shadow:0 8px 20px #00000029;background:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(0);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:10}._resultItemGrid_1l92p_13 ._resultSwatch_1l92p_21:hover ._colorComparePopover_1l92p_42{transform:translate(-50%) translateY(-4px)}._resultItemGrid_1l92p_13 ._colorComparePopover_1l92p_42{left:50%;transform:translate(-50%) translateY(0)}._compareColorBlock_1l92p_76{flex:1;min-width:0;background-color:var(--compare-color, transparent)}._resultInfo_1l92p_26{display:flex;flex-wrap:wrap;gap:.25rem .75rem}._resultInfo_1l92p_26 ._resultName_1l92p_87{font-weight:500}._resultInfo_1l92p_26 ._resultHex_1l92p_90,._resultInfo_1l92p_26 ._resultRgb_1l92p_91,._resultInfo_1l92p_26 ._resultScore_1l92p_92{color:#6b7280}._copyable_1l92p_96{cursor:pointer;-webkit-user-select:none;user-select:none}._copyable_1l92p_96:hover{color:#2563eb}._copyable_1l92p_96:focus-visible{outline:1px solid #3b82f6;outline-offset:2px;border-radius:2px}._resultList_1vgf3_1{list-style:none;padding:0;margin:0}._resultGrid_1vgf3_7{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}._page_1rqo8_1{min-height:0;flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:0;overflow:hidden}@media (min-width: 768px){._page_1rqo8_1{flex-direction:row;height:100%;margin-right:-1rem}}._left_1rqo8_18{flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem}._splitter_1rqo8_26{display:none}._leftHeader_1rqo8_30{display:flex;justify-content:space-between;align-items:center;gap:.5rem}._upload_1rqo8_37{display:flex;align-items:center;gap:.5rem;margin-bottom:0}._uploadInputHidden_1rqo8_44{display:none}._btnUpload_1rqo8_48{display:inline-block;padding:.5rem 1rem;background:#3b82f6;color:#fff;border-radius:6px;cursor:pointer;font-size:.875rem}._btnUpload_1rqo8_48:hover{background:#2563eb}._btnClear_1rqo8_61{padding:.5rem 1rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.875rem}._btnClear_1rqo8_61:hover:not(:disabled){background:#f9fafb}._btnClear_1rqo8_61:disabled{color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed}._right_1rqo8_79{width:100%;flex-shrink:0;display:flex;flex-direction:column;gap:1rem;padding:0;border-left:none;border-top:1px solid #e5e7eb;padding-top:1rem}@media (min-width: 768px){._splitter_1rqo8_26{display:block;width:10px;flex:0 0 10px;cursor:col-resize;position:relative;touch-action:none}._splitter_1rqo8_26:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translate(-50%);background:#e5e7eb}._splitterResizing_1rqo8_110:before,._splitter_1rqo8_26:hover:before{background:#9ca3af}._right_1rqo8_79{width:auto;flex:1;border-left:none;border-top:none;padding-left:0;padding-top:0}}._mode_1rqo8_123{display:flex;align-items:center;gap:.5rem;position:relative}._mode_1rqo8_123>button{padding:.25rem .75rem;border:1px solid #e5e7eb;background:#fff;border-radius:4px;cursor:pointer;font-size:.875rem}._mode_1rqo8_123>button:hover:not(._active_1rqo8_137){background:#f3f4f6}._viewMode_1rqo8_141{display:flex;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}._viewMode_1rqo8_141 button{border:none;background:#fff;color:#4b5563;font-size:.75rem;padding:.25rem .625rem;cursor:pointer}._viewMode_1rqo8_141 button:hover{background:#f9fafb}._viewModeActive_1rqo8_159{background:#3b82f6!important;color:#fff!important}._active_1rqo8_137{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}._extracting_1rqo8_170{color:#6b7280;font-size:.875rem}._autoModeAlert_1rqo8_175{margin-right:1rem}._colors_1rqo8_179{flex:1;overflow-y:auto}._colors_1rqo8_179 h3{font-size:.875rem}._colorsHeader_1rqo8_187{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;margin-right:1rem}._colorsEmpty_1rqo8_196{color:#9ca3af;font-size:.875rem}._colorList_1rqo8_201{list-style:none;padding:0;margin:0}._colorRow_1rqo8_207{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0 1rem 1rem 0}._colorRowItem_1rqo8_216{position:relative;width:32px;height:32px}._colorRowRemove_1rqo8_222{position:absolute;top:-6px;right:-6px;width:16px;height:16px;padding:0;border:1px solid #fecaca;border-radius:9999px;background:#fef2f2;color:#dc2626;font-size:.75rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s}._colorRowRemove_1rqo8_222:hover{background:#fee2e2}._colorRowItem_1rqo8_216:hover ._colorRowRemove_1rqo8_222,._colorRowItem_1rqo8_216:focus-within ._colorRowRemove_1rqo8_222{opacity:1;pointer-events:auto}._colorRowSwatch_1rqo8_253{width:32px;height:32px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0;flex-shrink:0;transition:border-color .15s,transform .15s;background-color:var(--swatch-color, transparent)}._colorRowSwatch_1rqo8_253:hover{transform:scale(1.05)}._colorRowSwatchSelected_1rqo8_268{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}._colorItem_1rqo8_273{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}._colorItem_1rqo8_273:last-child{border-bottom:none}._colorItemMain_1rqo8_282{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}._colorSwatch_1rqo8_289{width:24px;height:24px;border-radius:4px;border:1px solid #e5e7eb;flex-shrink:0}._colorItemHex_1rqo8_297{font-size:.75rem;font-family:monospace;flex:1}._colorItemRemove_1rqo8_303{padding:.125rem .5rem;font-size:.75rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:4px;cursor:pointer}._colorItemRemove_1rqo8_303:hover{background:#fee2e2}._colorItemMatches_1rqo8_316{list-style:none;padding:0;margin:0;margin-right:1rem;flex-grow:1}._matchItem_1rqo8_324{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.75rem}._matchSwatch_1rqo8_332{width:16px;height:16px;border-radius:2px;border:1px solid #e5e7eb;flex-shrink:0}._matchInfo_1rqo8_340{display:flex;flex-wrap:wrap;gap:.25rem .5rem}._matchInfo_1rqo8_340 ._matchName_1rqo8_345{font-weight:500}._matchInfo_1rqo8_340 ._matchHex_1rqo8_348,._matchInfo_1rqo8_340 ._matchRgb_1rqo8_349,._matchInfo_1rqo8_340 ._matchScore_1rqo8_350{color:#6b7280}._loading_1rqo8_354{padding:2rem;text-align:center;color:#6b7280}._projectName_1y292_1{min-width:0;flex:1}._projectNameButton_1y292_6{max-width:100%;margin:0;padding:.25rem .5rem;border:1px solid transparent;border-radius:6px;background:transparent;color:#111827;cursor:text;font-size:1.125rem;font-weight:600;line-height:1.4;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .15s,border-color .15s}._projectNameButton_1y292_6:hover{background:#f3f4f6;border-color:#d1d5db}._projectNameInput_1y292_29{width:100%;min-width:0;height:2.25rem;border:1px solid #60a5fa;border-radius:6px;padding:0 .5rem;color:#111827;font-size:1.125rem;font-weight:600;line-height:1.4}._projectNameInput_1y292_29:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}._settings_3kwsy_1{margin-left:auto;position:relative}._settingsTrigger_3kwsy_6{padding:.25rem .75rem;margin-right:1rem;border:1px solid #e5e7eb;background:#fff;border-radius:4px;cursor:pointer;font-size:.875rem;margin-left:auto}._settingsTrigger_3kwsy_6:hover{background:#f3f4f6}._settingsMenu_3kwsy_20{z-index:20}._settingsPanel_3kwsy_24{width:260px;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 8px 24px #0f172a1f}._settingsRow_3kwsy_33{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}._settingsRow_3kwsy_33:last-of-type{margin-bottom:0}._settingsRow_3kwsy_33 label{width:64px;font-size:.8125rem;color:#4b5563;flex-shrink:0}._settingsRow_3kwsy_33 input{flex:1;min-width:0;height:30px;border:1px solid #d1d5db;border-radius:6px;padding:0 .5rem;font-size:.8125rem}._settingsRow_3kwsy_33 input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}._settingsRow_3kwsy_33 input:disabled{color:#9ca3af;background:#f9fafb;cursor:not-allowed}._settingsActions_3kwsy_68{margin-top:.75rem;display:flex;justify-content:flex-end}._settingsConfirm_3kwsy_74{padding:.35rem .75rem;border:1px solid #2563eb;background:#3b82f6;color:#fff;border-radius:6px;font-size:.8125rem;cursor:pointer}._settingsConfirm_3kwsy_74:hover{background:#2563eb}._list_5mlcf_1 h2{font-size:1rem;margin-bottom:1rem}._grid_5mlcf_6{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}@media (min-width: 640px){._grid_5mlcf_6{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}._card_5mlcf_18{background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;padding:.5rem}._swatch_5mlcf_26{aspect-ratio:1;border-radius:4px;margin-bottom:.5rem;cursor:pointer;border:1px solid #e5e7eb}._swatch_5mlcf_26:hover{opacity:.9}._field_5mlcf_37{font-size:.7rem;color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._copyable_5mlcf_45{cursor:pointer;padding:.125rem 0}._copyable_5mlcf_45:hover{color:#111827}._nearest_weh99_1 h2{font-size:1rem;margin-bottom:1rem}._nearest_weh99_1 h3{font-size:.875rem;margin-bottom:.5rem}._header_weh99_10{display:flex;flex-direction:row;gap:16px;margin-bottom:1.5rem}@media (max-width: 768px){._header_weh99_10{flex-direction:column}}._picker_weh99_22{display:flex;flex-direction:column;gap:.75rem;flex-grow:1}._pickerRow_weh99_29{display:flex;align-items:center;gap:.5rem}._pickerRow_weh99_29 label{min-width:4rem;font-size:.875rem}._pickerRow_weh99_29 input[type=color]{width:48px;height:32px;padding:2px;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer}._pickerRow_weh99_29 input[type=text]{flex:1;padding:.375rem .5rem;border:1px solid #e5e7eb;border-radius:4px;font-size:.875rem;font-family:monospace}._pickerRow_weh99_29 input[type=number]{width:4rem;padding:.375rem .5rem;border:1px solid #e5e7eb;border-radius:4px;font-size:.875rem}._rgbInputs_weh99_62{display:flex;gap:.5rem}._btnCompute_weh99_67{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;align-self:flex-start}._btnCompute_weh99_67:hover{background:#2563eb}._history_weh99_81{width:420px}@media (max-width: 768px){._history_weh99_81{width:100%}}._history_weh99_81 h3{font-size:.875rem;margin-bottom:.5rem}._historyList_weh99_94{display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%}@media (max-width: 768px){._historyList_weh99_94{flex-wrap:nowrap;overflow-x:auto}}._historyItem_weh99_107{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;font-size:.8125rem;font-family:monospace;transition:border-color .15s,box-shadow .15s}._historyItem_weh99_107:hover{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}._historyColor_weh99_125{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}._historyHex_weh99_133{color:#374151}._results_weh99_137 ._resultsHeader_weh99_137{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}._results_weh99_137 ._emptyHint_weh99_144{color:#9ca3af;font-size:.875rem}._viewToggle_weh99_149{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}._viewToggle_weh99_149 button{border:none;background:#fff;color:#4b5563;font-size:.75rem;padding:.25rem .625rem;cursor:pointer}._viewToggle_weh99_149 button:hover{background:#f9fafb}._activeViewBtn_weh99_168{background:#3b82f6!important;color:#fff!important}._triggerButton_yp1dz_1{position:fixed;color:#334155;padding:0;cursor:pointer}._triggerButton_yp1dz_1._desktop_yp1dz_7{bottom:20px;left:20px}._triggerButton_yp1dz_1:not(._desktop_yp1dz_7){bottom:20px;right:20px}._modalBody_yp1dz_16{min-height:240px;max-height:70vh;overflow:auto;padding-right:8px;-webkit-user-select:text;user-select:text}._centerState_yp1dz_24{height:220px;display:flex;align-items:center;justify-content:center}._markdown_yp1dz_31{color:#1f2937;line-height:1.7;-webkit-user-select:text;user-select:text}._markdown_yp1dz_31 h1,._markdown_yp1dz_31 h2,._markdown_yp1dz_31 h3{margin:1.2em 0 .6em;line-height:1.3}._markdown_yp1dz_31 p,._markdown_yp1dz_31 ul,._markdown_yp1dz_31 ol{margin:.75em 0}._markdown_yp1dz_31 table{width:100%;border-collapse:collapse;margin:1em 0;overflow:hidden}._markdown_yp1dz_31 th,._markdown_yp1dz_31 td{border:1px solid #dbe2ea;padding:.5em .7em;text-align:left}._markdown_yp1dz_31 pre{overflow:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75em}._markdown_yp1dz_31 code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}._app_a766d_1{height:100vh;display:flex;flex-direction:column;background:#f8fafc;color:#111827}._globalBanner_a766d_9{width:100%;padding:1rem 1.25rem;background-color:#fff1c5;color:#ffa964;display:flex;align-items:center;justify-content:center;font-size:14px}._bannerClose_a766d_20{margin-left:1rem;cursor:pointer}._header_a766d_25{display:flex;align-items:center;padding:1rem 1.25rem;background:#fff;border-bottom:1px solid #e5e7eb}._header_a766d_25 h1{font-size:1.25rem;font-weight:600}._layout_a766d_37{flex:1;min-height:0;display:grid;grid-template-columns:200px minmax(0,1fr)}._sidebar_a766d_44{border-right:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;gap:1rem}._navMenu_a766d_52{border-inline-end:none!important;background:transparent}._main_a766d_57{min-width:0;overflow:auto;padding:1rem 1.25rem}@media (max-width: 900px){._layout_a766d_37{grid-template-columns:1fr;grid-template-rows:auto 1fr}._sidebar_a766d_44{border-right:none;border-bottom:1px solid #e5e7eb}._navExtras_a766d_72{padding:0 .5rem .5rem}}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{font-family:system-ui,-apple-system,sans-serif;margin:0;background:#f8fafc}