._container_1yxo0_1{padding:24px;display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}._historySection_1yxo0_21{background:var(--bg-side);padding:16px;border-radius:8px;border:1px solid var(--border-color)}._historyHeader_1yxo0_35{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:var(--text-secondary);font-weight:600}._clearBtn_1yxo0_55{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px}._clearBtn_1yxo0_55:hover{background:var(--border-color)}._historyGrid_1yxo0_83{display:flex;align-items:center;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;gap:8px;height:40px}._colorChip_1yxo0_103{width:32px;min-width:32px;height:32px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:transform .1s;box-shadow:0 2px 4px #0000001a}._colorChip_1yxo0_103:hover{transform:scale(1.1);border-color:var(--primary-color)}._mainAction_1yxo0_137{display:flex;gap:12px;align-items:center}._pickerBtn_1yxo0_149{background:linear-gradient(45deg,var(--primary-color) 0%,var(--bg-side) 100%);color:#fff;border:none;width:100%;padding:8px 24px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;transition:opacity .2s}._pickerBtn_1yxo0_149:hover{opacity:.9}._pickerBtn_1yxo0_149:disabled{background:var(--text-secondary);cursor:not-allowed}._converterList_1yxo0_201{display:flex;flex-direction:column;gap:12px}._row_1yxo0_213{display:flex;align-items:center;gap:12px;background:var(--bg-main);border:1px solid var(--border-color);padding:8px 16px;border-radius:8px}._label_1yxo0_233{width:60px;font-weight:600;color:var(--text-secondary);font-size:14px}._inputWrapper_1yxo0_247{flex:1;display:flex;align-items:center;gap:10px}._colorInput_1yxo0_261{width:40px;height:40px;border:none;background:none;cursor:pointer}._textInput_1yxo0_277{flex:1;background:transparent;border:none;color:var(--text-main);font-size:16px;font-family:monospace;outline:none}._copyIcon_1yxo0_297{color:var(--text-secondary);cursor:pointer;opacity:.5}._copyIcon_1yxo0_297:hover{opacity:1;color:var(--primary-color)}